From 444bfb1767b3089a93452c370d9c89bc19745c7f Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 1 Dec 2022 19:09:55 +0100
Subject: [PATCH] :globe_with_meridians: Added more strings to be translated

---
 frontend/src/lib/editor/uploader.svelte       |  4 +++-
 frontend/src/lib/i18n/locales/en.json         | 23 +++++++++++++++----
 frontend/src/routes/+page.svelte              |  8 +++++++
 .../account/reset-password/+page.svelte       |  2 +-
 frontend/src/routes/import/+page.svelte       | 16 +++++--------
 frontend/src/routes/search/+page.svelte       |  2 +-
 .../src/routes/view/[quiz_id]/+page.svelte    |  4 ++--
 7 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/frontend/src/lib/editor/uploader.svelte b/frontend/src/lib/editor/uploader.svelte
index 42a137c..bc63642 100644
--- a/frontend/src/lib/editor/uploader.svelte
+++ b/frontend/src/lib/editor/uploader.svelte
@@ -20,6 +20,8 @@
 	// import '@uppy/file-input/dist/style.css'
 	import '@uppy/image-editor/dist/style.css';
 	import type { EditorData } from '../quiz_types';
+	import { getLocalization } from '$lib/i18n';
+	const { t } = getLocalization();
 
 	export let modalOpen = false;
 	export let edit_id: string;
@@ -102,7 +104,7 @@
 		on:click={() => {
 			modalOpen = true;
 		}}
-		><span class="italic">Add Image</span>
+		><span class="italic">{$t('uploader.add_image')}</span>
 		<svg
 			class="w-6 h-6 inline-block"
 			fill="none"
diff --git a/frontend/src/lib/i18n/locales/en.json b/frontend/src/lib/i18n/locales/en.json
index 73b5281..d605512 100644
--- a/frontend/src/lib/i18n/locales/en.json
+++ b/frontend/src/lib/i18n/locales/en.json
@@ -44,7 +44,11 @@
         "quiz_results_downloadable_content": "Quiz-results can be easily exported into an Excel-spreadsheet. (Didn't know others couldn't do that)",
         "multilingual_content": "ClassQuiz is already fully translated into English, German, Turkish, French and Italian. It is also partly translated into Indonesian and Catalan.",
         "dark_mode_content": "One of the most important features a website can have!",
-        "german_server_content": "ClassQuiz's servers are located in Germany and hosted by netcup."
+        "german_server_content": "ClassQuiz's servers are located in Germany and hosted by netcup.",
+        "download_quizzes": "Download Quizzes",
+        "download_quizzes_content": "Quizzes can be downloaded as one file and imported at any time, so you can also move your quizzes to an other instance of ClassQuiz easily!",
+        "community_driven": "Community-driven",
+        "community_driven_content": "ClassQuiz depends on its community for funding, testing ideas, feature requests, translations and more! You can also be a part of the ClassQuiz-community!"
     },
     "overview_page": {
         "created_at": "Created at",
@@ -145,7 +149,8 @@
         "find": "Find",
         "practice": "Practice",
         "error": "Error",
-        "voting": "Voting"
+        "voting": "Voting",
+        "download": "Download"
     },
     "editor": {
         "time_in_seconds": "Time in seconds",
@@ -158,7 +163,13 @@
     },
     "import_page": {
         "need_help": "Need help?",
-        "visit_docs": "Visit the documentation"
+        "visit_docs": "Visit the documentation",
+        "a_kahoot_quiz": "A Kahoot!-Quiz",
+        "url_should_look_like_this": "The URl should look like this: https://create.kahoot.it/details/...",
+        "side_import_kahoot": "On this side you can import quizzes, which live on Kahoot!.",
+        "classquiz_quiz": "A ClassQuiz-Quiz",
+        "upload_file_ending": "Upload the file ending in .cqa",
+        "this_side_classquiz": "On this side you can import quizzes, which were exported from ClassQuiz."
     },
     "admin_page": {
         "already_registered_as_admin": "There is already an admin registered for this game.",
@@ -191,7 +202,8 @@
         "imported_by": "Imported by"
     },
     "search_page": {
-        "at_least_3_characters": "Enter at least 3 characters..."
+        "at_least_3_characters": "Enter at least 3 characters...",
+        "nothing_here": "There is nothing here..."
     },
     "play_page": {
         "end_sentence": "That's it! This was the quiz.",
@@ -215,5 +227,8 @@
     "error_page": {
         "404_text": "The page you were looking for is gone or never even existed. Who knows?",
         "unknown_error_text": "That shouldn't happen. It's probably my fault, not yours, but maybe you have a magical power to break stuff..."
+    },
+    "uploader": {
+        "add_image": "Add image"
     }
 }
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 131cbf0..056afb2 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -108,6 +108,14 @@
 		{
 			headline: $t('index_page.dark_mode'),
 			content: $t('index_page.dark_mode_content')
+		},
+		{
+			headline: $t('index_page.download_quizzes'),
+			content: $t('index_page.download_quizzes_content')
+		},
+		{
+			headline: $t('index_page.community_driven'),
+			content: $t('index_page.community_driven_content')
 		}
 	];
 	let selected_classquiz_reason = 0;
