ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
View File

@ -2,28 +2,38 @@
<div class="mb-12 grid grid-cols-icon-card gap-x-4 grid-areas-icon-card"> <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" /> <it-icon-calendar class="w-[60px] grid-in-icon" />
<h2 class="text-large font-bold grid-in-title">Datum</h2> <h2 class="text-large font-bold grid-in-title">Datum</h2>
<p class="grid-in-value"> <p class="grid-in-value">{{ start }} - {{ end }}</p>
{{ attendanceCourse.start }} - {{ attendanceCourse.end }}
</p>
</div> </div>
<div class="mb-12 grid grid-cols-icon-card gap-x-4 grid-areas-icon-card"> <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" /> <it-icon-location class="w-[60px] grid-in-icon" />
<h2 class="text-large font-bold grid-in-title">Standort</h2> <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>
<div class="grid grid-cols-icon-card content-between gap-x-4 grid-areas-icon-card"> <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" /> <it-icon-trainer class="w-[60px] grid-in-icon" />
<h2 class="text-large font-bold grid-in-title">Trainer</h2> <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> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import type { CourseSessionAttendanceCourse } from "@/types"; 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 { export interface Props {
attendanceCourse: CourseSessionAttendanceCourse; 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> </script>

4
server/vbv_lernwelt/course/management/commands/create_default_courses.py
View File

@ -161,8 +161,8 @@ def create_course_uk_de():
"learningContentId": LearningContentAttendanceCourse.objects.get( "learningContentId": LearningContentAttendanceCourse.objects.get(
slug="überbetriebliche-kurse-lp-circle-fahrzeug-lc-präsenzkurs-fahrzeug" slug="überbetriebliche-kurse-lp-circle-fahrzeug-lc-präsenzkurs-fahrzeug"
).id, ).id,
"start": "2022-05-23T13:07:23+0000", "start": "2023-05-23T08:30:00+0200",
"end": "2022-05-23T20:07:23+0000", "end": "2023-05-23T17:00:00+0200",
"location": "Handelsschule KV Bern, Zimmer 123, Eigerstrasse 16, 3012 Bern", "location": "Handelsschule KV Bern, Zimmer 123, Eigerstrasse 16, 3012 Bern",
"trainer": "Roland Grossenbacher, roland.grossenbacher@helvetia.ch", "trainer": "Roland Grossenbacher, roland.grossenbacher@helvetia.ch",
} }