Add warning to absence-creation-summary

aleksis/apps/alsijil/frontend/components/coursebook/absences/AbsenceCreationSummary.vue

 <template>
-  <!-- MAYBE introduce a minimal variant of CRUDIterator -->
-  <!--       with most features disabled for this list usecase -->
-  <c-r-u-d-iterator
-    i18n-key=""
-    :gql-query="gqlQuery"
-    :gql-additional-query-args="gqlArgs"
-    :enable-search="false"
-    :enable-create="false"
-    :enable-edit="false"
-    :elevated="false"
-    disable-pagination
-    hide-default-footer
-    @loading="handleLoading"
-  >
-    <template #default="{ items }">
-      <v-expansion-panels>
-        <v-expansion-panel
-          v-for="person in items"
-          :key="person.id"
-        >
-          <v-expansion-panel-header>
-            <div>
-              {{ persons.find((p) => p.id === person.id).fullName }}
-            </div>
-            <v-spacer />
-            <div>
-              {{ person.lessons.length }}
-              {{ $t("alsijil.coursebook.absences.lessons") }}
-            </div>
-          </v-expansion-panel-header>
-          <v-expansion-panel-content>
-            <v-divider />
-            <v-list-item
-              v-for="lesson in person.lessons"
-              class="px-0"
-            >
-              <!-- TODO: We should extract this display & share it -->
-              <time  :datetime="lesson.datetimeStart" class="pr-2 text-no-wrap">
-                {{ $d(toDateTime(lesson.datetimeStart), "shortWithWeekday") }}
-              </time>
-              <span>(</span>
-              <time  :datetime="lesson.datetimeStart" class="text-no-wrap">
-                {{ $d(toDateTime(lesson.datetimeStart), "shortTime") }}
-              </time>
-              <span>-</span>
-              <time  :datetime="lesson.datetimeEnd" class="text-no-wrap">
-                {{ $d(toDateTime(lesson.datetimeEnd), "shortTime") }}
-              </time>
-              <span>)</span>
+  <div>
+    <!-- MAYBE introduce a minimal variant of CRUDIterator -->
+    <!--       with most features disabled for this list usecase -->
+    <c-r-u-d-iterator
+      i18n-key=""
+      :gql-query="gqlQuery"
+      :gql-additional-query-args="gqlArgs"
+      :enable-search="false"
+      :enable-create="false"
+      :enable-edit="false"
+      :elevated="false"
+      disable-pagination
+      hide-default-footer
+      @loading="handleLoading"
+    >
+      <template #default="{ items }">
+        <v-expansion-panels>
+          <v-expansion-panel
+            v-for="person in items"
+            :key="person.id"
+          >
+            <v-expansion-panel-header>
+              <div>
+                {{ persons.find((p) => p.id === person.id).fullName }}
+              </div>
               <v-spacer />
-              <div class="pr-2">
-                {{ lesson.course.name }}
+              <div>
+                {{ person.lessons.length }}
+                {{ $t("alsijil.coursebook.absences.lessons") }}
               </div>
-              <subject-chip
-                :subject="lesson.subject"
-              />
-            </v-list-item>
-          </v-expansion-panel-content>
-        </v-expansion-panel>
-      </v-expansion-panels>
-    </template>
-  </c-r-u-d-iterator>
+            </v-expansion-panel-header>
+            <v-expansion-panel-content>
+              <v-divider />
+              <v-list-item
+                v-for="lesson in person.lessons"
+                class="px-0"
+              >
+                <!-- TODO: We should extract this display & share it -->
+                <time  :datetime="lesson.datetimeStart" class="pr-2 text-no-wrap">
+                  {{ $d(toDateTime(lesson.datetimeStart), "shortWithWeekday") }}
+                </time>
+                <span>(</span>
+                <time  :datetime="lesson.datetimeStart" class="text-no-wrap">
+                  {{ $d(toDateTime(lesson.datetimeStart), "shortTime") }}
+                </time>
+                <span>-</span>
+                <time  :datetime="lesson.datetimeEnd" class="text-no-wrap">
+                  {{ $d(toDateTime(lesson.datetimeEnd), "shortTime") }}
+                </time>
+                <span>)</span>
+                <v-spacer />
+                <div class="pr-2">
+                  {{ lesson.course.name }}
+                </div>
+                <subject-chip
+                  :subject="lesson.subject"
+                />
+              </v-list-item>
+            </v-expansion-panel-content>
+          </v-expansion-panel>
+        </v-expansion-panels>
+      </template>
+    </c-r-u-d-iterator>
+    <div class="pt-5 text-subtitle-2">
+      {{ $t("alsijil.coursebook.absences.warning") }}
+    </div>
+  </div>
 </template>
 
 <script>

aleksis/apps/alsijil/frontend/messages/de.json

@@ -54,7 +54,8 @@
         "title": "Abwesenheiten erfassen",
         "summary": "Zusammenfassung",
         "lessons": "Stunden",
-        "success": "Die Abwesenheiten wurden erfolgreich erstellt."
+        "success": "Die Abwesenheiten wurden erfolgreich erstellt.",
+        "warning": "Die Abwesenheiten können mit diesem Menü nicht mehr geändert werden, wenn sie einmal bestätigt wurden."
       }
     },
     "excuse_types": {

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

@@ -80,7 +80,8 @@
         "title": "Capture absences",
         "summary": "Summary",
         "lessons": "lessons",
-        "success": "The absences were created successfully."
+        "success": "The absences were created successfully.",
+        "warning": "Changes are permanent and can not be altered again from this menu once confirmed."
       }
     }
   }