MakerStats-Notifier/popup.html at master · thczv/MakerStats-Notifier · 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>MakerWorld Monitor</title>
    <style>
        body {
            width: 320px;
            padding: 12px;
            font-family: Arial, sans-serif;
        }
        .config-section {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin: 10px 0 5px;
            font-weight: bold;
        }
        input, select {
            width: 100%;
            padding: 8px;
            margin: 5px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
        select {
            background-color: white;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            margin-top: 8px;
        }
        button:hover {
            background-color: #45a049;
        }
        .status {
            margin-top: 10px;
            padding: 10px;
            text-align: center;
            border-radius: 4px;
            min-height: 36px;
        }
        .success {
            background-color: #dff0d8;
            color: #3c763d;
        }
        .error {
            background-color: #f2dede;
            color: #a94442;
        }
        .section-title {
            border-bottom: 1px solid #eee;
            padding-bottom: 5px;
            margin: 15px 0 10px;
            color: #333;
        }
        .daily-report-section {
            background-color: #f9f9f9;
            padding: 10px;
            border-radius: 4px;
            margin-top: 15px;
        }
        .small-note {
            font-size: 12px;
            color: #666;
            margin-top: 6px;
        }
        .checkbox-label {
            font-weight: normal;
            display: flex;
            align-items: center;
            gap: 8px;
        }
    </style>
</head>
<body>
    <div class="config-section">
        <h2 class="section-title">Basic Configuration</h2>

        <label for="telegram-token">Telegram Bot Token:</label>
        <input
            type="text"
            id="telegram-token"
            placeholder="Enter Bot Token">

        <label for="chat-id">Telegram Chat ID:</label>
        <input
            type="text"
            id="chat-id"
            placeholder="Enter Chat ID">

        <label for="refresh-interval">Refresh Interval:</label>
        <select id="refresh-interval">
            <option value="300000">5 minutes</option>
            <option value="600000">10 minutes</option>
            <option value="900000" selected>15 minutes</option>
            <option value="1800000">30 minutes</option>
            <option value="3600000">1 hour</option>
            <option value="7200000">2 hours</option>
            <option value="10800000">3 hours</option>
            <option value="14400000">4 hours</option>
        </select>
    </div>

    <div class="daily-report-section">
        <h2 class="section-title">Daily Report</h2>

        <label for="daily-report">Enable Daily Report:</label>
        <select id="daily-report">
            <option value="yes">Yes</option>
            <option value="no">No</option>
        </select>

        <label for="notification-time">Notification Time:</label>
        <input type="time" id="notification-time" value="12:00">

        <div style="margin-top:12px;">
            <label class="checkbox-label">
                <input type="checkbox" id="notify-summary-mode" />
                Send aggregated summary instead of per-model messages
            </label>
            <div class="small-note">
                When enabled and saved, each periodic check will produce a single summary message containing all model activity. Per-model images are not included in summaries; per-model images remain when this is disabled.
            </div>
        </div>
    </div>

    <button id="save-button">Save Configuration</button>
    <button id="interim-button" style="margin-top:8px;">Send Interim Summary</button>
	<button id="restartTimerButton" type="button">Restart Timer Now</button>
    <div id="status" class="status"></div>

    <div style="text-align: center; margin-top: 10px;">
        <small>
            <a href="https://makerworld.com/en/@thczv" target="_blank" rel="noreferrer noopener">
                Support my models!
            </a>
        </small>
    </div>

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