Resolve "Frontend for Models"

Closes #1 (closed)

aleksis/apps/lesrooster/frontend/components/lesson_raster/LessonRaster.vue

@@ -104,6 +104,7 @@
       <slot-card
           :item="slot"
           :disabled="$apollo.queries.items.loading"
+          @click:delete="deleteSingularSlot"
       />
     </template>
   </div>
@@ -214,6 +215,7 @@ export default {
             }),
           ]
       );
+      // FIXME: Optimistic response; delete from store
       await Promise.all(
           this.items
               .filter(slot => slot.weekday === src)
@@ -233,8 +235,18 @@ export default {
                 })
               })
       )
+      // FIXME: Optimistic response; add to store?
       await this.$apollo.queries.items.refetch();
       this.loading[src] = false;
+    },
+    deleteSingularSlot(slot) {
+      this.$apollo.mutate({
+        mutation: deleteSlot,
+        variables: {
+          id: slot.id,
+        },
+      }).then(() => console.log("Deleted", slot))
+      // FIXME: Optimistic response; delete from store
     }
   },
 }