@afeefa/vue-app 0.0.208 → 0.0.210

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

@@ -1 +1 @@
-0.0.208
+0.0.210

package/package.json

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

package/src/components/form/EditModal.vue

@@ -40,12 +40,12 @@
           </v-btn>
 
           <edit-form-buttons
-            :changed="changed"
+            :changed="changed || _changed"
             :valid="validFromOutside && valid"
             angular
             :has="{reset: reset && !!modelToEdit.id}"
             @save="$emit('save', modelToEdit, ignoreChangesOnClose, close)"
-            @reset="$refs.form.reset()"
+            @reset="resetForm"
           />
         </a-row>
       </template>
@@ -61,11 +61,15 @@ import { Component, Vue, Watch } from '@a-vue'
 import { DialogEvent } from '@a-vue/events'
 
 @Component({
-  props: ['model', 'createModelToEdit', 'show', {reset: true, valid: true}]
+  props: ['model', 'createModelToEdit', 'show', {reset: true, valid: true, changed: false}]
 })
 export default class EditModal extends Vue {
   show_ = false
 
+  get _changed () {
+    return this.changed
+  }
+
   created () {
     if (!this.model && !this.createModelToEdit) {
       console.warn('You need to pass either a model or a model factory to <edit-modal>.')
@@ -113,7 +117,7 @@ export default class EditModal extends Vue {
 
   async beforeClose () {
     // run only if show_ is true to prevent double checks with a-modal
-    if (this.show_ && this.$refs.form.changed) {
+    if (this.show_ && (this.$refs.form.changed || this._changed)) {
       const result = await this.$events.dispatch(new DialogEvent(DialogEvent.SHOW, {
         title: 'Änderungen verwerfen?',
         message: 'Im Formular sind nicht gespeicherte Änderungen. Sollen diese verworfen werden?',
@@ -146,5 +150,10 @@ export default class EditModal extends Vue {
   resetChanged () {
     this.$refs.form.resetChanged()
   }
+
+  resetForm () {
+    this.$refs.form.reset()
+    this.$emit('reset')
+  }
 }
 </script>