Draft: Resolve "[New data model] PDF export for "regular" timetable"

Closes #46

aleksis/apps/lesrooster/frontend/components/validity_range/TimeGridField.vue

@@ -47,6 +47,13 @@ export default defineComponent({
       required: [(value) => !!value || this.$t("forms.errors.required")],
     };
   },
+  props: {
+    withDates: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
   methods: {
     getCreateData(item) {
       return {
@@ -80,16 +87,21 @@ export default defineComponent({
       );
     },
     formatItem(item) {
-      if (item.group === null) {
-        return this.$t(
-          "lesrooster.validity_range.time_grid.repr.generic",
-          item.validityRange,
-        );
+      const data = {
+        name: item.validityRange.name,
+        group: item.group ? item.group.name : "",
+        start: this.$d(this.$parseISODate(item.validityRange.dateStart)),
+        end: this.$d(this.$parseISODate(item.validityRange.dateEnd)),
+      };
+
+      let key = "generic";
+      if (item.group !== null) {
+        key = "group";
+      }
+      if (this.withDates) {
+        key = "dates_" + key;
       }
-      return this.$t("lesrooster.validity_range.time_grid.repr.default", [
-        item.validityRange.name,
-        item.group.name,
-      ]);
+      return this.$t(`lesrooster.validity_range.time_grid.repr.${key}`, data);
     },
   },
 });