Implement additional fields
This commit is contained in:
parent
b7cdc0ddde
commit
09dcfcc418
|
|
@ -2,28 +2,38 @@
|
|||
<div class="mb-12 grid grid-cols-icon-card gap-x-4 grid-areas-icon-card">
|
||||
<it-icon-calendar class="w-[60px] grid-in-icon" />
|
||||
<h2 class="text-large font-bold grid-in-title">Datum</h2>
|
||||
<p class="grid-in-value">
|
||||
{{ attendanceCourse.start }} - {{ attendanceCourse.end }}
|
||||
</p>
|
||||
<p class="grid-in-value">{{ start }} - {{ end }}</p>
|
||||
</div>
|
||||
<div class="mb-12 grid grid-cols-icon-card gap-x-4 grid-areas-icon-card">
|
||||
<it-icon-location class="w-[60px] grid-in-icon" />
|
||||
<h2 class="text-large font-bold grid-in-title">Standort</h2>
|
||||
<p class="grid-in-value">{{ attendanceCourse.location }}</p>
|
||||
<p class="grid-in-value">{{ location }}</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-icon-card content-between gap-x-4 grid-areas-icon-card">
|
||||
<it-icon-trainer class="w-[60px] grid-in-icon" />
|
||||
<h2 class="text-large font-bold grid-in-title">Trainer</h2>
|
||||
<p class="grid-in-value">{{ attendanceCourse.trainer }}</p>
|
||||
<p class="grid-in-value">{{ trainer }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import type { CourseSessionAttendanceCourse } from "@/types";
|
||||
import dayjs from "dayjs";
|
||||
import "dayjs/locale/de";
|
||||
import LocalizedFormat from "dayjs/plugin/localizedFormat";
|
||||
import { computed } from "vue";
|
||||
|
||||
export interface Props {
|
||||
attendanceCourse: CourseSessionAttendanceCourse;
|
||||
}
|
||||
|
||||
defineProps<Props>();
|
||||
const props = defineProps<Props>();
|
||||
|
||||
dayjs.extend(LocalizedFormat);
|
||||
dayjs.locale("de");
|
||||
const format = "LLLL [Uhr]";
|
||||
const start = computed(() => dayjs(props.attendanceCourse.start).format(format));
|
||||
const end = computed(() => dayjs(props.attendanceCourse.end).format(format));
|
||||
const location = computed(() => props.attendanceCourse.location);
|
||||
const trainer = computed(() => props.attendanceCourse.trainer);
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -161,8 +161,8 @@ def create_course_uk_de():
|
|||
"learningContentId": LearningContentAttendanceCourse.objects.get(
|
||||
slug="überbetriebliche-kurse-lp-circle-fahrzeug-lc-präsenzkurs-fahrzeug"
|
||||
).id,
|
||||
"start": "2022-05-23T13:07:23+0000",
|
||||
"end": "2022-05-23T20:07:23+0000",
|
||||
"start": "2023-05-23T08:30:00+0200",
|
||||
"end": "2023-05-23T17:00:00+0200",
|
||||
"location": "Handelsschule KV Bern, Zimmer 123, Eigerstrasse 16, 3012 Bern",
|
||||
"trainer": "Roland Grossenbacher, roland.grossenbacher@helvetia.ch",
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue