cleanup

src/views/admin/club/protocol/ProtocolAgenda.vue

@@ -27,6 +27,7 @@
             autocomplete="off"
             v-model="item.topic"
             @keyup.prevent
+            :disabled="!can('create', 'club', 'protocol')"
           />
         </summary>
         <QuillEditor
@@ -37,11 +38,15 @@
           contentType="html"
           :toolbar="toolbarOptions"
           v-model:content="item.context"
+          :enable="can('create', 'club', 'protocol')"
+          :style="!can('create', 'club', 'protocol') ? 'opacity: 75%; background: rgb(243 244 246)' : ''"
         />
       </details>
     </div>
 
-    <button primary class="!w-fit" @click="createProtocolAgenda">Eintrag hinzufügen</button>
+    <button v-if="can('create', 'club', 'protocol')" primary class="!w-fit" @click="createProtocolAgenda">
+      Eintrag hinzufügen
+    </button>
   </div>
 </template>
 
@@ -54,6 +59,7 @@ import "@vueup/vue-quill/dist/vue-quill.snow.css";
 import { toolbarOptions } from "@/helpers/quillConfig";
 import { useProtocolAgendaStore } from "@/stores/admin/protocolAgenda";
 import type { ProtocolAgendaViewModel } from "@/viewmodels/admin/protocolAgenda.models";
+import { useAbilityStore } from "@/stores/ability";
 </script>
 
 <script lang="ts">
@@ -63,6 +69,7 @@ export default defineComponent({
   },
   computed: {
     ...mapWritableState(useProtocolAgendaStore, ["agenda", "loading"]),
+    ...mapState(useAbilityStore, ["can"]),
   },
   mounted() {
     this.fetchProtocolAgenda();