Resolve "Add simple course book list"

Closes #256 (closed) Closes #63 (closed)

Screenshots

Frontend todos

• Uhrzeit so wie im Mockup
  • Rechtsbuendig @ZugBahnHof
• Kasten nicht höher als input-feld
• fach und subject strukturierter nebeneinander
• Kursnamen irgendwie hervorheben
• datum gleiche einrückung wie das datum
• datum sollte überschrift sein und prominenter gestaltet
• datum braucht Wochentag
• mittlere spalte linksaligned
• Indikator ob Stundenthema richtig gespeichert wurde (@yuha )
  • when hovering over icon & success: show some fancy success message
  • when hovering over icon & error: show error message
• verify that changes are being tracked using revisions (using a mixin in core creating revisions when mutating) (blocked by AlekSIS-Core!1433 (merged))
• Remove outer card
• Move search, group select, ... into an app bar (see also this)
• Bottom sheet for date select should not be full width of screen (@yuha )
• Statusicon am Anfang der Zeile fehlt (#63 (closed) explains the different stati)

aleksis/apps/alsijil/frontend/components/documentation/Documentation.vue

+<template>
+  <div class="full-width d-flex flex-column flex-md-row align-stretch">
+    <lesson-information
+      :documentation="documentation"
+    />
+    <lesson-summary
+      class="flex-grow-1"
+      :documentation="documentation"
+      :is-create="false"
+      :gql-patch-mutation="updateDocumentationsMutation"
+    />
+    <lesson-notes
+      class="flex-grow-1"
+      :documentation="documentation"
+    />
+  </div>
+</template>
+
+<script>
+import LessonInformation from "./LessonInformation.vue";
+import LessonSummary from "./LessonSummary.vue";
+import LessonNotes from "./LessonNotes.vue";
+
+// or pass from Coursebook?
+import { gqlCreateOrUpdateDocumentations } from "../coursebook.graphql";
+
+export default {
+  name: "Documentation",
+  components: {
+    LessonInformation,
+    LessonSummary,
+    LessonNotes,
+  },
+  props: {
+    documentation: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      updateDocumentationsMutation: gqlCreateOrUpdateDocumentations,
+    };
+  },
+};
+</script>