whatdidyougetdone/index.html at master · TimeToBuildBob/whatdidyougetdone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>What Did You Get Done? - GitHub Activity Reports</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
    <div class="container">
        <header>
            <h1>📊 What Did You Get Done?</h1>
            <p class="subtitle">Track and share your GitHub achievements</p>
        </header>

        <nav class="nav-buttons">
            <button class="nav-btn active" data-report="bob-weekly">Bob</button>
            <button class="nav-btn" data-report="erik-weekly">Erik</button>
            <button class="nav-btn" data-report="gptme-team-weekly">gptme Team</button>
            <button class="nav-btn" data-view="custom-team">🎯 Custom Team</button>
        </nav>

        <!-- Team Dashboard Section -->
        <section id="team-dashboard" class="team-dashboard" style="display: none;">
            <h2>🎯 Create Custom Team Report</h2>
            <p class="subtitle">Enter GitHub usernames to generate a team activity report</p>

            <!-- Rate Limit Display -->
            <div id="rate-limit-display" class="rate-limit-display">
                <div class="rate-limit-content">
                    <span class="rate-limit-icon">⏱️</span>
                    <span class="rate-limit-text">Loading rate limit info...</span>
                    <button id="refresh-rate-limit" class="refresh-rate-limit-btn" title="Refresh rate limit status">🔄</button>
                </div>
            </div>

            <div id="cache-status" class="cache-status">
                <div class="cache-status-content">
                    <span class="cache-icon">💾</span>
                    <span id="cache-status-text" class="cache-status-text">No cached data</span>
                    <button id="clear-cache" class="clear-cache-btn" title="Clear all cached data">🗑️ Clear Cache</button>
                </div>
            </div>

            <form id="team-form" class="team-form">
                <div class="form-group">
                    <label for="team-usernames">GitHub Usernames (comma-separated):</label>
                    <input
                        type="text"
                        id="team-usernames"
                        name="usernames"
                        placeholder="e.g., ErikBjare, TimeToBuildBob"
                        required
                    />
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label for="team-days">Days to look back:</label>
                        <input
                            type="number"
                            id="team-days"
                            name="days"
                            min="1"
                            max="90"
                            value="7"
                        />
                    </div>

                    <div class="form-group">
                        <label for="team-start-date">Start Date (optional):</label>
                        <input
                            type="date"
                            id="team-start-date"
                            name="start-date"
                        />
                    </div>

                    <div class="form-group">
                        <label for="team-end-date">End Date (optional):</label>
                        <input
                            type="date"
                            id="team-end-date"
                            name="end-date"
                        />
                    </div>
                </div>

                <div class="form-group">
                    <label for="github-token">GitHub Token (optional, for higher rate limits):</label>
                    <input
                        type="password"
                        id="github-token"
                        name="token"
                        placeholder="ghp_..."
                    />
                    <p class="help-text">
                        Without token: 60 requests/hour. With token: 5000 requests/hour.
                        <a href="https://github.com/settings/tokens/new?scopes=public_repo&description=What%20Did%20You%20Get%20Done" target="_blank">Create token →</a>
                    </p>
                </div>

                <button type="submit" class="generate-btn">
                    <span class="btn-icon">🚀</span>
                    Generate Team Report
                </button>
            </form>

            <div id="team-result" class="result-section"></div>
        </section>

        <!-- Pre-generated Reports Section -->
        <section id="reports" class="reports">
            <div id="loading" class="loading" style="display: none;">
                <div class="spinner"></div>
                <p>Loading report...</p>
            </div>
            <div id="report-content" class="report-content"></div>
            <div id="share-section" style="display: none;">
                <h3>Share this report</h3>
                <!-- Share functionality will be added here -->
            </div>
        </section>

        <footer>
            <p>Last updated: <span id="last-updated">Unknown</span></p>
            <p>Built with ❤️ by <a href="https://github.com/TimeToBuildBob" target="_blank">Bob</a></p>
            <p>Powered by <a href="https://github.com/TimeToBuildBob/whatdidyougetdone" target="_blank">What Did You Get Done?</a></p>
        </footer>
    </div>

    <script src="script.js"></script>
</body>
</html>