blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-16 22:42:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

use Slots for Core Detail Header: Tags, Issues, TileSlots

Browse Source
This commit is contained in:
ma0068
2025-10-14 15:45:11 +02:00
parent 40512edef0
commit 15a9379c6e
2 changed files with 38 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/DetailHeader/DetailHeader.js
+33 -12
View File
@@ -54,7 +54,20 @@ export default {
if (this.typeHeader === 'student') return this.headerData;
if (this.typeHeader === 'mitarbeiter') return this.person_id;
return null;
}
},
hasTileAlphaSlot() {
return !!this.$slots.titleAlphaTile
},
hasTileBetaSlot() {
return !!this.$slots.titleBetaTile
},
hasTileGammaSlot() {
return !!this.$slots.titleGammaTile
},
hasTileUIDSlot() {
return !!this.$slots.uid
},
},
created(){
if(this.person_id) {
@@ -310,19 +323,27 @@ export default {
<div class="col-md-1 d-flex flex-column align-items-end justify-content-start ms-auto">
<div class="d-flex py-1">
<div class="px-2" style="min-width: 100px;">
<slot name="card"></slot>
</div>
<div class="px-2">
<h4 class="mb-1">PNr</h4>
<h6 class="text-muted">{{ headerDataMa?.personalnummer }}</h6>
</div>
<div class="px-2" style="border-left: 1px solid #EEE">
<h4 class="mb-1">UID</h4>
<h6 class="text-muted">{{ headerDataMa?.mitarbeiter_uid }}</h6>
<div class="px-2" style="min-width: 100px;">
<slot name="issues"></slot>
</div>
<div v-if="hasTileGammaSlot" class="px-2">
<h4 class="mb-1"><slot name="titleGammaTile" :titleGammaTile="title"></slot></h4>
<h6 class="text-muted"><slot name="valueGammaTile" :valueGammaTile="valueGammaTile"></slot></h6>
</div>
<div v-if="hasTileBetaSlot" class="px-2">
<h4 class="mb-1"><slot name="titleBetaTile" :titleBetaTile="title"></slot></h4>
<h6 class="text-muted"><slot name="valueBetaTile" :valueBetaTile="valueBetaTile"></slot></h6>
</div>
<div v-if="hasTileAlphaSlot" class="px-2">
<h4 class="mb-1"><slot name="titleAlphaTile" :titleAlphaTile="title"></slot></h4>
<h6 class="text-muted"><slot name="valueAlphaTile" :valueAlphaTile="valueAlphaTile"></slot></h6>
</div>
<div v-if="hasTileUIDSlot" class="px-2" style="border-left: 1px solid #EEE">
<h4 class="mb-1">UID</h4>
<h6 class="text-muted"><slot name="uid"></slot></h6>
</div>
</div>
</div>
</div>
</template>
</div>
public/js/components/Vertraege/Vertragsverwaltung.js
+5 -1
View File
@@ -62,7 +62,11 @@ export default {
typeHeader="mitarbeiter"
:domain="config.domain"
fotoEditable
></fhc-header>
>
<template #uid>{{mitarbeiter_uid}}</template>
<template #titleAlphaTile>pID</template>
<template #valueAlphaTile>{{person_id}}</template>
</fhc-header>
<vertraege-mitarbeiter
:endpoint="endpoint"
:person_id="this.person_id"