Added functionality to delete variant.

frontend/app/components/variant/variantRow.vue

@@ -49,6 +49,10 @@
     }
   }
 
+  async function deleteVariant() {
+    await store.deleteVariant(props.variant.id);
+  }
+
 </script>
 
 <template>
@@ -68,6 +72,7 @@
             :flat="true"
             :disabled="!edit"
             :hidden="edit"
+            @click="deleteVariant()"
         >
           <v-icon>mdi-delete-empty</v-icon>
           <v-tooltip

frontend/app/store/labelEditorStore.ts

@@ -207,5 +207,25 @@ export const useLabelEditorStore = defineStore('label_editor_store', {
         this.addNotification(true, 'Kann Variante nicht aktualisiert werden. Es ist kein Artikel ausgewählt.');
       }
     },
+
+    async deleteVariant(variantID: number) {
+      if(this.article != null) {
+        let variantIndex = this.article.variants.findIndex(i => i.id === variantID);
+
+        try {
+          await $fetch(this.config.public.url + '/variant/' + variantID, {
+            method: 'DELETE',
+          });
+
+          this.article.variants.splice(variantIndex, 1);
+
+          this.addNotification(false, 'Variante gelöscht.');
+        } catch {
+          this.addNotification(true, 'Fehler beim löschen der Variante.');
+        }
+      } else {
+        this.addNotification(true, 'Kann Variante nicht gelöscht werden. Es ist kein Artikel ausgewählt.');
+      }
+    },
   },
 });