Assignment Cockpit icons
This commit is contained in:
parent
57a4f447af
commit
dbde2eb662
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue