BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-08-28 17:21:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace analytics grade filter with dual-handle range slider.

Browse Source 
Use a single track with min/max thumbs instead of two separate sliders for clearer filtering UX.
This commit is contained in:
SethBurkart123
2026-06-02 12:32:07 +10:00
parent 337f85c3cc
commit 9000cb28cd
3 changed files with 211 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/plugins/built-in/gradeAnalytics/GradeAnalyticsPage.svelte
+2 -7
View File
@@ -10,6 +10,7 @@
import AnalyticsAreaChart from "./AnalyticsAreaChart.svelte";
import AnalyticsBarChart from "./AnalyticsBarChart.svelte";
import AssessmentTable from "./AssessmentTable.svelte";
import GradeRangeSlider from "./GradeRangeSlider.svelte";
import {
filterAssessmentsByTimeRange,
getTimeRangeLabel,
@@ -365,13 +366,7 @@
<div class="bsplus-analytics-field bsplus-analytics-grade-range">
<span class="bsplus-analytics-field-label">Grade range</span>
<div class="bsplus-analytics-range-row">
<input type="range" min="0" max="100" bind:value={gradeRange[0]} />
<input type="range" min="0" max="100" bind:value={gradeRange[1]} />
<span class="bsplus-analytics-range-value"
>{gradeRange[0]}% – {gradeRange[1]}%</span
>
</div>
<GradeRangeSlider bind:value={gradeRange} />
</div>
<div class="bsplus-analytics-field bsplus-analytics-toolbar-search">