Add text, move text to translations file

client/src/locales/de.json

@@ -18,7 +18,8 @@
     "exam": "Prüfung | Prüfungen",
     "examResult": "Prüfungsresultat | Prüfungsresultate",
     "certificate": "Zertifikat | Zertifikate",
-    "notification": "Benachrichtigung | Benachrichtigungen"
+    "notification": "Benachrichtigung | Benachrichtigungen",
+    "profileLink": "Profil anzeigen"
   },
   "mainNavigation": {
     "logout": "Abmelden",
@@ -36,9 +37,13 @@
     "duration": "Dauer",
     "circleContentBoxTitle": "Das lernst du in diesem Circle.",
     "gotQuestions": "Hast du Fragen?",
+    "contactExpertButton": "Fachexpertin kontaktieren",
+    "contactExpertDescription": "Tausche dich mit der Fachexpertin für den Circle {circleName} aus.",
+    "learnMore": "Erfahre mehr dazu",
     "documents": {
       "title": "Unterlagen",
-      "description": "Stelle deinen Lernenden zusätzliche Inhalte zur Verfügung.",
+      "expertDescription": "Stelle deinen Lernenden zusätzliche Inhalte zur Verfügung.",
+      "userDescription": "Hier findest du die Unterlagen, die dir die Fachexpertin zur Verfügung gestellt hat.",
       "action": "Unterlagen hochladen",
       "modalAction": "Datei auswählen",
       "fileLabel": "Datei",

client/src/pages/cockpit/CockpitIndexPage.vue

@@ -172,7 +172,7 @@ function setActiveClasses(translationKey: string) {
                 <router-link
                   :to="`/course/${props.courseSlug}/cockpit/profile/${csu.user_id}`"
                 >
-                  {{ $t("cockpit.profileLink") }}
+                  {{ $t("general.profileLink") }}
                 </router-link>
               </template>
             </ItPersonRow>

client/src/pages/learningPath/CirclePage.vue

@@ -155,7 +155,7 @@ async function uploadDocument(data: DocumentUploadData) {
                     class="link"
                     :to="`/course/${courseSlug}/cockpit/profile/${profileUser.user_id}`"
                   >
-                    Profil anzeigen
+                    {{ $t("general.profileLink") }}
                   </router-link>
                 </div>
               </div>
@@ -193,7 +193,7 @@ async function uploadDocument(data: DocumentUploadData) {
                   </div>
                   <div v-if="!props.readonly" class="inline-flex items-center">
                     <it-icon-message class="mr-2" />
-                    Fachexpertin kontaktieren
+                    {{ $t("circlePage.contactExpertButton") }}
                   </div>
                 </div>
 
@@ -210,13 +210,18 @@ async function uploadDocument(data: DocumentUploadData) {
                       class="btn-primary mt-4 text-xl"
                       @click="circleStore.page = 'OVERVIEW'"
                     >
-                      Erfahre mehr dazu
+                      {{ $t("circlePage.learnMore") }}
                     </button>
                   </div>
                   <div v-if="!props.readonly" class="block border mt-8 p-6">
                     <h3 class="text-blue-dark">
                       {{ $t("circlePage.documents.title") }}
                     </h3>
+                    <div v-if="!courseSessionsStore.canUploadCircleDocuments">
+                      <div class="leading-relaxed mt-4">
+                        {{ $t("circlePage.documents.userDescription") }}
+                      </div>
+                    </div>
                     <ol
                       v-if="
                         courseSessionsStore &&
@@ -251,7 +256,7 @@ async function uploadDocument(data: DocumentUploadData) {
                     </ol>
                     <div v-if="courseSessionsStore.canUploadCircleDocuments">
                       <div class="leading-relaxed mt-4">
-                        {{ $t("circlePage.documents.description") }}
+                        {{ $t("circlePage.documents.expertDescription") }}
                       </div>
                       <button
                         class="btn-primary mt-4 text-xl"
@@ -265,10 +270,14 @@ async function uploadDocument(data: DocumentUploadData) {
                   <div v-if="!props.readonly" class="expert border mt-8 p-6">
                     <h3 class="text-blue-dark">{{ $t("circlePage.gotQuestions") }}</h3>
                     <div class="leading-relaxed mt-4">
-                      Tausche dich mit der Fachexpertin aus für den Circle Analyse aus.
+                      {{
+                        $t("circlePage.contactExpertDescription", {
+                          circleName: circleStore.circle?.title,
+                        })
+                      }}
                     </div>
                     <button class="btn-secondary mt-4 text-xl">
-                      Fachexpertin kontaktieren
+                      {{ $t("circlePage.contactExpertButton") }}
                     </button>
                   </div>
                 </div>