Implement additional fields

This commit is contained in:
Elia Bieri 2023-05-23 16:43:18 +02:00
parent b7cdc0ddde
commit 09dcfcc418
2 changed files with 18 additions and 8 deletions

View File

@ -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>

View File

@ -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",
}