Only offer future periods in selection

aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentations.vue

@@ -7,7 +7,7 @@
       <v-row>
         <v-col cols="6">
           <v-select
-            :items="plannedLessonperiodsDatetimes"
+            :items="emptyLessonperiods"
             label="Choose Lesson date"
             :item-text="getLessonText"
             v-model="selectedLessonperiodDatetime"
@@ -59,9 +59,15 @@
           { text: "Group note", value: "groupNote" }
         ],
         lessonDocumentationEdit: {},
-        selectedLessonperiodDatetime: {}
+        selectedLessonperiodDatetime: {},
       }
     },
+    computed: {
+      emptyLessonperiods() {
+        let currentDatetime = new Date()
+        return this.plannedLessonperiodsDatetimes.filter(lp => new Date(lp.datetimeStart) > currentDatetime)
+      },
+    },
     methods: {
       async loadLessonDocumentation(item) {
         const result = await this.$apollo.mutate({