RezHackXYZ/classroomstuff
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added the modal for editing the cards in the flashcards app. will make the actual editing logic soon

Browse source
This commit is contained in:
RezHackXYZ 2025-06-11 17:42:00 +05:30
parent 72a71d616c
commit fd7502ab97
No known key found for this signature in database
GPG key ID: C4C90E569C9669E2
3 changed files with 17 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/routes/flashcards/StatsAndButtons.svelte
View file

@ -1,15 +1,9 @@
<script>
import { stats} from "./logic.svelte.js";
import { stats } from "./logic.svelte.js";
</script>
<div class="invisible">
<button class="btn mini"> Reset Deck </button>
</div>
<div class="flex gap-5">
<span class="text-green-500"><i class="nf nf-md-check"></i>: {stats.AnswerKnown}</span>
<span class="text-red-500"><i class="nf nf-md-close"></i>: {stats.AnswerNotKnown}</span>
<span class="text-blue-500"><i class="nf nf-md-help"></i>: {stats.AnswerNotChecked}</span>
</div>
<div>
<button class="btn mini"> Reset Deck </button>
</div>

1
src/routes/flashcards/editCards.svelte Normal file
View file

@ -0,0 +1 @@
<div class="border-2 rounded bg-zinc-800">heyyy</div>

20
src/routes/nav.svelte
View file

@ -52,14 +52,16 @@
"/flashcards": {
title: "Flashcards",
conformOnBack: null,
},
},
};
import { OpenTab } from "./wordle/InfoAndSetings/main.svelte";
import { Modal, Content, Trigger } from "sv-popup";
import { colseModal, ShowSeconds } from "./IdleScreen/logic/TimeAndTableData.svelte.js";
import EditTimetableDiv from "./IdleScreen/components/timetable/EditTimetable.svelte";
import {TabOpen} from "./randomname/+page.svelte";
import { TabOpen } from "./randomname/+page.svelte";
import { resetDeck } from "./flashcards/logic.svelte";
import EditCards from "./flashcards/editCards.svelte";
</script>
<div class="mb-1 flex items-center justify-between rounded border-2">
@ -111,9 +113,17 @@
</Trigger>
</Modal>
{:else if CurrentPage == "/randomname"}
<button class="btn dull mini" onclick={() => (TabOpen.v = true)}>
Edit list of names
</button>
<button class="btn dull mini" onclick={() => (TabOpen.v = true)}> Edit list of names </button>
{:else if CurrentPage == "/flashcards"}
<Modal>
<Content>
<EditCards />
</Content>
<Trigger>
<button class="btn dull mini">Edit Decks</button>
</Trigger>
</Modal>
<button class="btn dull mini" onclick={() => resetDeck}> Reset current Deck </button>
{/if}
</div>
</div>