work on making editing of questions usable

ssciwr · Oct 24, 2024 · bfb39eb · bfb39eb
1 parent 4025b92
commit bfb39eb
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 77 deletions.
diff --git a/frontend/src/lib/components/Admin/Login.svelte b/frontend/src/lib/components/Admin/Login.svelte
diff --git a/frontend/src/lib/components/AdminPage.svelte b/frontend/src/lib/components/AdminPage.svelte
@@ -22,7 +22,7 @@
 	});
 </script>
 
-<Tabs tabStyle="pill">
+<Tabs tabStyle="underline">
 	{#if milestoneAgeGroups.value}
 		{#each milestoneAgeGroups.value as milestoneAgeGroup (milestoneAgeGroup.id)}
 			<TabItem open={milestoneAgeGroup.id === milestoneAgeGroups.value[0].id}>

diff --git a/frontend/src/lib/components/UserLandingPage.svelte b/frontend/src/lib/components/UserLandingPage.svelte
@@ -1,14 +1,9 @@
 <script lang="ts">
+	import UserVerify from '$lib/components/UserVerify.svelte';
 	import { componentTable } from '$lib/stores/componentStore';
 	import { currentUser, refresh } from '$lib/stores/userStore';
 	import { Button, TabItem, Tabs } from 'flowbite-svelte';
-	import {
-		AtomOutline,
-		CheckCircleOutline,
-		CogSolid,
-		GridPlusSolid,
-		ProfileCardSolid
-	} from 'flowbite-svelte-icons';
+	import { AtomOutline, CogSolid, GridPlusSolid, ProfileCardSolid } from 'flowbite-svelte-icons';
 	import { onMount } from 'svelte';
 	import { _ } from 'svelte-i18n';
 	import { get } from 'svelte/store';
@@ -62,28 +57,14 @@
 			</Tabs>
 		</div>
 	{:else}
-		<div
-			class="m-2 mx-auto flex w-full items-center justify-center p-2 text-gray-700 dark:text-gray-400"
-		>
-			<CheckCircleOutline size="xl" color="green" class="m-2" />
-			<div class="m-2 p-2">
-				{$_('registration.successMessage')}
-			</div>
-		</div>
-		<Button
-			type="button"
-			class="dark:bg-primay-700 bg-primary-700 hover:bg-primary-800 dark:hover:bg-primary-800 w-full text-center text-sm text-white hover:text-white"
-			href="/"
-		>
-			{$_('registration.goHome')}
-		</Button>
+		<UserVerify />
 	{/if}
 {:else}
 	<div
 		class="m-2 mx-auto flex w-full items-center justify-center p-2 text-gray-700 dark:text-gray-400"
 	>
 		<div class="m-2 p-2">
-			{$_('registration.successMessage')}
+			{$_('login.notLoggedIn')}
 		</div>
 	</div>
 	<Button

diff --git a/frontend/src/lib/components/UserRegistration.svelte b/frontend/src/lib/components/UserRegistration.svelte
@@ -4,10 +4,10 @@
 	import { type RegisterRegisterData } from '$lib/client/types.gen';
 	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
+	import UserVerify from '$lib/components/UserVerify.svelte';
 	import { preventDefault } from '$lib/util';
 	import { Button, Card, Heading, Input, Select } from 'flowbite-svelte';
 	import { _ } from 'svelte-i18n';
-	import UserVerify from './UserVerify.svelte';
 
 	async function submitData(): Promise<void> {
 		const equalPW = data[1].value !== '' && data[2].value === data[1].value;
@@ -145,7 +145,7 @@
 
 			<Button
 				type="submit"
-				class="dark:bg-primay-700 w-full bg-primary-700 text-center text-sm text-white hover:bg-primary-800 hover:text-white dark:hover:bg-primary-800"
+				class="dark:bg-primay-700 bg-primary-700 hover:bg-primary-800 dark:hover:bg-primary-800 w-full text-center text-sm text-white hover:text-white"
 				>{$_('registration.submitButtonLabel')}</Button
 			>
 		</form>

diff --git a/frontend/src/lib/components/UserVerify.svelte b/frontend/src/lib/components/UserVerify.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Button } from 'flowbite-svelte';
+	import { CheckCircleOutline } from 'flowbite-svelte-icons';
+	import { _ } from 'svelte-i18n';
+</script>
+
+<div
+	class="m-2 mx-auto flex w-full items-center justify-center p-2 text-gray-700 dark:text-gray-400"
+>
+	<CheckCircleOutline size="xl" color="green" class="m-2" />
+	<div class="m-2 p-2">
+		{$_('registration.successMessage')}
+	</div>
+</div>
+<Button
+	type="button"
+	class="dark:bg-primay-700 w-full bg-primary-700 text-center text-sm text-white hover:bg-primary-800 hover:text-white dark:hover:bg-primary-800"
+	href="/"
+>
+	{$_('registration.goHome')}
+</Button>
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
@@ -24,7 +24,9 @@
 		"translations": "Übersetzungen",
 		"user-questions": "Benutzerfragen",
 		"question": "Frage",
+		"selectOptions": "Optionen",
 		"actions": "Aktionen",
+		"selectPlaceholder": "Erstens,Zweitens,Drittens;",
 		"add": "Hinzufügen",
 		"edit": "Bearbeiten",
 		"delete": "Löschen",
@@ -39,7 +41,8 @@
 		"image": "Bild",
 		"images": "Bilder",
 		"min-age-months": "Mindestalter in Monaten",
-		"max-age-months": "Höchstalter in Monaten"
+		"max-age-months": "Höchstalter in Monaten",
+		"editUserQuestionTitle": "Frage an Benutzer editieren"
 	},
 	"researcher": {
 		"title": "Wissenschaft"
@@ -69,6 +72,7 @@
 		"alertMessageTitle": "Fehler",
 		"badCredentials": "Ungültige E-Mail-Adresse oder ungültiges Passwort",
 		"badActiveUser": "Der Benutzer konnte nicht gefunden werden",
+		"notLoggedIn": "Bitte melden sie sich erneut an",
 		"unauthorized": "Zugang verweigert",
 		"usernameLabel": "Benutzerkennung",
 		"passwordLabel": "Passwort",