refactor(LvPlan Lektoren in LV Ansicht): passt die Ansicht der Lektoren in den LVs des LvPlan an wenn mehrere Lektoren vorhanden sind

This commit is contained in:
SimonGschnell
2025-07-14 15:23:57 +02:00
parent 1bf49ad7ab
commit 9fe7dd069f
5 changed files with 76 additions and 10 deletions
+18
View File
@@ -807,4 +807,22 @@ html {
.mylv-semester-studiengang-lv .card-header {
min-height: 55px;
}
#lektorenContainer{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media(max-width: 990px) {
#lektorenContainer{
grid-template-columns: 1fr 1fr 1fr;
}
}
@media(max-width: 575px) {
#lektorenContainer {
grid-template-columns: 1fr 1fr;
}
}
+20 -1
View File
@@ -16,7 +16,8 @@
white-space: nowrap;
text-overflow: ellipsis;
display:flex;
place-content: center space-evenly;
justify-content: space-evenly;
align-items:center;
}
@@ -24,6 +25,10 @@
display:none;
}
.monthPageContainer .lehreinheitEventContent #lektorEllipsis {
display: none;
}
/* Lehreinheits Events in Week Page */
.weekPageContainer .lehreinheitEventContent {
display: grid;
@@ -32,6 +37,13 @@
}
@media(max-width: 1199px){
.weekPageContainer .lehreinheitEventContent {
grid-template-columns: 1fr;
}
}
.weekPageContainer .lehreinheitEventContent #lehreinheitEventHeader {
display: grid;
padding: .25rem .5rem .25rem .25rem;
@@ -100,6 +112,13 @@
align-items:center;
color: var(--fhc-light);
}
.weekPageContainer .feiertagEventContent {
display: grid;
grid-template-columns: auto 1fr;
justify-items: center;
align-items: center;
color: var(--fhc-light);
}
.weekPageContainer .feiertagEventContent #ferienEventIcon {
margin: 0.25rem;
@@ -15,18 +15,21 @@ export default {
let tooltipString = `${this.$p.t('global','uhrzeit')}: ${this.convertTime(this.event.beginn.split(":"))} / ${this.convertTime(this.event.ende.split(":")) }`;
tooltipString += `\n${this.$p.t('profilUpdate', 'topic')}: ${this.event.topic}`;
tooltipString += `${this.$p.t('person', 'ort')}: ${this.event.ort_kurzbz}`;
if(Array.isArray(this.event.lektor) && this.event.lektor.length > 0){
lektorenEmpty = false;
tooltipString += `\n${this.$p.t('lehre','lektor')}: `;
this.event.lektor.forEach(lektor => {
this.event.lektor.slice(0,3).forEach(lektor => {
tooltipString += `${lektor.kurzbz}\n`;
})
if(this.event.lektor.length > 3){
tooltipString += `${this.$p.t('lehre', 'weitereLektoren', [(this.event.lektor.length - 3)])}\n`;
}
}
if(lektorenEmpty){
tooltipString += "\n";
}
tooltipString += `${this.$p.t('person','ort')}: ${this.event.ort_kurzbz}`;
return tooltipString;
},
@@ -38,15 +41,19 @@ export default {
},
},
template: /*html*/`
<div class="lehreinheitEventContent h-100 w-100 p-1" >
<div id="lehreinheitEventHeader" class="h-100 " v-if="!event.allDayEvent && event?.beginn && event?.ende" >
<div class="lehreinheitEventContent h-100 w-100 p-1" @wheel.stop >
<div id="lehreinheitEventHeader" class="d-none d-xl-grid h-100 " v-if="!event.allDayEvent && event?.beginn && event?.ende" >
<span >{{convertTime(event.beginn.split(":"))}}</span>
<span >{{convertTime(event.ende.split(":"))}}</span>
</div>
<div id="lehreinheitEventText" v-tooltip="calendarEventTooltip">
<span id="lehreinheitTopic">{{event.topic}}</span>
<span id="lehreinheitLektoren" v-for="lektor in event.lektor">{{lektor.kurzbz}}</span>
<span id="lehreinheitOrt">{{event.ort_kurzbz}}</span>
<span id="lehreinheitLektoren" v-for="(lektor,index) in event.lektor.slice(0,3)">
{{lektor.kurzbz}}
</span>
<span id="lektorEllipsis" class="fw-bold" v-if="event.lektor.length > 3">...+
{{event.lektor.length-3}}</span>
</div>
</div>
`,
@@ -95,9 +95,11 @@ export default {
:''
}}</th>
<td>
<div v-for="lektor in event.lektor" class="d-block">
<a v-if="lektorenLinks[lektor.kurzbz]" :aria-label="$p.t('lehre','lektor')" :href="lektorenLinks[lektor.kurzbz]"><i class="fa fa-arrow-up-right-from-square me-1" style="color:#00649C"></i></a>
{{lektor.kurzbz}}
<div id="lektorenContainer">
<div v-for="lektor in event.lektor" class="d-block">
<a v-if="lektorenLinks[lektor.kurzbz]" :aria-label="$p.t('lehre','lektor')" :href="lektorenLinks[lektor.kurzbz]"><i class="fa fa-arrow-up-right-from-square me-1" style="color:#00649C"></i></a>
{{lektor.kurzbz}}
</div>
</div>
</td>
</tr>
+20
View File
@@ -3064,6 +3064,26 @@ $phrases = array(
)
)
),
array(
'app' => 'core',
'category' => 'lehre',
'phrase' => 'weitereLektoren',
'insertvon' => 'system',
'phrases' => array(
array(
'sprache' => 'German',
'text' => '...und {0} weitere Lektoren',
'description' => '',
'insertvon' => 'system'
),
array(
'sprache' => 'English',
'text' => 'group',
'description' => '...and {0} more lecturers',
'insertvon' => 'system'
)
)
),
array(
'app' => 'core',
'category' => 'lehre',