lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

ScansOverview: add ThFilterTrack
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Philipp Dormann 2023-03-19 12:38:09 +01:00
parent 7083b3d8d2
commit 008835c24f
2 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/scans/ScansOverview.svelte
View File

@ -1,11 +1,12 @@
<script> <script>
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables"; import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables";
import { ScanService } from "@odit/lfk-client-js"; import { ScanService, TrackService } from "@odit/lfk-client-js";
import store from "../../store"; import store from "../../store";
import Toastify from "toastify-js"; import Toastify from "toastify-js";
import ScansEmptyState from "./ScansEmptyState.svelte"; import ScansEmptyState from "./ScansEmptyState.svelte";
import ThFilterRunner from "./ThFilterRunner.svelte"; import ThFilterRunner from "./ThFilterRunner.svelte";
import ThFilterTrack from "./ThFilterTrack.svelte";
$: active_deletes = []; $: active_deletes = [];
export let current_scans = []; export let current_scans = [];
const handler = new DataHandler(current_scans, { rowsPerPage: 20 }); const handler = new DataHandler(current_scans, { rowsPerPage: 20 });
@ -14,6 +15,10 @@
current_scans = val; current_scans = val;
handler.setRows(val); handler.setRows(val);
}); });
$: allTracks = [];
TrackService.trackControllerGetAll().then((val) => {
allTracks = val;
});
function format_laptime(laptime) { function format_laptime(laptime) {
if (laptime == 0 || laptime == null) { if (laptime == 0 || laptime == null) {
return $_("first-scan-of-the-day"); return $_("first-scan-of-the-day");
@ -84,7 +89,8 @@
<ThFilter {handler} filterBy="id" /> <ThFilter {handler} filterBy="id" />
<ThFilterRunner {handler} /> <ThFilterRunner {handler} />
<th style="border-bottom: 1px solid #ddd;" /> <th style="border-bottom: 1px solid #ddd;" />
<th style="border-bottom: 1px solid #ddd;" /> <ThFilterTrack tracks={allTracks} {handler} />
<!-- <th style="border-bottom: 1px solid #ddd;" /> -->
<th style="border-bottom: 1px solid #ddd;" /> <th style="border-bottom: 1px solid #ddd;" />
<th style="border-bottom: 1px solid #ddd;" /> <th style="border-bottom: 1px solid #ddd;" />
<th style="border-bottom: 1px solid #ddd;" /> <th style="border-bottom: 1px solid #ddd;" />

31
src/components/scans/ThFilterTrack.svelte Normal file
View File

@ -0,0 +1,31 @@
<script>
import { _ } from "svelte-i18n";
export let tracks;
export let handler;
let selected = "all";
</script>
<th style="border-bottom: 1px solid #ddd;">
<select
on:input={() => {
setTimeout(() => {
if (`${selected}`.trim()) {
const value = selected;
handler.filter(value, (scan) => {
// TODO: fix filter
if (scan.track.id === value || value === "all") return scan.track.id;
return "";
});
}
}, 50);
}}
bind:value={selected}
name="trackfilter"
id="trackfilter"
>
<option value="all">{$_("all")}</option>
{#each tracks as track}
<option value={track.id}>{track.name}</option>
{/each}
</select>
</th>