From 4909b38428f4a450f091fbdd20de3bd2882dfd83 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Fri, 8 Sep 2023 15:08:12 +0200
Subject: [PATCH] Translations assignment frontend

---
 .../AssignmentEvaluationPage.vue              |  6 ++--
 .../EvaluationContainer.vue                   |  2 +-
 .../EvaluationIntro.vue                       | 36 +++++++++++--------
 .../EvaluationSummary.vue                     | 11 +++---
 .../assignment/AssignmentIntroductionView.vue |  2 +-
 5 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
index b71cf356..1b1f40ed 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
@@ -79,7 +79,9 @@ const assignment = computed(
       >
         <div class="flex items-center text-gray-900">
           <it-icon-assignment class="h-6 w-6"></it-icon-assignment>
-          <div class="ml-2">Geleitete Fallarbeit: {{ assignment?.title }}</div>
+          <div class="ml-2">
+            {{ $t("a.Geleitete Fallarbeit") }}: {{ assignment?.title }}
+          </div>
         </div>
         <button
           type="button"
@@ -98,7 +100,7 @@ const assignment = computed(
           <div class="h-full overflow-y-auto bg-white sm:w-1/2">
             <!-- Left part content goes here -->
             <div class="p-10" data-cy="student-submission">
-              <h3>Ergebnisse</h3>
+              <h3>{{ $t("a.Ergebnisse") }}</h3>
 
               <div class="my-6 flex items-center">
                 <img
diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationContainer.vue b/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationContainer.vue
index 0ff0f641..36fb835c 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationContainer.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationContainer.vue
@@ -155,7 +155,7 @@ function finishButtonEnabled() {
           @click="emit('close')"
         >
           <span class="flex items-center">
-            Bewertung abschliessen
+            {{ $t("a.Bewertung abschliessen") }}
             <it-icon-check class="ml-2 h-6 w-6"></it-icon-check>
           </span>
         </button>
diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationIntro.vue b/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationIntro.vue
index 26557de1..19186c0a 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationIntro.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationIntro.vue
@@ -48,28 +48,36 @@ async function startEvaluation() {
 <template>
   <div>
     <div class="mb-4">
-      {{ props.assignmentUser.first_name }} {{ props.assignmentUser.last_name }} hat die
-      Ergebnisse am
-      {{ dayjs(props.assignmentCompletion.submitted_at).format("DD.MM.YYYY") }} um
-      {{ dayjs(props.assignmentCompletion.submitted_at).format("HH.mm") }} Uhr
-      abgegeben.
+      {{
+        $t("assignment.x hat die Ergebnisse am y um z Uhr abgegeben", {
+          x: props.assignmentUser.first_name + " " + props.assignmentUser.last_name,
+          y: dayjs(props.assignmentCompletion.submitted_at).format("DD.MM.YYYY"),
+          z: dayjs(props.assignmentCompletion.submitted_at).format("HH.mm"),
+        })
+      }}
     </div>
 
-    <h3>Bewertung</h3>
+    <h3>{{ $t("a.Bewertung") }}</h3>
 
     <p v-if="props.dueDate" class="my-4">
-      Du musst die Bewertung bis am {{ props.dueDate.format("DD.MM.YYYY") }} um
-      {{ props.dueDate.format("HH.mm") }} Uhr abschliessen und freigeben.
+      {{
+        $t(
+          "assignment.Du musst die Bewertung bis am x um y Uhr abschliessen und freigeben",
+          {
+            x: props.dueDate.format("DD.MM.YYYY"),
+            y: props.dueDate.format("HH.mm"),
+          }
+        )
+      }}
     </p>
 
     <p class="my-4">
-      Die Gesamtpunktzahl und die daraus resultierende Note wird auf Grund des
-      hinterlegeten Beurteilungsinstrument berechnet.
+      {{ $t("assignment.evaluationInstrumentDescriptionText") }}
     </p>
 
     <p class="my-4">
       <a :href="props.assignment.evaluation_document_url" class="link" target="_blank">
-        Beurteilungsinstrument anzeigen
+        {{ $t("a.Beurteilungsinstrument anzeigen") }}
       </a>
     </p>
 
@@ -84,16 +92,16 @@ async function startEvaluation() {
             props.assignmentCompletion.completion_status === 'EVALUATION_IN_PROGRESS'
           "
         >
-          Bewertung fortsetzen
+          {{ $t("a.Bewertung fortsetzen") }}
         </span>
         <span
           v-else-if="
             props.assignmentCompletion.completion_status === 'EVALUATION_SUBMITTED'
           "
         >
-          Bewertung ansehen
+          {{ $t("a.Bewertung ansehen") }}
         </span>
-        <span v-else>Bewertung starten</span>
+        <span v-else>{{ $t("a.Bewertung starten") }}</span>
       </button>
     </div>
   </div>
diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationSummary.vue b/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationSummary.vue
index 2826bb50..bf067201 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationSummary.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/EvaluationSummary.vue
@@ -102,17 +102,16 @@ const evaluationUser = computed(() => {
     <h3 v-if="evaluationUser && props.showEvaluationUser" class="mb-6">
       Bewertung von {{ evaluationUser.first_name }} {{ evaluationUser.last_name }}
     </h3>
-    <h3 v-else class="mb-6">Bewertung Freigabe</h3>
+    <h3 v-else class="mb-6">{{ $t("a.Bewertung Freigabe") }}</h3>
 
     <section class="mb-6 border p-6">
       <div class="text-lg font-bold">Note: {{ grade }}</div>
       <div class="text-gray-900">
-        Gesamtpunktezahl {{ userPoints }} / {{ maxPoints }}
+        {{ $t("a.Gesamtpunktzahl") }} {{ userPoints }} / {{ maxPoints }}
       </div>
 
       <p class="my-4">
-        Die Gesamtpunktzahl und die daraus resultierende Note wird auf Grund des
-        hinterlegeten Beurteilungsinstrument berechnet.
+        {{ $t("assignment.evaluationInstrumentDescriptionText") }}
       </p>
 
       <p class="my-4">
@@ -121,7 +120,7 @@ const evaluationUser = computed(() => {
           class="link"
           target="_blank"
         >
-          Beurteilungsinstrument anzeigen
+          {{ $t("a.Beurteilungsinstrument anzeigen") }}
         </a>
       </p>
 
@@ -138,7 +137,7 @@ const evaluationUser = computed(() => {
       </div>
       <div v-else>
         <button class="btn-primary text-large" @click="submitEvaluation()">
-          Bewertung freigeben
+          {{ $t("a.Bewertung freigeben") }}
         </button>
       </div>
 
diff --git a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentIntroductionView.vue b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentIntroductionView.vue
index 0603eea5..06485fba 100644
--- a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentIntroductionView.vue
+++ b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentIntroductionView.vue
@@ -74,7 +74,7 @@ const step = useRouteQuery("step");
       props.assignment.evaluation_document_url
     "
   >
-    <h3 class="mb-4 mt-8">{{ $t("assignment.assessmentTitle") }}</h3>
+    <h3 class="mb-4 mt-8">{{ $t("a.Bewertung") }}</h3>
     <p
       v-if="props.assignment.evaluation_description"
       class="default-wagtail-rich-text text-large"