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

include minimum lap times

Browse Source 
ref #11
This commit is contained in:
Philipp Dormann 2021-01-04 19:20:13 +01:00
parent 8af63fc22a
commit 7210f1b947
2 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/AddTrackModal.svelte
View File

@ -3,6 +3,7 @@
import { tracks as tracksstore } from "../store.js"; import { tracks as tracksstore } from "../store.js";
let trackname_input; let trackname_input;
let trackname_input_value; let trackname_input_value;
let track_min_duration;
let tracklength; let tracklength;
import { TrackService } from "@odit/lfk-client-js"; import { TrackService } from "@odit/lfk-client-js";
export let modal_open; export let modal_open;
@ -19,6 +20,7 @@
TrackService.trackControllerPost({ TrackService.trackControllerPost({
distance: parseInt(tracklength), distance: parseInt(tracklength),
name: trackname_input_value, name: trackname_input_value,
minimumLapTime: track_min_duration,
}) })
.then((result) => { .then((result) => {
Toastify({ Toastify({
@ -115,6 +117,22 @@
class="inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 text-gray-500 text-sm">m</span> class="inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 text-gray-500 text-sm">m</span>
</div> </div>
</div> </div>
<div class="col-span-6">
<label
for="track_min_duration"
class="block text-sm font-medium text-gray-700">Minimum lap
time in s</label>
<div class="mt-1 flex rounded-md shadow-sm">
<input
bind:value={track_min_duration}
type="number"
name="track_min_duration"
class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300"
placeholder="1600" />
<span
class="inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 text-gray-500 text-sm">s</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

8
src/components/Tracks.svelte
View File

@ -31,6 +31,7 @@
tabledata.push([ tabledata.push([
track.name, track.name,
track.distance, track.distance,
track.minimumLapTime || 0,
html(` 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-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> <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>
@ -39,7 +40,12 @@
}); });
if (datatable_inited === false) { if (datatable_inited === false) {
datatable = new Grid({ datatable = new Grid({
columns: [$_("track-name"), $_("track-length-in-m"), "Action"], columns: [
$_("track-name"),
$_("track-length-in-m"),
"Minimum lap time in s",
"Action",
],
language: getlang($json("datatable")), language: getlang($json("datatable")),
sort: true, sort: true,
search: { enabled: true }, search: { enabled: true },