Ehrenamt/ff-admin
2
0
Fork 0
Code Issues 16 Pull requests Projects Releases 24 Packages Wiki Activity Actions

adapt unified design in template

Browse source
This commit is contained in:
Julian Krauser 2025-05-21 09:20:22 +02:00
parent b83b22d806
commit def32b786c
26 changed files with 54 additions and 174 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/views/admin/unit/damageReport/DamageReportRouting.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Schadensmeldungen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Schadensmeldungen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
<div class="flex flex-col grow gap-2 overflow-hidden"> <div class="flex flex-col grow gap-2 overflow-hidden">

7
src/views/admin/unit/equipment/CreateEquipment.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Ausrüstung erfassen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Ausrüstung erfassen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto"> <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate"> <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">

7
src/views/admin/unit/equipment/Equipment.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Gerätschaften">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Gerätschaften</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

14
src/views/admin/unit/equipment/EquipmentRouting.vue
View file

@ -1,18 +1,12 @@
<template> <template>
<MainTemplate> <MainTemplate :title="activeEquipmentObj?.name">
<template #headerInsert> <template #headerInsert>
<RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <RouterLink v-if="can('update', 'unit', 'equipment')" :to="{ name: 'admin-unit-equipment-edit' }">
<h1 class="font-bold text-xl h-8 min-h-fit grow"> <PencilIcon class="w-5 h-5" />
{{ activeEquipmentObj?.name }} </RouterLink>
</h1>
<RouterLink v-if="can('update', 'unit', 'equipment')" :to="{ name: 'admin-unit-equipment-edit' }">
<PencilIcon class="w-5 h-5" />
</RouterLink>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/equipmentType/EquipmentType.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Geräte-Typen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Geräte-Typen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

8
src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
View file

@ -1,14 +1,10 @@
<template> <template>
<MainTemplate> <MainTemplate :title="activeEquipmentTypeObj?.type">
<template #headerInsert> <template #headerInsert>
<RouterLink :to="{ name: 'admin-unit-equipment_type' }" class="text-primary">zurück zur Liste</RouterLink> <RouterLink :to="{ name: 'admin-unit-equipment_type' }" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <div class="flex flex-row gap-2">
<h1 class="font-bold text-xl h-8 min-h-fit grow">
{{ activeEquipmentTypeObj?.type }}
</h1>
<RouterLink v-if="can('update', 'unit', 'equipment_type')" :to="{ name: 'admin-unit-equipment_type-edit' }"> <RouterLink v-if="can('update', 'unit', 'equipment_type')" :to="{ name: 'admin-unit-equipment_type-edit' }">
<PencilIcon class="w-5 h-5" /> <PencilIcon class="w-5 h-5" />
</RouterLink> </RouterLink>

8
src/views/admin/unit/inspection/InspectionExecute.vue
View file

@ -1,11 +1,9 @@
<template> <template>
<MainTemplate> <MainTemplate>
<template #topBar> <template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7"> <h1 class="font-bold text-xl min-h-8">
<h1 class="font-bold text-xl min-h-8"> Prüfung durchführen: {{ activeInspectionObj?.related.name }} - {{ activeInspectionObj?.inspectionPlan.title }}
Prüfung durchführen: {{ activeInspectionObj?.related.name }} - {{ activeInspectionObj?.inspectionPlan.title }} </h1>
</h1>
</div>
</template> </template>
<template #main> <template #main>
<Spinner v-if="loading == 'loading'" class="mx-auto" /> <Spinner v-if="loading == 'loading'" class="mx-auto" />

7
src/views/admin/unit/inspection/InspectionPlan.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Prüfung erstellen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Prüfung erstellen</h1>
</div>
</template>
<template #main> <template #main>
<form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent=""> <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="">
<div class="flex flex-row"> <div class="flex flex-row">

7
src/views/admin/unit/inspectionPlan/CreateInspectionPlan.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Prüfplan erstellen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Prüfplan erstellen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto"> <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate"> <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">

7
src/views/admin/unit/inspectionPlan/InspectionPlan.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Prüfpläne">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Prüfpläne</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

14
src/views/admin/unit/inspectionPlan/InspectionPlanRouting.vue
View file

@ -1,18 +1,12 @@
<template> <template>
<MainTemplate> <MainTemplate :title="activeInspectionPlanObj?.title">
<template #headerInsert> <template #headerInsert>
<RouterLink to="./" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="./" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <RouterLink v-if="can('update', 'unit', 'inspection_plan')" :to="{ name: 'admin-unit-inspection_plan-edit' }">
<h1 class="font-bold text-xl h-8 min-h-fit grow"> <PencilIcon class="w-5 h-5" />
{{ activeInspectionPlanObj?.title }} </RouterLink>
</h1>
<RouterLink v-if="can('update', 'unit', 'inspection_plan')" :to="{ name: 'admin-unit-inspection_plan-edit' }">
<PencilIcon class="w-5 h-5" />
</RouterLink>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/respiratoryGear/RespiratoryGear.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Atemschutz-Geräte">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Atemschutz-Geräte</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

22
src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
View file

