ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: submit styling

This commit is contained in:
Reto Aebersold 2024-01-22 09:21:58 +01:00
parent a7922743fd
commit ab033bb0c9
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue
View File

@ -22,13 +22,13 @@ const onSubmitForMentorFeedback = async () => {
</script> </script>
<template> <template>
<div class="w-full pt-8"> <div class="mb-10 w-full pt-8">
<div class="w-full border border-gray-400"> <div class="w-full border border-gray-400">
<div class="m-6 space-y-6"> <div class="m-6 space-y-6">
<h3 class="heading-3"> <h3 class="heading-3">
{{ $t("a.Selbsteinschätzung teilen") }} {{ $t("a.Selbsteinschätzung teilen") }}
</h3> </h3>
<div v-if="!learningMentors?.length"> <div v-if="learningMentors?.length">
<p> <p>
{{ {{
$t( $t(
@ -57,7 +57,7 @@ const onSubmitForMentorFeedback = async () => {
<p v-if="!selectedLearningMentor"> <p v-if="!selectedLearningMentor">
{{ $t("a.Selbsteinschätzung teilen") }} {{ $t("a.Selbsteinschätzung teilen") }}
</p> </p>
<p v-else-if="learningMentors?.length == 0"> <p v-else>
{{ {{
$t("a.Selbsteinschätzung mit MENTOR_NAME teilen", { $t("a.Selbsteinschätzung mit MENTOR_NAME teilen", {
MENTOR_NAME: selectedLearningMentor.first_name, MENTOR_NAME: selectedLearningMentor.first_name,
@ -76,7 +76,7 @@ const onSubmitForMentorFeedback = async () => {
<div <div
v-for="(pc, index) in criteria" v-for="(pc, index) in criteria"
:key="pc.id" :key="pc.id"
class="flex flex-col space-y-4 border-t border-gray-400" class="flex flex-col space-y-4 border-t border-gray-400 py-8"
> >
<div class="flex justify-between"> <div class="flex justify-between">
<b>{{ pc.title }}</b> <b>{{ pc.title }}</b>
@ -84,13 +84,16 @@ const onSubmitForMentorFeedback = async () => {
{{ $t("a.Bearbeiten") }} {{ $t("a.Bearbeiten") }}
</router-link> </router-link>
</div> </div>
<div v-if="pc.completion_status == 'SUCCESS'"> <div
class="flex flex-row items-center space-x-2"
v-if="pc.completion_status == 'SUCCESS'"
>
<it-icon-smiley-happy class="h-6 w-6" /> <it-icon-smiley-happy class="h-6 w-6" />
{{ $t("selfEvaluation.yes") }} <span>{{ $t("selfEvaluation.yes") }}</span>
</div> </div>
<div v-else> <div class="flex flex-row items-center space-x-2" v-else>
<it-icon-smiley-thinking class="h-6 w-6" /> <it-icon-smiley-thinking class="h-6 w-6" />
{{ $t("selfEvaluation.no") }} <span>{{ $t("selfEvaluation.no") }}</span>
</div> </div>
</div> </div>
</template> </template>