@afeefa/vue-app 0.0.248 → 0.0.250

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.248
+0.0.250

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.248",
+  "version": "0.0.250",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/form/EditModal.vue

@@ -32,6 +32,16 @@
           gap-2
           justify-end
         >
+          <v-btn
+            ref="deleteButton"
+            v-if="deleteButton && modelToEdit.id"
+            small
+            color="error"
+            @click="handleDelete"
+          >
+            Löschen
+          </v-btn>
+
           <v-btn
             small
             @click="close"
@@ -62,7 +72,7 @@ import { Component, Vue, Watch } from '@a-vue'
 import { DialogEvent } from '@a-vue/events'
 
 @Component({
-  props: ['model', 'createModelToEdit', 'show', {reset: true, valid: true, forceChanged: false, forceActive: false}]
+  props: ['model', 'createModelToEdit', 'show', {deleteButton: false, reset: true, valid: true, forceChanged: false, forceActive: false}]
 })
 export default class EditModal extends Vue {
   show_ = false
@@ -137,6 +147,19 @@ export default class EditModal extends Vue {
     this.show_ = false
   }
 
+  async handleDelete () {
+    const result = await this.$events.dispatch(new DialogEvent(DialogEvent.SHOW, {
+      anchor: this.$refs.form,
+      title: 'Löschen bestätigen',
+      message: 'Soll dieser Eintrag wirklich gelöscht werden?',
+      yesButton: 'Löschen'
+    }))
+    if (result === DialogEvent.RESULT_YES) {
+      this.$emit('delete', this.ignoreChangesOnClose, this.close)
+      this.show_ = false
+    }
+  }
+
   /**
    * hook to allow to leave a just created (saved) model
    */

package/src-admin/components/detail/EditableDetailProperty.vue

@@ -61,8 +61,8 @@
 
       <a-icon-button
         v-if="buttonCreate"
-        small
-        class="mt-4"
+        :class="buttonSize === 'small' ? 'mt-4' : 'mt-2'"
+        :x-small="buttonSize === 'x-small'"
         icon="$plusIcon"
         :text="label"
         @click="showForm = true"
@@ -86,7 +86,8 @@ import { Component, Vue } from '@a-vue'
       buttonEdit: false,
       buttonAdd: false,
       buttonCreate: false,
-      modalWidth: 'auto'
+      modalWidth: 'auto',
+      buttonSize: 'small'
     }
   ]
 })