@afeefa/vue-app 0.0.211 → 0.0.213

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

@@ -1 +1 @@
-0.0.211
+0.0.213

package/package.json

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

package/src/components/form/EditModal.vue

@@ -40,7 +40,7 @@
           </v-btn>
 
           <edit-form-buttons
-            :changed="changed"
+            :changed="changed || forceChanged"
             :forceActive="forceActive"
             :valid="validFromOutside && valid"
             angular
@@ -62,7 +62,7 @@ import { Component, Vue, Watch } from '@a-vue'
 import { DialogEvent } from '@a-vue/events'
 
 @Component({
-  props: ['model', 'createModelToEdit', 'show', {reset: true, valid: true, forceActive: false}]
+  props: ['model', 'createModelToEdit', 'show', {reset: true, valid: true, forceChanged: false, forceActive: false}]
 })
 export default class EditModal extends Vue {
   show_ = false
@@ -114,7 +114,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.forceChanged)) {
       const result = await this.$events.dispatch(new DialogEvent(DialogEvent.SHOW, {
         title: 'Änderungen verwerfen?',
         message: 'Im Formular sind nicht gespeicherte Änderungen. Sollen diese verworfen werden?',

package/src/components/form/fields/FormFieldTime.vue

@@ -1,40 +1,12 @@
 <template>
-  <v-menu
-    ref="menu"
-    v-model="menu"
-    :close-on-content-click="false"
-    :nudge-right="40"
-    :return-value.sync="model[name]"
-    transition="scale-transition"
-    offset-y
-    max-width="290px"
-    min-width="290px"
-  >
-    <template #activator="{ on, attrs }">
-      <v-text-field
-        v-model="model[name]"
-        :label="label || name"
-        prepend-icon="mdi-clock-time-four-outline"
-        readonly
-        dense
-        outlined
-        v-bind="attrs"
-        v-on="on"
-      />
-    </template>
-    <v-time-picker
-      v-if="menu"
-      ref="timePicker"
-      v-model="model[name]"
-      :validator="validator"
-      v-bind="$attrs"
-      full-width
-      scrollable
-      format="24hr"
-      v-on="$listeners"
-      @click:minute="$refs.menu.save(model[name])"
-    />
-  </v-menu>
+  <a-time-picker
+    v-model="model[name]"
+    class="timePicker"
+    :label="label || name"
+    :validator="validator"
+    v-bind="$attrs"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
@@ -43,9 +15,5 @@ import { FormFieldMixin } from '../FormFieldMixin'
 
 @Component
 export default class FormFieldTime extends Mixins(FormFieldMixin) {
-  menu = false
-  validate () {
-    this.$refs.timePicker.validate()
-  }
 }
 </script>