diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/AbsenceCreationDialog.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/AbsenceCreationDialog.vue index 49c763423d0e237ed748b632190b9d9a266a91a1..a53262055be70bcc3ac2b81b71e923c059d33185 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/AbsenceCreationDialog.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/absences/AbsenceCreationDialog.vue @@ -1,8 +1,19 @@ <template> <mobile-fullscreen-dialog v-model="popup"> <template #activator="activator"> - <!-- button +? --> - <!-- -> popup = true --> + <create-button + style="z-index: 5" + color="secondary" + @click="popup = true" + :disabled="popup" + fab + large + bottom + fixed + right + > + <v-icon>$plus</v-icon> + </create-button> </template> <template #title> <!-- Abwesenheit/Entschuldigung erfassen --> @@ -40,6 +51,7 @@ import MobileFullscreenDialog from "aleksis.core/components/generic/dialogs/MobileFullscreenDialog.vue"; import AbsenceCreationForm from "./AbsenceCreationForm.vue"; import AbsenceCreationSummary from "./AbsenceCreationSummary.vue"; +import CreateButton from "aleksis.core/components/generic/buttons/CreateButton.vue"; import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.vue"; import SaveButton from "aleksis.core/components/generic/buttons/SaveButton.vue"; @@ -49,6 +61,7 @@ export default { MobileFullscreenDialog, AbsenceCreationForm, AbsenceCreationSummary, + CreateButton, CancelButton, SaveButton, }, @@ -62,7 +75,7 @@ export default { methods: { confirm() { // TODO: Send mutation (shown in absence-creation-summary) - popup = false, + popup = false; }, }, };