diff --git a/frontend/src/routes/account/reset-password/+page.svelte b/frontend/src/routes/account/reset-password/+page.svelte
index 3849112..d35a0eb 100644
--- a/frontend/src/routes/account/reset-password/+page.svelte
+++ b/frontend/src/routes/account/reset-password/+page.svelte
@@ -80,7 +80,7 @@
 							</div>
 						</div>
 
-						<div class="flex items-center justify-between mt-4">
+						<div class="flex items-center justify-between mt-4 gap-2">
 							<a
 								href="/account/login"
 								class="text-sm text-gray-600 dark:text-gray-200 hover:text-gray-500"
diff --git a/frontend/src/routes/import/+page.svelte b/frontend/src/routes/import/+page.svelte
index 41cecc8..f383b91 100644
--- a/frontend/src/routes/import/+page.svelte
+++ b/frontend/src/routes/import/+page.svelte
@@ -116,7 +116,7 @@
 				<div class="grid grid-cols-2">
 					<form on:submit|preventDefault={submit}>
 						<div class="w-full mt-4 h-full flex flex-col">
-							<h2 class="text-center text-2xl">A Kahoot!-Quiz</h2>
+							<h2 class="text-center text-2xl">{$t('import_page.a_kahoot_quiz')}</h2>
 							<div class="dark:bg-gray-800 bg-white p-4 rounded-lg">
 								<div class="relative bg-inherit w-full">
 									<input
@@ -136,13 +136,11 @@
 										{$t('words.url')}
 									</label>
 									<p class="text-sm">
-										The URl should look like this:
-										https://create.kahoot.it/details/...
+										{$t('import_page.url_should_look_like_this')}
 									</p>
 								</div>
 								<p class="mt-2">
-									On this side you can import quizzes, which live on <b>Kahoot!</b
-									>.
+									{$t('import_page.side_import_kahoot')}
 								</p>
 							</div>
 
@@ -177,7 +175,7 @@
 					</form>
 					<form on:submit|preventDefault={file_submit}>
 						<div class="w-full mt-4 border-l-2 border-gray-600 h-full flex flex-col">
-							<h2 class="text-center text-2xl">A ClassQuiz-Quiz</h2>
+							<h2 class="text-center text-2xl">{$t('import_page.classquiz_quiz')}</h2>
 							<div class="dark:bg-gray-800 bg-white p-4 rounded-lg">
 								<div class="relative bg-inherit w-full">
 									<input
@@ -190,12 +188,10 @@
 										class:ring-red-700={!file_input}
 										class:ring-green-600={file_input}
 									/>
-									<p class="text-sm">Upload the file ending in .cqa</p>
+									<p class="text-sm">{$t('import_page.upload_file_ending')}</p>
 								</div>
 								<p class="mt-2">
-									On this side you can import quizzes, which were <b
-										>exported from ClassQuiz</b
-									>.
+									{$t('import_page.this_side_classquiz')}
 								</p>
 							</div>
 
diff --git a/frontend/src/routes/search/+page.svelte b/frontend/src/routes/search/+page.svelte
index 86a322d..d0d9fdd 100644
--- a/frontend/src/routes/search/+page.svelte
+++ b/frontend/src/routes/search/+page.svelte
@@ -87,7 +87,7 @@
 		</div>
 	{:else}
 		<div class="flex justify-center">
-			<h1 class="text-4xl">There is nothing here...</h1>
+			<h1 class="text-4xl">{$t('search_page.nothing_here')}</h1>
 		</div>
 		<div class="flex justify-center">
 			<p>
diff --git a/frontend/src/routes/view/[quiz_id]/+page.svelte b/frontend/src/routes/view/[quiz_id]/+page.svelte
index 75b4751..e8505b3 100644
--- a/frontend/src/routes/view/[quiz_id]/+page.svelte
+++ b/frontend/src/routes/view/[quiz_id]/+page.svelte
@@ -128,7 +128,7 @@
 						d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 					/>
 				</svg>
-				Download
+				{$t('words.download')}
 			</a>
 		{:else}
 			<div use:tippy={{ content: 'You need to be logged in to download a game' }}>
@@ -150,7 +150,7 @@
 							d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 						/>
 					</svg>
-					Download
+					{$t('words.download')}
 				</button>
 			</div>
 		{/if}