Assignment Cockpit icons

This commit is contained in:
Daniel Egger 2023-05-08 17:30:05 +02:00
parent 57a4f447af
commit dbde2eb662
3 changed files with 25 additions and 14 deletions

View File

@ -160,12 +160,14 @@ function finishButtonEnabled() {
<button <button
v-if="state.pageIndex > numTasks" v-if="state.pageIndex > numTasks"
:disabled="!finishButtonEnabled()" :disabled="!finishButtonEnabled()"
class="btn-secondary z-10 flex items-center" class="btn-secondary z-10"
data-cy="next-step" data-cy="next-step"
@click="$emit('close')" @click="$emit('close')"
> >
Bewertung abschliessen <span class="flex items-center">
<it-icon-check class="ml-2 h-6 w-6"></it-icon-check> Bewertung abschliessen
<it-icon-check class="ml-2 h-6 w-6"></it-icon-check>
</span>
</button> </button>
</div> </div>
</nav> </nav>

View File

@ -94,8 +94,14 @@ const assignmentDetail = computed(() =>
submissionStatusForUser(csu.user_id)?.userStatus ?? '' submissionStatusForUser(csu.user_id)?.userStatus ?? ''
) )
" "
class="flex items-center"
> >
Bewertung freigegeben <div
class="relative flex h-7 w-7 items-center justify-center rounded-full border border-green-500 bg-green-500"
>
<it-icon-check class="h-4/5 w-4/5"></it-icon-check>
</div>
<div class="ml-2">Bewertung freigegeben</div>
</div> </div>
<div <div
v-else-if=" v-else-if="
@ -103,8 +109,14 @@ const assignmentDetail = computed(() =>
submissionStatusForUser(csu.user_id)?.userStatus ?? '' submissionStatusForUser(csu.user_id)?.userStatus ?? ''
) )
" "
class="flex items-center"
> >
Ergebnisse abgegeben <div
class="relative flex h-7 w-7 items-center justify-center rounded-full border border-green-500"
>
<it-icon-check class="h-6 w-6"></it-icon-check>
</div>
<div class="ml-2">Ergebnisse abgegeben</div>
</div> </div>
<div v-else></div> <div v-else></div>
@ -114,16 +126,13 @@ const assignmentDetail = computed(() =>
</section> </section>
</template> </template>
<template #link> <template #link>
<div <router-link
v-if="submissionStatusForUser(csu.user_id)?.progressStatus === 'success'" v-if="submissionStatusForUser(csu.user_id)?.progressStatus === 'success'"
:to="`/course/${props.courseSession.course.slug}/cockpit/assignment/${assignment.assignmentId}/${csu.user_id}`"
class="w-full text-right underline"
> >
<router-link Ergebnisse anzeigen
:to="`/course/${props.courseSession.course.slug}/cockpit/assignment/${assignment.assignmentId}/${csu.user_id}`" </router-link>
class="w-full text-right underline"
>
Ergebnisse anzeigen
</router-link>
</div>
</template> </template>
</ItPersonRow> </ItPersonRow>
</ul> </ul>

View File

@ -132,7 +132,7 @@ const assignmentUser = computed(() => {
</script> </script>
<template> <template>
<div v-if="state.assignment && assignmentCompletion"> <div v-if="state.assignment">
<div class="flex"> <div class="flex">
<LearningContentMultiLayout <LearningContentMultiLayout
:current-step="state.pageIndex" :current-step="state.pageIndex"