@ -4,19 +4,17 @@
<RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <h1 class="font-bold text-xl h-8 min-h-fit">AGT-Gerät: {{ activeRespiratoryGearObj?.equipment.name }}</h1>
<h1 class="font-bold text-xl h-8 min-h-fit grow">AGT-Gerät: {{ activeRespiratoryGearObj?.equipment.name }}</h1>
<RouterLink <RouterLink
v-if="can('read', 'unit', 'equipment')" v-if="can('read', 'unit', 'equipment')"
:to="{ :to="{
name: 'admin-unit-equipment-overview', name: 'admin-unit-equipment-overview',
params: { equipmentId: activeRespiratoryGearObj?.equipment.id ?? '_' }, params: { equipmentId: activeRespiratoryGearObj?.equipment.id ?? '_' },
}" }"
> >
<ArrowTopRightOnSquareIcon class="w-5 h-5" /> <ArrowTopRightOnSquareIcon class="w-5 h-5" />
</RouterLink> </RouterLink>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/respiratoryMission/RespiratoryMission.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Atemschutz-Einsätze">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Atemschutz-Einsätze</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

4
src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
View file

@ -4,9 +4,7 @@
<RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <h1 class="font-bold text-xl h-8 min-h-fit">AGT-Einsatz: {{ activeRespiratoryMissionObj?.title }}</h1>
<h1 class="font-bold text-xl h-8 min-h-fit grow">AGT-Einsatz: {{ activeRespiratoryMissionObj?.title }}</h1>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/respiratoryWearer/RespiratoryWearer.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Atemschutz-Träger">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Atemschutz-Träger</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

10
src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
View file

@ -4,12 +4,10 @@
<RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <h1 class="font-bold text-xl h-8 min-h-fit grow">
<h1 class="font-bold text-xl h-8 min-h-fit grow"> AGT-Träger: {{ activeRespiratoryWearerObj?.member.lastname }},
AGT-Träger: {{ activeRespiratoryWearerObj?.member.lastname }}, {{ activeRespiratoryWearerObj?.member.firstname }}
{{ activeRespiratoryWearerObj?.member.firstname }} </h1>
</h1>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/vehicle/CreateVehicle.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Fahrzeug erfassen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Fahrzeug erfassen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto"> <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate"> <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">

7
src/views/admin/unit/vehicle/Vehicle.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Fahrzeuge">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Fahrzeuge</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

14
src/views/admin/unit/vehicle/VehicleRouting.vue
View file

@ -1,18 +1,12 @@
<template> <template>
<MainTemplate> <MainTemplate :title="activeVehicleObj?.name">
<template #headerInsert> <template #headerInsert>
<RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <RouterLink v-if="can('update', 'unit', 'vehicle')" :to="{ name: 'admin-unit-vehicle-edit' }">
<h1 class="font-bold text-xl h-8 min-h-fit grow"> <PencilIcon class="w-5 h-5" />
{{ activeVehicleObj?.name }} </RouterLink>
</h1>
<RouterLink v-if="can('update', 'unit', 'vehicle')" :to="{ name: 'admin-unit-vehicle-edit' }">
<PencilIcon class="w-5 h-5" />
</RouterLink>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/vehicleType/VehicleType.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Geräte-Typen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Geräte-Typen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

8
src/views/admin/unit/vehicleType/VehicleTypeRouting.vue
View file

@ -1,14 +1,10 @@
<template> <template>
<MainTemplate> <MainTemplate :title="activeVehicleTypeObj?.type">
<template #headerInsert> <template #headerInsert>
<RouterLink :to="{ name: 'admin-unit-vehicle_type' }" class="text-primary">zurück zur Liste</RouterLink> <RouterLink :to="{ name: 'admin-unit-vehicle_type' }" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <div class="flex flex-row gap-2">
<h1 class="font-bold text-xl h-8 min-h-fit grow">
{{ activeVehicleTypeObj?.type }}
</h1>
<RouterLink v-if="can('update', 'unit', 'vehicle_type')" :to="{ name: 'admin-unit-vehicle_type-edit' }"> <RouterLink v-if="can('update', 'unit', 'vehicle_type')" :to="{ name: 'admin-unit-vehicle_type-edit' }">
<PencilIcon class="w-5 h-5" /> <PencilIcon class="w-5 h-5" />
</RouterLink> </RouterLink>

7
src/views/admin/unit/wearable/CreateWearable.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Kleidung erfassen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Kleidung erfassen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto"> <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate"> <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">

7
src/views/admin/unit/wearable/Wearable.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Kleidungen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Kleidungen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination

14
src/views/admin/unit/wearable/WearableRouting.vue
View file

@ -1,18 +1,12 @@
<template> <template>
<MainTemplate> <MainTemplate :title="activeWearableObj?.name">
<template #headerInsert> <template #headerInsert>
<RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink> <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
</template> </template>
<template #topBar> <template #topBar>
<div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7"> <RouterLink v-if="can('update', 'unit', 'wearable')" :to="{ name: 'admin-unit-wearable-edit' }">
<h1 class="font-bold text-xl h-8 min-h-fit grow"> <PencilIcon class="w-5 h-5" />
{{ activeWearableObj?.name }} </RouterLink>
</h1>
<RouterLink v-if="can('update', 'unit', 'wearable')" :to="{ name: 'admin-unit-wearable-edit' }">
<PencilIcon class="w-5 h-5" />
</RouterLink>
</div>
</template> </template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col gap-2 grow px-7 overflow-hidden"> <div class="flex flex-col gap-2 grow px-7 overflow-hidden">

7
src/views/admin/unit/wearableType/WearableType.vue
View file

@ -1,10 +1,5 @@
<template> <template>
<MainTemplate> <MainTemplate title="Kleidungs-Typen">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Kleidungs-Typen</h1>
</div>
</template>
<template #diffMain> <template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7"> <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<Pagination <Pagination