feat(core): Update opengrammar/extension/src/options/index.html (Commit #13)
Swadhin Biswas committed 7 months ago
1e4e7de
1 parent e90250e
commit 1e4e7de
1 file changed
+41 -0
Showing 1 changed file+41-0
▼opengrammar/extension/src/options/index.html
+41-0
| @@ -58,6 +58,17 @@ | ||
58 | 58 | <span class="toggle-slider"></span> |
59 | 59 | </label> |
60 | 60 | </div> |
61 | + | |
62 | + <div class="setting-group"> | |
63 | + <label class="toggle-setting"> | |
64 | + <div class="toggle-info"> | |
65 | + <span class="setting-label">Autocomplete suggestions</span> | |
66 | + <span class="setting-description">Show next-phrase completions and accept with Tab</span> | |
67 | + </div> | |
68 | + <input type="checkbox" id="autocompleteEnabled" class="toggle-input"> | |
69 | + <span class="toggle-slider"></span> | |
70 | + </label> | |
71 | + </div> | |
61 | 72 | </section> |
62 | 73 | |
63 | 74 | <!-- API Settings --> |
| @@ -188,6 +199,36 @@ | ||
188 | 199 | </div> |
189 | 200 | </section> |
190 | 201 | |
202 | + <section class="settings-section"> | |
203 | + <h2>Analytics & Sync</h2> | |
204 | + <p class="section-description"> | |
205 | + Usage totals are stored in synced browser storage so they can follow you across signed-in Chrome profiles. | |
206 | + </p> | |
207 | + | |
208 | + <div class="analytics-grid" id="analyticsGrid"> | |
209 | + <div class="analytics-card"><span class="analytics-value" id="metricAnalyses">0</span><span class="analytics-label">Analyses</span></div> | |
210 | + <div class="analytics-card"><span class="analytics-value" id="metricIssues">0</span><span class="analytics-label">Issues Found</span></div> | |
211 | + <div class="analytics-card"><span class="analytics-value" id="metricApplied">0</span><span class="analytics-label">Applied</span></div> | |
212 | + <div class="analytics-card"><span class="analytics-value" id="metricAutocomplete">0</span><span class="analytics-label">Autocomplete Accepted</span></div> | |
213 | + </div> | |
214 | + | |
215 | + <div class="analytics-subsections"> | |
216 | + <div> | |
217 | + <h3>Top Domains</h3> | |
218 | + <div id="topDomains" class="analytics-list"></div> | |
219 | + </div> | |
220 | + <div> | |
221 | + <h3>Top Providers</h3> | |
222 | + <div id="topProviders" class="analytics-list"></div> | |
223 | + </div> | |
224 | + </div> | |
225 | + | |
226 | + <div class="analytics-actions"> | |
227 | + <span id="analyticsUpdated" class="setting-description">Last updated: never</span> | |
228 | + <button id="clearAnalytics" class="btn-secondary">Clear Analytics</button> | |
229 | + </div> | |
230 | + </section> | |
231 | + | |
191 | 232 | <!-- About --> |
192 | 233 | <section class="settings-section about-section"> |
193 | 234 | <h2>About OpenGrammar</h2> |
194 | 235 | |