Use canEdit in coursebook frontend

aleksis/apps/alsijil/frontend/components/coursebook.graphql

@@ -52,6 +52,8 @@ query documentationsForCoursebook(
     datetimeEnd
     dateStart
     dateEnd
+    canEdit
+    canDelete
   }
 }
 

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

@@ -7,7 +7,7 @@
       v-if="documentation.subject"
       :subject="documentation.subject"
       class="ms-2"
-      append-icon="$edit"
+      :append-icon="documentation.canEdit ? '$edit' : undefined"
     />
   </v-card-text>
 </template>

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

@@ -16,6 +16,7 @@
         @focusout="save"
         @keydown.enter="saveAndBlur"
         :loading="loading"
+        :disabled="!documentation.canEdit"
       />
       <div class="d-flex flex-column align-start">
         <v-chip
@@ -29,10 +30,7 @@
               ? $t("alsijil.coursebook.summary.homework.value", documentation)
               : $t("alsijil.coursebook.summary.homework.empty")
           }}</span>
-          <v-icon right v-if="documentation.homework"
-            >mdi-book-edit-outline</v-icon
-          >
-          <v-icon right v-else>mdi-book-plus-outline</v-icon>
+          <v-icon right>{{ homeworkIcon }}</v-icon>
         </v-chip>
         <v-chip
           :outlined="!documentation.groupNote"
@@ -47,10 +45,7 @@
                 })
               : $t("alsijil.coursebook.summary.group_note.empty")
           }}</span>
-          <v-icon right v-if="documentation.groupNote"
-            >mdi-note-edit-outline</v-icon
-          >
-          <v-icon right v-else>mdi-note-plus-outline</v-icon>
+          <v-icon right>{{ groupNoteIcon }}</v-icon>
         </v-chip>
       </div>
     </div>
@@ -62,6 +57,7 @@
       :label="$t('alsijil.coursebook.summary.topic')"
       :value="documentation.topic"
       @input="topic = $event"
+      :disabled="!documentation.canEdit"
     />
     <v-textarea
       filled
@@ -70,6 +66,7 @@
       :label="$t('alsijil.coursebook.summary.homework.label')"
       :value="documentation.homework"
       @input="homework = $event"
+      :disabled="!documentation.canEdit"
     />
     <v-textarea
       filled
@@ -78,6 +75,7 @@
       :label="$t('alsijil.coursebook.summary.group_note.label')"
       :value="documentation.groupNote"
       @input="groupNote = $event"
+      :disabled="!documentation.canEdit"
     />
   </v-card-text>
 </template>
@@ -154,6 +152,20 @@ export default {
       event.target.blur();
     },
   },
+  computed: {
+    homeworkIcon() {
+      if (this.documentation.homework) {
+        return this.documentation.canEdit ? "mdi-book-edit-outline" : "mdi-book-alert-outline";
+      }
+      return this.documentation.canEdit ? "mdi-book-plus-outline" : "mdi-book-off-outline";
+    },
+    groupNoteIcon() {
+      if (this.documentation.groupNote) {
+        return this.documentation.canEdit ? "mdi-note-edit-outline" : "mdi-note-alert-outline";
+      }
+      return this.documentation.canEdit ? "mdi-note-plus-outline" : "mdi-note-off-outline";
+    },
+  },
 };
 </script>