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

Tracks datatable action ui

Browse Source 
ref #11
This commit is contained in:
Philipp Dormann 2021-01-03 15:55:16 +01:00
parent f5d0e285fb
commit 9975c0cf64
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Tracks.svelte
View File

@ -4,14 +4,21 @@
import { TrackService } from "@odit/lfk-client-js"; import { TrackService } from "@odit/lfk-client-js";
const tracks_promise = TrackService.trackControllerGetAll(); const tracks_promise = TrackService.trackControllerGetAll();
import { getlang } from "./datatable_i18n"; import { getlang } from "./datatable_i18n";
import { Grid } from "gridjs"; import { Grid, html } from "gridjs";
import "gridjs/dist/theme/mermaid.css"; import "gridjs/dist/theme/mermaid.css";
// //
let table; let table;
tracks_promise.then((data) => { tracks_promise.then((data) => {
let tabledata = []; let tabledata = [];
data.forEach((track) => { data.forEach((track) => {
tabledata.push([track.name, track.distance, "TODO: edit,delete"]); tabledata.push([
track.name,
track.distance,
html(`
<button class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-400 text-base font-medium text-white sm:w-auto sm:text-sm">Edit</button>
<button class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-500 text-base font-medium text-white sm:w-auto sm:text-sm">Delete</button>
`),
]);
}); });
const datatable = new Grid({ const datatable = new Grid({
columns: [$_("track-name"), $_("track-length-in-m"), "Action"], columns: [$_("track-name"), $_("track-length-in-m"), "Action"],