Add uk texts on dashboard

This commit is contained in:
Christian Cueni 2023-07-24 10:25:49 +02:00
parent 031b16c19c
commit 4486cb10cf
5 changed files with 62 additions and 43 deletions

View File

@ -209,7 +209,6 @@
"welcomeBack": "Willkommen zurück in deinem Lehrgang:" "welcomeBack": "Willkommen zurück in deinem Lehrgang:"
}, },
"login": { "login": {
"contact": "Kontakt",
"demoLogin": "Demo Login", "demoLogin": "Demo Login",
"login": "Login", "login": "Login",
"ssoLogin": "SSO Login/Registration", "ssoLogin": "SSO Login/Registration",
@ -264,6 +263,11 @@
"address": "Laupenstrasse 10, 3008 Bern", "address": "Laupenstrasse 10, 3008 Bern",
"team": "Team Nachwuchsentwicklung", "team": "Team Nachwuchsentwicklung",
"title": "Berufsbildungsverband der Versicherungswirtschaft VBV" "title": "Berufsbildungsverband der Versicherungswirtschaft VBV"
},
"dashboard": {
"allClear": "Alles klar?",
"nextSteps": "Als lernende Person wirst in den kommenden Tagen einem üK-Lehrgang zugewiesen. Dann\nerscheint hier Deine personalisierte Lehrgangs-Box mit den weiteren Informationen.",
"welcome": "Es hat alles geklappt, du bist nun auf der digitalen Lernumgebung des Berufsbildungsverbands der\nVersicherungswirtschaft (VBV) registriert!"
} }
}, },
"x von y Bewertungen freigegeben": "{{x}} von {{y}} Bewertungen freigegeben", "x von y Bewertungen freigegeben": "{{x}} von {{y}} Bewertungen freigegeben",

View File

@ -34,50 +34,65 @@ const getNextStepLink = (courseSession: CourseSession) => {
<h1 data-cy="welcome-message"> <h1 data-cy="welcome-message">
{{ $t("dashboard.welcome", { name: userStore.first_name }) }} {{ $t("dashboard.welcome", { name: userStore.first_name }) }}
</h1> </h1>
<div <div v-if="courseSessionsStore.uniqueCourseSessionsByCourse.length > 0">
v-if="courseSessionsStore.uniqueCourseSessionsByCourse.length > 0" <div class="mb-14">
class="mb-14" <h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2>
>
<h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2>
<div class="grid auto-rows-fr grid-cols-1 gap-4 md:grid-cols-2"> <div class="grid auto-rows-fr grid-cols-1 gap-4 md:grid-cols-2">
<div <div
v-for="courseSession in courseSessionsStore.uniqueCourseSessionsByCourse" v-for="courseSession in courseSessionsStore.uniqueCourseSessionsByCourse"
:key="courseSession.id" :key="courseSession.id"
> >
<div class="bg-white p-6 md:h-full"> <div class="bg-white p-6 md:h-full">
<h3 class="mb-4">{{ courseSession.course.title }}</h3> <h3 class="mb-4">{{ courseSession.course.title }}</h3>
<div> <div>
<LearningPathDiagramSmall <LearningPathDiagramSmall
class="mb-4" class="mb-4"
:course-slug="courseSession.course.slug" :course-slug="courseSession.course.slug"
></LearningPathDiagramSmall> ></LearningPathDiagramSmall>
</div> </div>
<div> <div>
<router-link <router-link
class="btn-blue" class="btn-blue"
:to="getNextStepLink(courseSession).value" :to="getNextStepLink(courseSession).value"
:data-cy="`continue-course-${courseSession.course.id}`" :data-cy="`continue-course-${courseSession.course.id}`"
> >
{{ $t("general.nextStep") }} {{ $t("general.nextStep") }}
</router-link> </router-link>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div>
<h3 class="mb-6">{{ $t("dashboard.dueDatesTitle") }}</h3>
<DueDatesList
class="bg-white p-6"
:due-dates="allDueDates"
:max-count="10"
:show-top-border="false"
></DueDatesList>
</div>
</div> </div>
<div v-else class="mb-14"> <div v-else class="mb-14">
<h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2> <div class="mb-12">
<p>{{ $t("dashboard.nocourses") }}</p> <h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2>
</div> <p class="mb-8">{{ $t("uk.dashboard.welcome") }}</p>
<div> <p>{{ $t("uk.dashboard.nextSteps") }}</p>
<h3 class="mb-6">{{ $t("dashboard.dueDatesTitle") }}</h3> </div>
<DueDatesList <div>
class="bg-white p-6" <h2 class="mb-3 mt-12">{{ $t("uk.dashboard.allClear") }}</h2>
:due-dates="allDueDates" <h3 class="font-normal">{{ $t("footer.contact") }}</h3>
:max-count="10" <address class="not-italic">
:show-top-border="false" <p class="non-italic">
></DueDatesList> {{ $t("uk.contact.title") }}
<br />
{{ $t("uk.contact.team") }}
<br />
{{ $t("uk.contact.address") }}
</p>
</address>
</div>
</div> </div>
</div> </div>
</main> </main>

View File

@ -94,8 +94,8 @@ const userStore = useUserStore();
</div> </div>
</div> </div>
<div class="container-medium"> <div class="container-medium">
<h2 class="mb-8">{{ $t("login.contact") }}</h2> <h2 class="mb-8">{{ $t("footer.contact") }}</h2>
<address class="non-italic"> <address class="not-italic">
<p class="non-italic"> <p class="non-italic">
{{ $t("uk.contact.title") }} {{ $t("uk.contact.title") }}
<br /> <br />