Add print button to timetable view

aleksis/apps/lesrooster/frontend/components/timetables/Timetable.vue

@@ -87,6 +87,28 @@ export default {
         </v-card-text>
       </v-card>
     </template>
+    <template #additionalButton="{ selected, mobile }">
+      <div :class="{ 'full-width': mobile, 'd-flex': true }" v-if="selected">
+        <v-btn
+          outlined
+          color="secondary"
+          small
+          :class="{ 'mx-3 flex-grow-1': true, 'mb-3': mobile }"
+          :to="{
+            name: 'lesrooster.timetablePrint',
+            params: {
+              timeGrid: timeGrid.id,
+              type: selected.type.toLowerCase(),
+              id: selected.objId,
+            },
+          }"
+          target="_blank"
+        >
+          <v-icon left>mdi-printer-outline</v-icon>
+          {{ $t("lesrooster.timetable.print") }}
+        </v-btn>
+      </div>
+    </template>
     <template #default="{ selected }">
       <group-time-table
         v-if="$route.params.type === 'group'"

aleksis/apps/lesrooster/frontend/index.js

@@ -43,7 +43,14 @@ export default {
         },
       ],
     },
-
+    {
+      path: "timetable/:timeGrid(\\d+)/:type(\\w+)/:id(\\d+)/print/",
+      component: () => import("aleksis.core/components/LegacyBaseTemplate.vue"),
+      name: "lesrooster.timetablePrint",
+      props: {
+        byTheGreatnessOfTheAlmightyAleksolotlISwearIAmWorthyOfUsingTheLegacyBaseTemplate: true,
+      },
+    },
     {
       path: "validity_ranges/",
       component: () => import("./components/validity_range/ValidityRange.vue"),

aleksis/apps/lesrooster/frontend/messages/en.json

@@ -128,7 +128,8 @@
       }
     },
     "timetable": {
-      "menu_title": "Timetables"
+      "menu_title": "Timetables",
+      "print": "Print"
     },
     "supervision": {
       "menu_title": "Supervisions",