dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-06-19 22:41:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: grade delete

Browse source
This commit is contained in:
Sebastian Pravda 2023-02-04 16:27:34 +01:00
parent 644fcf46bc
commit 38803ade9e
No known key found for this signature in database
GPG key ID: F3BC84F08EFA3F57
2 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/lib/components/grades/GradesRow.svelte
View file

@ -9,8 +9,15 @@
</script>
<script lang="ts">
import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher();
export let grade: Grade;
const SEMESTERS: Semester[] = ['1/8', '2/8', '1/9', '2/9'];
const deleteRow = () => {
dispatch('delete');
}
</script>
<div class="flex">
@ -25,6 +32,23 @@
<option value="5">5</option>
</select>
{/each}
<!-- delete button with 'x' icon -->
<button on:click={deleteRow} class="ml-0.5 h-6 w-6">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 stroke-red-700"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
</button>
</div>
<style lang="postcss">

5
frontend/src/lib/components/grades/GradesTable.svelte
View file

@ -78,7 +78,7 @@
};
</script>
<div class="mx-auto mt-8 flex text-gray-400 lg:w-4/5">
<div class="mx-auto mt-8 flex pr-6 text-gray-400 lg:w-4/5">
<span class="w-1/2 text-center">Známky</span>
<span class="ml-0.5 w-1/6 text-center">1/8</span>
<span class="ml-0.5 w-1/6 text-center">2/8</span>
@ -92,6 +92,9 @@
on:keyup={convertGradeToGradeBackend}
on:change={convertGradeToGradeBackend}
bind:grade={gradesLocal[i]}
on:delete={() => {
gradesLocal = gradesLocal.filter((_, index) => index !== i);
}}
/>
</div>
{/each}