flfeders/FEDEO
2
1
Fork 0
Code Issues 62 Pull Requests Actions Packages Projects 21 Releases Wiki Activity

Changes in Times Evaluation

Browse Source
This commit is contained in:
Florian Federspiel
2024-10-20 16:14:01 +02:00
parent a905b1f966
commit d3c2c8f642
5 changed files with 174 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
pages/absenceRequests/[mode]/[[id]].vue
View File

@@ -12,7 +12,6 @@ const router = useRouter()
const toast = useToast()
const id = ref(route.params.id ? route.params.id : null )
let currentItem = ref(null)
//Working
const mode = ref(route.params.mode || "show")
@@ -37,20 +36,19 @@ const absenceReasons = [
//Functions
const setupPage = () => {
if(mode.value === "show" || mode.value === "edit"){
currentItem.value = dataStore.getAbsenceRequestById(Number(useRoute().params.id))
itemInfo.value = dataStore.getAbsenceRequestById(Number(useRoute().params.id))
}
if(mode.value === "edit") itemInfo.value = currentItem.value
}
const editItem = async () => {
router.push(`/employees/absenceRequests/edit/${currentItem.id}`)
router.push(`/absenceRequests/edit/${itemInfo.value.id}`)
setupPage()
}
const cancelEditorCreate = () => {
if(currentItem.value) {
router.push(`/absenceRequests/show/${currentItem.value.id}`)
if(itemInfo.value) {
router.push(`/absenceRequests/show/${itemInfo.value.id}`)
} else {
router.push(`/absenceRequests/`)
}
@@ -59,7 +57,7 @@ setupPage()
</script>
<template>
<UDashboardNavbar :title="currentItem ? currentItem.name : (mode === 'create' ? 'Abwesenheit erstellen' : 'Abwesenheit bearbeiten')">
<UDashboardNavbar :title="itemInfo ? itemInfo.name : (mode === 'create' ? 'Abwesenheit erstellen' : 'Abwesenheit bearbeiten')">
<template #right>
<UButton
v-if="mode === 'edit'"
@@ -88,42 +86,42 @@ setupPage()
Bearbeiten
</UButton>
</template>
<template #badge v-if="currentItem">
<template #badge v-if="itemInfo">
<UBadge
v-if="currentItem.approved === 'Offen'"
v-if="itemInfo.approved === 'Offen'"
color="blue"
>{{currentItem.approved}}</UBadge>
>{{itemInfo.approved}}</UBadge>
<UBadge
v-else-if="currentItem.approved === 'Genehmigt'"
v-else-if="itemInfo.approved === 'Genehmigt'"
color="primary"
>{{currentItem.approved}}</UBadge>
>{{itemInfo.approved}}</UBadge>
<UBadge
v-else-if="currentItem.approved === 'Abgelehnt'"
v-else-if="itemInfo.approved === 'Abgelehnt'"
color="rose"
>{{currentItem.approved}}</UBadge>
>{{itemInfo.approved}}</UBadge>
</template>
</UDashboardNavbar>
<UTabs
:items="[{label: 'Informationen'}, {label: 'Logbuch'}]"
v-if="currentItem && mode == 'show'"
v-if="itemInfo && mode == 'show'"
class="p-5"
>
<template #item="{item}">
<UCard class="mt-5">
<div v-if="item.label === 'Informationen'">
<div class="truncate">
<p>Mitarbeiter: {{dataStore.profiles.find(item => item.id === currentItem.user) ? dataStore.profiles.find(item => item.id === currentItem.user).fullName : ""}}</p>
<p>Start: {{dayjs(currentItem.start).format("DD.MM.YYYY")}}</p>
<p>Ende: {{dayjs(currentItem.end).format("DD.MM.YYYY")}}</p>
<p>Grund: {{currentItem.reason}}</p>
<p>Notizen: {{currentItem.notes}}</p>
<p>Mitarbeiter: {{dataStore.profiles.find(item => item.id === itemInfo.user) ? dataStore.profiles.find(item => item.id === itemInfo.user).fullName : ""}}</p>
<p>Start: {{dayjs(itemInfo.start).format("DD.MM.YYYY")}}</p>
<p>Ende: {{dayjs(itemInfo.end).format("DD.MM.YYYY")}}</p>
<p>Grund: {{itemInfo.reason}}</p>
<p>Notizen: {{itemInfo.notes}}</p>
</div>
</div>
<div v-else-if="item.label === 'Logbuch'">
<HistoryDisplay
type="absencerequest"
v-if="currentItem"
:element-id="currentItem.id"
v-if="itemInfo"
:element-id="itemInfo.id"
/>
</div>
</UCard>