Resolve "Add export functionality to course book"

Closes #258 (closed)

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

@@ -22,6 +22,7 @@ import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.v
       {{ $t("alsijil.coursebook.print.title") }}
     </template>
     <template #content>
+      {{ $t("alsijil.coursebook.print.groups") }}
       <v-autocomplete
         :items="availableGroups"
         item-text="name"
@@ -33,42 +34,44 @@ import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.v
         chips
         deletable-chips
       />
-      {{ $t("alsijil.coursebook.print.include") }}
-      <v-checkbox
-        v-model="includeCover"
-        :label="$t('alsijil.coursebook.print.include_cover')"
-      />
-      <v-checkbox
-        v-model="includeAbbreviations"
-        :label="$t('alsijil.coursebook.print.include_abbreviations')"
-      />
-      <v-checkbox
-        v-model="includeMembersTable"
-        :label="$t('alsijil.coursebook.print.include_members_table')"
-      />
-      <v-checkbox
-        v-model="includeTeachersAndSubjectsTable"
-        :label="$t('alsijil.coursebook.print.include_teachers_and_subjects_table')"
-      />
-      <v-checkbox
-        v-model="includePersonOverviews"
-        :label="$t('alsijil.coursebook.print.include_person_overviews')"
-      />
-      <v-checkbox
-        v-model="includeCoursebook"
-        :label="$t('alsijil.coursebook.print.include_coursebook')"
-      />
+      <div class="d-flex flex-column">
+        {{ $t("alsijil.coursebook.print.include") }}
+        <v-checkbox
+          v-model="includeCover"
+          :label="$t('alsijil.coursebook.print.include_cover')"
+        />
+        <v-checkbox
+          v-model="includeAbbreviations"
+          :label="$t('alsijil.coursebook.print.include_abbreviations')"
+        />
+        <v-checkbox
+          v-model="includeMembersTable"
+          :label="$t('alsijil.coursebook.print.include_members_table')"
+        />
+        <v-checkbox
+          v-model="includeTeachersAndSubjectsTable"
+          :label="$t('alsijil.coursebook.print.include_teachers_and_subjects_table')"
+        />
+        <v-checkbox
+          v-model="includePersonOverviews"
+          :label="$t('alsijil.coursebook.print.include_person_overviews')"
+        />
+        <v-checkbox
+          v-model="includeCoursebook"
+          :label="$t('alsijil.coursebook.print.include_coursebook')"
+        />
+      </div>
     </template>
     <template #actions>
+      <!-- TODO: Should cancel reset state? -->
+      <cancel-button
+        @click="dialog=false"
+      />
       <primary-action-button
         i18n-key="alsijil.coursebook.print.button"
         icon-text="$print"
         @click="print"
       />
-      <!-- TODO: Should cancel reset state? -->
-      <cancel-button
-        @click="dialog=false"
-      />
     </template>
   </mobile-fullscreen-dialog>
 </template>