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

Full track table editing

Browse Source
This commit is contained in:
Nicolai Ort 2023-05-01 14:27:56 +02:00
parent 103ad57ddc
commit e9cf2bc849
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/tracks/TracksOverview.svelte
View File

@ -122,18 +122,46 @@
<td class="px-6 py-4 whitespace-nowrap"> <td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center"> <div class="flex items-center">
<div class="ml-4"> <div class="ml-4">
{#if editTracks.findIndex((tr) => tr.id === t.id) !== -1}
<input
class="shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-0.5"
type="number"
value={t.distance}
on:input={(e) => {
const i = editTracks.findIndex(
(tr) => tr.id === t.id
);
editTracks[i].distance = parseInt(e.target.value);
}}
/>
{:else}
<div class="text-sm font-medium text-gray-900"> <div class="text-sm font-medium text-gray-900">
{t.distance} {t.distance}
</div> </div>
{/if}
</div> </div>
</div> </div>
</td> </td>
<td class="px-6 py-4 whitespace-nowrap"> <td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center"> <div class="flex items-center">
<div class="ml-4"> <div class="ml-4">
{#if editTracks.findIndex((tr) => tr.id === t.id) !== -1}
<input
class="shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-0.5"
type="number"
value={t.minimumLapTime}
on:input={(e) => {
const i = editTracks.findIndex(
(tr) => tr.id === t.id
);
editTracks[i].minimumLapTime = parseInt(e.target.value);
}}
/>
{:else}
<div class="text-sm font-medium text-gray-900"> <div class="text-sm font-medium text-gray-900">
{t.minimumLapTime} {t.minimumLapTime}
</div> </div>
{/if}
</div> </div>
</div> </div>
</td> </td>