Make loading prettier

client/src/locales/de.json

@@ -1,13 +1,13 @@
 {
   "Benutzername": "Benutzername",
+  "In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären.": "In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären.",
   "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:",
+  "Nächste Termine:": "Nächste Termine:",
+  "MS Teams öffnen": "MS Teams öffnen",
   "Passwort": "Passwort",
   "SSO Login/Registration": "SSO Login/Registration",
-  "Zur Zeit sind keine Termine vorhanden": "Zur Zeit sind keine Termine vorhanden",
   "Trainerunterlagen": "Trainerunterlagen",
-  "MS Teams öffnen": "MS Teams öffnen",
+  "Zur Zeit sind keine Termine vorhanden": "Zur Zeit sind keine Termine vorhanden",
-  "In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären.": "In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären.",
   "assignment": {
     "acceptConditionsDisclaimer": "Bedingungen akzeptieren und Ergebnisse abgeben",
     "assessmentDocumentDisclaimer": "Diese geleitete Fallarbeit wird auf Grund des folgenden Beurteilungsinstrument bewertet:",

client/src/locales/fr.json

@@ -1,13 +1,13 @@
 {
   "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",
-  "Zur Zeit sind keine Termine vorhanden": "Il n'y a pas de rendez-vous pour le moment",
   "Trainerunterlagen": "Dossier de l'entraîneur",
-  "MS Teams öffnen": "Ouvrir MS Teams",
+  "Zur Zeit sind keine Termine vorhanden": "Il n'y a pas de rendez-vous pour le moment",
-  "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.",
   "circlePage": {
     "circleContentBoxTitle": "C'est ce que tu apprends dans ce Cercle.",
     "contactExpertButton": "Contacter l'expert",

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";
@@ -37,8 +36,8 @@ function userCountStatusForCircle(userId: number, translationKey: string) {
   return competenceStore.calcStatusCount(grouped[translationKey] as []);
 }
 
-function openTeamsLink(){
+function openTeamsLink() {
-  window.open('https://vbvbern.sharepoint.com/sites/myVBV-AFA_K-CI', '_blank')
+  window.open("https://vbvbern.sharepoint.com/sites/myVBV-AFA_K-CI", "_blank");
 }
 
 const circles = computed(() => {
@@ -68,14 +67,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"]
@@ -106,15 +97,26 @@ function setActiveClasses(translationKey: string) {
       </div>
       <!-- Status -->
       <div class="mb-4 grid grid-rows-2 gap-4 lg:grid-cols-2 lg:grid-rows-none">
-        <div class="bg-white px-6 py-5 relative">
+        <div class="flex flex-col justify-between bg-white px-6 py-5">
+          <div>
             <h3 class="heading-3 mb-4 flex items-center gap-2">
-            <div>{{ $t("Trainerunterlagen") }}</div>
+              {{ $t("Trainerunterlagen") }}
             </h3>
-          <p>{{$t("In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären.")}}</p>
+            <div class="mb-4">
-          <button class="btn-secondary absolute bottom-5 left-6 " @click="openTeamsLink()">{{$t("MS Teams öffnen")}}</button>
+              {{
+                $t(
+                  "In MS Teams findest du die Trainerunterlagen und kannst deine offenen Fragen klären."
+                )
+              }}
             </div>
-        <AssignmentsTile :course-session="courseSession"/>
+          </div>
-
+          <div>
+            <button class="btn-secondary min-w-min" @click="openTeamsLink()">
+              {{ $t("MS Teams öffnen") }}
+            </button>
+          </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>