Merged in feature/VBV-398-update-cockpit (pull request #119)

Feature/VBV-398 update cockpit

Approved-by: Christian Cueni

client/src/locales/de.json

@@ -1,9 +1,12 @@
 {
   "Benutzername": "Benutzername",
+  "Hier findest du die Trainerunterlagen (Lösungsblätter, Präsentationen etc.) für deinen Circle.": "Hier findest du die Trainerunterlagen (Lösungsblätter, Präsentationen etc.) für deinen Circle.",
   "Klicke auf den Button, um dich über SSO anzumelden oder zu registrieren.": "Klicke auf den Button, um dich über SSO anzumelden oder zu registrieren.",
-  "Nächste Termine": "Nächste Termine:",
+  "MS Teams öffnen": "MS Teams öffnen",
+  "Nächste Termine:": "Nächste Termine:",
   "Passwort": "Passwort",
   "SSO Login/Registration": "SSO Login/Registration",
+  "Trainerunterlagen": "Trainerunterlagen",
   "Zur Zeit sind keine Termine vorhanden": "Zur Zeit sind keine Termine vorhanden",
   "assignment": {
     "acceptConditionsDisclaimer": "Bedingungen akzeptieren und Ergebnisse abgeben",

client/src/locales/fr.json

@@ -1,9 +1,12 @@
 {
   "Benutzername": "Nom d'utilisateur",
+  "In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären.": "Avec MS Teams, tu trouveras la documentation pour les formateurs et tu pourras clarifier tes questions en suspens.",
   "Klicke auf den Button, um dich über SSO anzumelden oder zu registrieren.": "Clique sur le bouton pour te connecter ou t'inscrire via SSO.",
-  "Nächste Termine": "Prochains rendez-vous",
+  "MS Teams öffnen": "Ouvrir MS Teams",
+  "Nächste Termine:": "Prochains rendez-vous",
   "Passwort": "Mot de passe",
   "SSO Login/Registration": "Connexion/enregistrement SSO",
+  "Trainerunterlagen": "Dossier de l'entraîneur",
   "Zur Zeit sind keine Termine vorhanden": "Il n'y a pas de rendez-vous pour le moment",
   "circlePage": {
     "circleContentBoxTitle": "C'est ce que tu apprends dans ce Cercle.",

client/src/pages/cockpit/cockpitPage/CockpitPage.vue

@@ -2,7 +2,6 @@
 import FeedbackSummary from "@/components/feedback/feedbackSummary.vue";
 import LearningPathDiagram from "@/components/learningPath/LearningPathDiagram.vue";
 import ItPersonRow from "@/components/ui/ItPersonRow.vue";
-import ItProgress from "@/components/ui/ItProgress.vue";
 import type { LearningPath } from "@/services/learningPath";
 
 import { useCurrentCourseSession } from "@/composables";
@@ -64,14 +63,6 @@ const selectedCirclesTitles = computed(() => {
     .map((c) => c.title);
 });
 
-const data = {
-  transferProgress: {
-    fail: 0,
-    success: 3,
-    unknown: 8,
-  },
-};
-
 function setActiveClasses(translationKey: string) {
   return cockpitStore.selectedCircles.indexOf(translationKey) > -1
     ? ["bg-blue-900", "text-white"]
@@ -102,17 +93,30 @@ function setActiveClasses(translationKey: string) {
       </div>
       <!-- Status -->
       <div class="mb-4 grid grid-rows-2 gap-4 lg:grid-cols-2 lg:grid-rows-none">
-        <AssignmentsTile :course-session="courseSession" />
+        <div class="flex flex-col justify-between bg-white px-6 py-5">
-        <div class="bg-white px-6 py-5">
+          <div>
             <h3 class="heading-3 mb-4 flex items-center gap-2">
-            <it-icon-test-large class="h-16 w-16"></it-icon-test-large>
+              {{ $t("Trainerunterlagen") }}
-            <div>{{ $t("general.examResult", 2) }}</div>
             </h3>
             <div class="mb-4">
-            <ItProgress :status-count="data.transferProgress"></ItProgress>
+              {{
+                $t(
+                  "Hier findest du die Trainerunterlagen (Lösungsblätter, Präsentationen etc.) für deinen Circle."
+                )
+              }}
             </div>
-          <p>{{ $t("cockpit.examsDone") }}</p>
           </div>
+          <div>
+            <a
+              href="https://vbvbern.sharepoint.com/sites/myVBV-AFA_K-CI"
+              class="btn-secondary min-w-min"
+              target="_blank"
+            >
+              {{ $t("MS Teams öffnen") }}
+            </a>
+          </div>
+        </div>
+        <AssignmentsTile :course-session="courseSession" />
       </div>
       <!-- Feedback -->
       <FeedbackSummary

client/src/pages/learningPath/learningPathPage/LearningPathAppointmentsMock.vue

@@ -1,5 +1,5 @@
 <template>
-  <p class="mb-4 font-bold">{{ $t("Nächste Termine") }}</p>
+  <p class="mb-4 font-bold">{{ $t("Nächste Termine:") }}</p>
   <!-- ul>
     <li class="border-b border-t py-3">
       <p class="pr-12">24. November 2022, 11 Uhr - Austausch mit Trainer</p>