Translations assignment frontend

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

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>

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
+        $t("assignment.x hat die Ergebnisse am y um z Uhr abgegeben", {
-      {{ dayjs(props.assignmentCompletion.submitted_at).format("DD.MM.YYYY") }} um
+          x: props.assignmentUser.first_name + " " + props.assignmentUser.last_name,
-      {{ dayjs(props.assignmentCompletion.submitted_at).format("HH.mm") }} Uhr
+          y: dayjs(props.assignmentCompletion.submitted_at).format("DD.MM.YYYY"),
-      abgegeben.
+          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
+      {{ $t("assignment.evaluationInstrumentDescriptionText") }}
-      hinterlegeten Beurteilungsinstrument berechnet.
     </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>

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
+        {{ $t("assignment.evaluationInstrumentDescriptionText") }}
-        hinterlegeten Beurteilungsinstrument berechnet.
       </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>
 

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"