teacher-tools/app/src/apps/classroom_compliance/entries_table/StudentNameCell.vue

25 lines
582 B
Vue

<script setup lang="ts">
import type { EntriesResponseStudent } from '@/api/classroom_compliance';
defineProps<{
student: EntriesResponseStudent,
classId: number
}>()
</script>
<template>
<td :class="{ 'student-removed': student.removed }">
<RouterLink :to="'/classroom-compliance/classes/' + classId + '/students/' + student.id" class="student-link">
<span v-text="student.name"></span>
</RouterLink>
</td>
</template>
<style scoped>
.student-link {
text-decoration: none;
color: inherit;
}
.student-removed {
text-decoration: line-through;
}
</style>