refactor(LvInfo): refactors template layout of LvInfo for lehrveranstaltungen and moodle events

This commit is contained in:
SimonGschnell
2025-02-27 14:47:45 +01:00
parent e2b1dad776
commit 45c929cb90
4 changed files with 53 additions and 47 deletions
+1 -1
View File
@@ -2,7 +2,7 @@ import CalendarAbstract from './Abstract.js';
import CalendarPane from './Pane.js';
import CalendarMonthPage from './Month/Page.js';
import BsModal from "../Bootstrap/Modal.js";
import Months from "./Months";
import Months from "./Months.js";
export default {
mixins: [
CalendarAbstract
+1 -1
View File
@@ -2,7 +2,7 @@ import CalendarAbstract from './Abstract.js';
import CalendarPane from './Pane.js';
import CalendarWeekPage from './Week/Page.js';
import BsModal from "../Bootstrap/Modal.js";
import Weeks from "./Weeks";
import Weeks from "./Weeks.js";
export default {
mixins: [
+50 -44
View File
@@ -56,21 +56,47 @@ export default {
},
template:/*html*/`
<table class="table table-hover mb-4">
<tbody>
<tr>
<th>{{
$p.t('global','datum')?
$p.t('global','datum')+':'
:''
}}</th>
<td>{{methodFormatDate(event.datum)}}</td>
</tr>
<tr>
<template v-if="event.type == LV_TYPES.moodle">
<template v-if="event.type == LV_TYPES.moodle">
<tbody>
<tr>
<th>{{
$p.t('global','datum')?
$p.t('global','datum')+':'
:''
}}</th>
<td>{{methodFormatDate(event.datum)}}</td>
</tr>
<tr>
<th>{{$p.t('global','aktivitaet')}}:</th>
<td>{{event?.assignment}}</td>
</template>
<template v-else>
</tr>
<tr>
<th>{{$p.t('global','typ')}}:</th>
<td>{{event?.purpose}}</td>
</tr>
<tr>
<th>{{$p.t('fristenmanagement','frist')}}:</th>
<td>{{start_time}}</td>
</tr>
<tr >
<th>Link:</th>
<td>
<a :href="event?.url" target="_blank"><i class="fa fa-arrow-up-right-from-square me-1"></i></a>
</td>
</tr>
</tbody>
</template>
<template v-else>
<tbody>
<tr>
<th>{{
$p.t('global','datum')?
$p.t('global','datum')+':'
:''
}}</th>
<td>{{methodFormatDate(event.datum)}}</td>
</tr>
<tr>
<th>{{
$p.t('global','raum')?
$p.t('global','raum')+':'
@@ -80,9 +106,7 @@ export default {
<a v-if="event.ort_content_id" :href="getOrtContentLink"><i class="fa fa-arrow-up-right-from-square me-1" style="color:#00649C"></i></a>
{{event.ort_kurzbz}}
</td>
</template>
</tr>
<template v-if="event.type != LV_TYPES.moodle">
</tr>
<tr>
<th>{{
$p.t('lehre','lehrveranstaltung')?
@@ -91,8 +115,6 @@ export default {
}}</th>
<td>{{'('+event.lehrform+') ' + event.lehrfach_bez}}</td>
</tr>
</template>
<template v-if="event.type != LV_TYPES.moodle">
<tr>
<th>{{
$p.t('lehre','lektor')?
@@ -106,40 +128,24 @@ export default {
</div>
</td>
</tr>
</template>
<tr>
<template v-if="event.type == LV_TYPES.moodle">
<th>{{$p.t('global','typ')}}:</th>
<td>{{event?.purpose}}</td>
</template>
<template v-else>
<tr>
<th>{{
$p.t('ui','zeitraum')?
$p.t('ui','zeitraum')+':'
:''
}}</th>
$p.t('ui','zeitraum')?
$p.t('ui','zeitraum')+':'
:''
}}</th>
<td>{{start_time + ' - ' + end_time}}</td>
</template>
</tr>
<tr>
<template v-if="event.type == LV_TYPES.moodle">
<th>{{$p.t('fristenmanagement','frist')}}:</th>
<td>{{start_time}}</td>
</template>
<template v-else>
</tr>
<tr>
<th>{{
$p.t('lehre','organisationseinheit')?
$p.t('lehre','organisationseinheit')+':'
:''
}}</th>
<td>{{event.organisationseinheit}}</td>
</template>
</tr>
<tr v-if="event.type == LV_TYPES.moodle">
<th>Link:</th>
<td><a :href="event?.url" target="_blank"><i class="fa fa-arrow-up-right-from-square me-1"></i></a></td>
</tr>
</tbody>
</tr>
</tbody>
</template>
</table>
`
}
@@ -336,7 +336,7 @@ const Stundenplan = {
</div>
</template>
<template #monthPage="{event,day}">
<div class="p-1" v-if="event.type=='moodle'">
<div class="p-1" v-if="event.type=='moodle'" @click="showModal(event)">
<div class="d-flex small w-100" >
<moodle-svg></moodle-svg>
<span class="flex-grow-1 text-center ">{{event.topic}}</span>