@afeefa/vue-app 0.0.95 → 0.0.97

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

@@ -1 +1 @@
-0.0.95
+0.0.97

package/package.json

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

package/src/api-resources/ApiAction.js

@@ -16,6 +16,11 @@ export class ApiAction extends ApiResourcesApiAction {
     return this
   }
 
+  minDuration (duration) {
+    this._minDuration = duration
+    return this
+  }
+
   dispatchGlobalLoadingEvents (dispatch = true) {
     this._dispatchGlobalLoadingEvents = dispatch
     return this

package/src/components/ADatePicker.vue

@@ -58,10 +58,7 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
   }
 
   mounted () {
-    if (this.validator) {
-      this.$refs.input.validate(true)
-    }
-    this.$refs.input.validate(true)
+    this.validate()
   }
 
   @Watch('value')
@@ -71,6 +68,10 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
 
   @Watch('value_')
   value_Changed () { // validate on any change
+    this.validateDateValue()
+  }
+
+  validateDateValue () {
     this.errorMessages = []
     if (this.validator) {
       const rules = this.validator.getRules(this.label)
@@ -130,6 +131,10 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
     return formatDate(new Date(date))
   }
 
+  validate () {
+    this.validateDateValue()
+  }
+
   get validationRules () {
     if (this.type !== 'month') {
       const dateFormat = v => {

package/src/components/form/EditForm.vue

@@ -32,10 +32,15 @@ export default class EditForm extends Vue {
   lastJson = null
   forcedUnchange = false
 
+
   created () {
     this.reset()
   }
 
+  validate () {
+    this.$refs.form.validate()
+  }
+
   getField = name => {
     const modelType = this.$apiResources.getType(this.model.type)
     const update = !!this.model.id

package/src/components/form/FormFieldMixin.js

@@ -100,9 +100,7 @@ export class FormFieldMixin extends Vue {
   get validator () {
     const validator = this.field.getValidator()
     if (this.additionalRules) {
-      this.additionalRules.forEach(validate => {
-        validator.addRule(validate)
-      })
+      validator.setAdditionalRules(this.additionalRules)
     }
     return this.field.getValidator()
   }

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

@@ -1,9 +1,11 @@
 <template>
   <a-date-picker
+    ref="datePicker"
     v-model="model[name]"
     :label="label || name"
     :validator="validator"
     v-bind="$attrs"
+    v-on="$listeners"
   />
 </template>
 
@@ -13,5 +15,8 @@ import { FormFieldMixin } from '../FormFieldMixin'
 
 @Component
 export default class FormFieldDate extends Mixins(FormFieldMixin) {
+  validate () {
+    this.$refs.datePicker.validate()
+  }
 }
 </script>

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

@@ -4,6 +4,7 @@
     :label="label || name"
     :validator="validator"
     v-bind="$attrs"
+    v-on="$listeners"
     @input="textFieldValueChanged"
     @blur="onBlur"
   />

package/src-admin/components/FlyingContextContainer.vue

@@ -93,6 +93,8 @@ export default class FlyingContextContainer extends Vue {
   background: white;
   transition: right .2s;
   padding: 2rem;
+  overflow-x: hidden;
+  overflow-y: scroll;
 
   &:not(.visible) {
     right: -80vw;