| Name | Message | Date |
|---|---|---|
| 📄 app.js | 6 hours ago | |
| 📄 index.html | 6 hours ago | |
| 📄 styles.css | 6 hours ago |
📄
wwwroot/index.html
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
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>BFI Monitor</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <div class="layout"> <header class="header"> <div class="header__brand"> <span class="header__mark" aria-hidden="true">▶</span> <div> <h1>BFI Monitor</h1> <p class="header__subtitle">Screening change tracker</p> </div> </div> <div class="header__status" id="live-status"> <span class="pulse"></span> <span>Loading…</span> </div> </header> <section class="cards" id="status-cards" aria-label="Monitor status"></section> <section class="panel"> <div class="panel__head"> <h2>Monitorings</h2> <div class="panel__actions"> <label class="toggle"> <input type="checkbox" id="show-archived" /> Show archived </label> <button type="button" class="btn" id="trigger-all-btn">Scan all</button> <button type="button" class="btn btn--primary" id="add-monitoring-btn">Add monitoring</button> </div> </div> <div id="monitorings-empty" class="empty hidden"> <p>No active monitorings yet.</p> <p class="empty__hint">Add a URL and CSS selector to start watching for changes.</p> </div> <ul class="monitoring-list" id="monitoring-list"></ul> </section> <main class="panel"> <div class="panel__head"> <h2 id="detections-title">Detections</h2> <button type="button" class="btn" id="refresh-btn">Refresh</button> </div> <div id="detections-empty" class="empty hidden"> <p>No changes detected yet.</p> <p class="empty__hint">The checker runs on a schedule and records HTML when a monitored page updates.</p> </div> <ul class="detection-list" id="detection-list"></ul> </main> <dialog class="dialog" id="add-dialog"> <form method="dialog" id="add-form"> <div class="dialog__head"> <h2>Add monitoring</h2> <button type="button" class="btn btn--ghost" id="close-add-dialog" aria-label="Close">✕</button> </div> <label class="field"> <span>Name <small>(optional)</small></span> <input type="text" id="add-name" placeholder="Odyssey IMAX" autocomplete="off" /> </label> <label class="field"> <span>URL</span> <input type="url" id="add-url" required placeholder="https://..." autocomplete="off" /> </label> <label class="field"> <span>CSS selector</span> <input type="text" id="add-selector" required placeholder=".detailed-search-results" autocomplete="off" /> </label> <p class="form-error hidden" id="add-error"></p> <div class="dialog__actions"> <button type="button" class="btn btn--ghost" id="cancel-add-dialog">Cancel</button> <button type="submit" class="btn btn--primary">Add monitoring</button> </div> </form> </dialog> <dialog class="dialog" id="edit-dialog"> <form method="dialog" id="edit-form"> <div class="dialog__head"> <h2>Edit monitoring</h2> <button type="button" class="btn btn--ghost" id="close-edit-dialog" aria-label="Close">✕</button> </div> <label class="field"> <span>Name <small>(optional)</small></span> <input type="text" id="edit-name" placeholder="Odyssey IMAX" autocomplete="off" /> </label> <label class="field"> <span>URL</span> <input type="url" id="edit-url" required placeholder="https://..." autocomplete="off" /> </label> <label class="field"> <span>CSS selector</span> <input type="text" id="edit-selector" required placeholder=".detailed-search-results" autocomplete="off" /> </label> <p class="form-error hidden" id="edit-error"></p> <div class="dialog__actions"> <button type="button" class="btn btn--ghost" id="cancel-edit-dialog">Cancel</button> <button type="submit" class="btn btn--primary">Save changes</button> </div> </form> </dialog> <aside class="drawer hidden" id="detail-drawer" aria-hidden="true"> <div class="drawer__head"> <h2 id="drawer-title">Detection</h2> <button type="button" class="btn btn--ghost" id="close-drawer" aria-label="Close">✕</button> </div> <p class="drawer__meta" id="drawer-meta"></p> <div class="drawer__preview" id="drawer-preview"></div> </aside> <div class="backdrop hidden" id="drawer-backdrop"></div> </div> <script src="app.js"></script> </body> </html>