Introduce a coursebook-print-dialog

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookControls.vue

 <script setup>
-import SecondaryActionButton from "aleksis.core/components/generic/buttons/SecondaryActionButton.vue";
+import CoursebookPrintDialog from "./CoursebookPrintDialog.vue";
 </script>
 
 <template>
@@ -69,11 +69,8 @@ import SecondaryActionButton from "aleksis.core/components/generic/buttons/Secon
       >
         {{ pageTypeButtonText }}
       </v-btn>
-      <secondary-action-button
+      <coursebook-print-dialog
         v-if="pageType === 'documentations'"
-        i18n-key="alsijil.coursebook.print"
-        icon-text="$print"
-        :click="showPrintMenu"
       />
     </div>
   </div>

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookPrintDialog.vue

+<script setup>
+import MobileFullscreenDialog from "aleksis.core/components/generic/dialogs/MobileFullscreenDialog.vue";
+import SecondaryActionButton from "aleksis.core/components/generic/buttons/SecondaryActionButton.vue";
+</script>
+
+<template>
+  <mobile-fullscreen-dialog
+    v-model="dialog"
+  >
+    <template #activator>
+      <secondary-action-button
+        i18n-key="alsijil.coursebook.print"
+        icon-text="$print"
+        @click="dialog=true"
+        :disabled="dialog"
+      />
+    </template>
+  </mobile-fullscreen-dialog>
+</template>
+
+<script>
+/**
+ * This component provides a dialog for configuring the coursebook-printout
+ */
+export default {
+  name: "CoursebookPrintDialog",
+  data() {
+    return {
+      dialog: false,
+    };
+  },
+};
+</script>