@afeefa/vue-app 0.0.82 → 0.0.84

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

@@ -1 +1 @@
-0.0.82
+0.0.84

package/package.json

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

package/src/components/ADatePicker.vue

@@ -51,6 +51,8 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
   created () {
     if (this.value) {
       this.value_ = this.value
+    } else {
+      this.value_Changed() // force validation if date is null
     }
     this.$emit('input', this.value_)
   }

package/src/components/ATextField.vue

@@ -19,7 +19,7 @@ import { debounce } from '@a-vue/utils/debounce'
 import { ComponentWidthMixin } from './mixins/ComponentWidthMixin'
 
 @Component({
-  props: ['focus', 'debounce', 'validator', {password: false, number: false}]
+  props: ['debounce', 'validator', {focus: false, password: false, number: false}]
 })
 export default class ATextField extends Mixins(ComponentWidthMixin) {
   $hasOptions = ['counter']

package/src/components/form/EditModal.vue

@@ -9,6 +9,8 @@
       <slot name="activator" />
     </template>
 
+    <slot name="before-form" />
+
     <edit-form
       v-if="show_"
       ref="form"
@@ -23,8 +25,10 @@
           :valid="valid"
         />
 
+        <slot name="after-form-fields" />
+
         <a-row
-          class="mt-8 mb-1 pb-1 gap-4"
+          class="mt-8 mb-1 pb-1 gap-2"
           right
         >
           <v-btn
@@ -38,6 +42,7 @@
             :changed="changed"
             :valid="valid"
             small
+            angular
             :has="{reset: !!modelToEdit.id}"
             @save="$emit('save', modelToEdit, ignoreChangesOnClose)"
             @reset="$refs.form.reset()"
@@ -45,6 +50,8 @@
         </a-row>
       </template>
     </edit-form>
+
+    <slot name="after-form" />
   </a-modal>
 </template>
 
@@ -112,12 +119,13 @@ export default class EditModal extends Vue {
     return true
   }
 
-  async close () {
-    const result = await this.beforeClose()
-    if (!result) {
-      return
+  async close (force = false) {
+    if (!force) {
+      const result = await this.beforeClose()
+      if (!result) {
+        return
+      }
     }
-
     this.show_ = false
   }
 

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

@@ -15,6 +15,11 @@
       </v-avatar>
 
       <label :class="['label', {'label--withIcon': !!_icon}]">{{ label }}</label>
+      <div class="pl-2">
+        <slot
+          name="actionButton"
+        />
+      </div>
     </div>
 
     <div :class="['content', {'content--withIcon': !!_icon}]">

package/src-admin/components/form/EditFormButtons.vue

@@ -7,16 +7,23 @@
       <template #activator="{ on }">
         <div v-on="disabled ? on : null">
           <v-btn
-            fab
+            :fab="!angular"
             small
             :disabled="disabled"
             color="green white--text"
             title="Speichern"
             @click="$emit('save')"
           >
-            <v-icon>
+            <v-icon
+              :left="angular"
+              :class="{['mr-1']: angular}"
+            >
               $checkIcon
             </v-icon>
+
+            <template v-if="angular">
+              Speichern
+            </template>
           </v-btn>
         </div>
       </template>
@@ -56,7 +63,7 @@ import { mdiRotateLeft} from '@mdi/js'
   props: [
     'changed',
     'valid',
-    {small: false}
+    {angular: false, small: false}
   ]
 })
 export default class EditFormButtons extends Vue {

package/src-admin/config/vuetify.js

@@ -1,6 +1,7 @@
 import {
   mdiAlarmLightOutline,
   mdiArrowLeft,
+  mdiAlert,
   mdiCalendar,
   mdiCheck,
   mdiCheckBold,
@@ -33,6 +34,7 @@ export default new Vuetify({
       chevronRightIcon: mdiChevronRight,
       thumbsUpIcon: mdiThumbUpOutline,
       alarmIcon: mdiAlarmLightOutline,
+      alertIcon: mdiAlert,
       closeIcon: mdiClose,
       closeBoldIcon: mdiCloseThick,
       dotsVerticalIcon: mdiDotsVertical,