Add translations for feedback form

client/src/components/FeedbackForm.vue

@@ -1,58 +1,53 @@
 <template>
   <div>
     <p class="text-gray-800 mb-4">Schritt {{ stepNo + 1 }} von {{ MAX_STEPS }}</p>
-    <p class="mb-10 text-xl">
+    <p class="mb-10 text-xl" v-html="$t('feedback.intro')"></p>
-      Patrizia Huggel, deine Trainerin, bittet dich, ihr Feedback zu geben.
-      <br />
-      Das ist freiwillig, würde ihr aber helfen, dein Lernerlebnis zu verbessern.
-    </p>
     <ItRadioGroup
       v-if="stepNo === 0"
       v-model="wouldRecommend"
-      label="Würden Sie den Kurs weiterempfehlen?"
+      :label="$t('feedback.recommendLabel')"
       class="mb-8"
       :items="YES_NO"
     />
     <ItRadioGroup
       v-if="stepNo === 1"
       v-model="satisfaction"
-      label="Zufriedenheit insgesamt"
+      :label="$t('feedback.satisfactionLabel')"
       class="mb-8"
       :items="RATINGS"
     />
     <ItRadioGroup
       v-if="stepNo === 2"
       v-model="goalAttainment"
-      label="Zielerreichung insgesamt"
+      :label="$t('feedback.goalAttainmentLabel')"
       class="mb-8"
       :items="RATINGS"
     />
     <ItRadioGroup
       v-if="stepNo === 3"
       v-model="proficiency"
-      label="Wie beurteilen Sie Ihre Sicherheit bezüglichen den Themen nach dem Kurs?"
+      :label="$t('feedback.proficiencyLabel')"
       class="mb-8"
       :items="PERCENTAGES"
     />
     <ItRadioGroup
       v-if="stepNo === 4"
       v-model="receivedMaterials"
-      label="Haben Sie Vorbereitungsunterlagen (z.B. eLearning) erhalten?"
+      :label="$t('feedback.receivedMaterialsLabel')"
       class="mb-8"
       :items="YES_NO"
     />
     <ItRadioGroup
       v-if="stepNo === 4 && receivedMaterials"
       v-model="materialsRating"
-      label="Falls ja: Wie beurteilen Sie die Vorbereitungsunterlagen (z.B.
+      :label="$t('feedback.materialsRatingLabel')"
-eLearning)?"
       class="mb-8"
       :items="RATINGS"
     />
     <ItRadioGroup
       v-if="stepNo === 5"
       v-model="instructorCompetence"
-      label="Der Kursleiter war themenstark, fachkompetent."
+      :label="$t('feedback.instructorCompetenceLabel')"
       class="mb-8"
       :items="RATINGS"
     />
@@ -60,26 +55,25 @@ eLearning)?"
       v-if="stepNo === 6"
       v-model="instructorRespect"
       class="mb-8"
-      label="Fragen und Anregungen der Kursteilnehmenden wurden ernst
+      :label="$t('feedback.instructorRespectLabel')"
-genommen u. aufgegriffen."
       :items="RATINGS"
     />
     <ItTextarea
       v-if="stepNo === 7"
       v-model="instructorOpenFeedback"
-      :label="instructorOpenFeedbackLabel"
+      :label="$t('feedback.instructorOpenFeedbackLabel')"
       class="mb-8"
     />
     <ItTextarea
       v-if="stepNo === 8"
       v-model="courseNegativeFeedback"
-      :label="courseNegativeFeedbackLabel"
+      :label="$t('feedback.courseNegativeFeedbackLabel')"
       class="mb-8"
     />
     <ItTextarea
       v-if="stepNo === 9"
       v-model="coursePositiveFeedback"
-      :label="coursePositiveFeedbackLabel"
+      :label="$t('feedback.coursePositiveFeedbackLabel')"
       class="mb-8"
     />
     <button class="btn-blue" @click="sendFeedback">Senden und abschliessen</button>
@@ -133,10 +127,6 @@ onMounted(async () => {
 const stepNo = ref(0);
 const MAX_STEPS = 10;
 
-const instructorOpenFeedbackLabel = "Was ich dem Kursleiter sonst noch sagen wollte:";
-const courseNegativeFeedbackLabel = "Wo sehen Sie Verbesserungspotenzial?";
-const coursePositiveFeedbackLabel = "Was hat Ihnen besonders gut gefallen?";
-
 const sendFeedbackMutation = graphql(`
   mutation SendFeedbackMutation($input: SendFeedbackInput!) {
     sendFeedback(input: $input) {

client/src/components/learningPath/LearningContent.vue

@@ -2,7 +2,7 @@
 import LearningContentContainer from "@/components/learningPath/LearningContentContainer.vue";
 import { useCircleStore } from "@/stores/circle";
 import type { LearningContent } from "@/types";
-import * as log from "loglevel";
+import log from "loglevel";
 import { computed } from "vue";
 
 import DescriptionBlock from "@/components/learningPath/blocks/DescriptionBlock.vue";
@@ -55,7 +55,6 @@ const component = computed(() => {
     v-if="block"
     :title="learningContent.title"
     :next-button-text="$t('learningContent.completeAndContinue')"
-    :exit-text="$t('general.backToCircle')"
     @exit="circleStore.closeLearningContent(props.learningContent)"
     @next="circleStore.continueFromLearningContent(props.learningContent)"
   >

client/src/locales/de.json

@@ -109,5 +109,19 @@
   },
   "messages": {
     "sendMessage": "Nachricht schreiben"
+  },
+  "feedback": {
+    "intro": "Dein/e Trainer/in bittet dich, ihr/ihm Feedback zu geben. <br /> Das ist freiwillig, würde ihr aber helfen, dein Lernerlebnis zu verbessern.",
+    "recommendLabel": "Würden Sie den Kurs weiterempfehlen?",
+    "satisfactionLabel": "Zufriedenheit insgesamt",
+    "goalAttainmentLabel": "Zielerreichung insgesamt",
+    "proficiencyLabel": "Wie beurteilen Sie Ihre Sicherheit bezüglichen den Themen nach dem Kurs?",
+    "receivedMaterialsLabel": "Haben Sie Vorbereitungsunterlagen (z.B. eLearning) erhalten?",
+    "materialsRatingLabel": "Falls ja: Wie beurteilen Sie die Vorbereitungsunterlagen (z.B. eLearning)?",
+    "instructorCompetenceLabel": "Der Kursleiter war themenstark, fachkompetent.",
+    "instructorRespectLabel": "Fragen und Anregungen der Kursteilnehmenden wurden ernst genommen u. aufgegriffen.",
+    "instructorOpenFeedbackLabel": "Was ich dem Kursleiter sonst noch sagen wollte:",
+    "courseNegativeFeedbackLabel": "Wo sehen Sie Verbesserungspotenzial?",
+    "coursePositiveFeedbackLabel": "Was hat Ihnen besonders gut gefallen?"
   }
 }