@afeefa/vue-app 0.0.72 → 0.0.75

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

@@ -1 +1 @@
-0.0.72
+0.0.75

package/package.json

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

package/src/components/APagination.vue

@@ -41,6 +41,7 @@ export default class APagination extends Vue {
     margin: 0;
     width: 28px;
     height: 28px;
+    white-space: nowrap;
   }
 }
 </style>

package/src/components/ATextField.vue

@@ -2,7 +2,6 @@
   <v-text-field
     ref="input"
     :type="type"
-    :appendIcon="appendIcon"
     :autocomplete="autocomplete"
     :rules="validationRules"
     :counter="counter"

package/src/components/form/EditForm.vue

@@ -47,6 +47,8 @@ export default class EditForm extends Vue {
       this.modelToEdit = this.model.cloneForEdit()
     }
     this.lastJson = this.json
+
+    this.$emit('update:modelToEdit', this.modelToEdit)
   }
 
   /**

package/src-admin/components/FlyingContextContainer.vue

@@ -27,6 +27,7 @@
 <script>
 import { Component, Vue } from '@a-vue'
 import { FlyingContextEvent } from '@a-vue/events'
+import { getZIndex } from 'vuetify/lib/util/helpers'
 
 @Component({
   props: []
@@ -66,6 +67,12 @@ export default class FlyingContextContainer extends Vue {
       parent = parent.parentElement
     }
 
+    // popup clicked
+    const targetIndex = getZIndex(e.target)
+    if (targetIndex > 200) {
+      return
+    }
+
     // check if flying context ist clicked
     if (!this.$el.contains(e.target)) {
       this.hide()

package/src-admin/components/app/AppBarTitle.vue

@@ -83,7 +83,7 @@ h3 {
 
 h2 {
   font-size: 1.5rem;
-  line-height: 1.5rem;
+  line-height: 1.7rem;
 
   white-space: nowrap;
   overflow: hidden;

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

@@ -8,5 +8,6 @@
 <style lang="scss" scoped>
 .detailMeta {
   color: gray;
+  font-size: .9rem;
 }
 </style>

package/src-admin/components/list/ListView.vue

@@ -33,7 +33,7 @@
             v-for="model in models_"
             :key="model.id"
             v-flying-context-trigger="hasFlyingContext"
-            :class="{selectable: hasFlyingContext}"
+            :class="getRowClasses(model)"
             v-bind="getRowAttributes(model)"
             v-on="getRowListeners(model)"
             @click="emitFlyingContext(model)"
@@ -82,7 +82,7 @@ import { ListViewMixin } from '@a-vue/components/list/ListViewMixin'
 import { LoadingEvent } from '@a-vue/events'
 
 @Component({
-  props: ['rowAttributes', 'rowListeners']
+  props: ['rowAttributes', 'rowClasses', 'rowListeners']
 })
 export default class ListView extends Mixins(ListViewMixin) {
   $hasOptions = ['icon']
@@ -103,7 +103,37 @@ export default class ListView extends Mixins(ListViewMixin) {
     if (typeof this.rowAttributes === 'function') {
       return this.rowAttributes(model)
     }
-    return this.rowAttributes
+    return this.rowAttributes || {}
+  }
+
+  getRowClasses (model) {
+    let classes
+
+    if (typeof this.rowClasses === 'function') {
+      classes = this.rowClasses(model)
+    } else {
+      classes = this.rowClasses || {}
+    }
+
+    if (Array.isArray(classes)) { // ['a', {b: true/false}, 'c']
+      classes = classes.reduce((ac, a) => {
+        if (typeof a === 'object') { // {className: true/false}
+          return {...ac, ...a}
+        }
+        return {...ac, [a]: true} // 'className'
+      }, {})
+    } else if (typeof classes === 'string') { // 'a b c'
+      classes = {
+        [classes]: true
+      }
+    } // else { a: true, b: true, c: true }
+
+    classes = {
+      selectable: this.hasFlyingContext,
+      ...classes
+    }
+
+    return classes
   }
 
   getRowListeners (model) {
@@ -116,7 +146,7 @@ export default class ListView extends Mixins(ListViewMixin) {
 
   emitFlyingContext (model) {
     if (window.getSelection().toString()) { // do not open if text selected
-      console.log(window.getSelection().toString())
+      // console.log(window.getSelection().toString())
       return
     }
     this.$emit('flyingContext', model)

package/src-admin/components/pages/EditPage.vue

@@ -6,6 +6,7 @@
       ref="form"
       :model="model"
       :createModelToEdit="createModelToEdit"
+      v-on="$listeners"
     >
       <template #form="{modelToEdit, model, changed, valid}">
         <slot

package/src-admin/config/vuetify.js

@@ -18,7 +18,8 @@ import {
   mdiPencil,
   mdiPlus,
   mdiPrinter,
-  mdiThumbUpOutline
+  mdiThumbUpOutline,
+  mdiCurrencyEur
 } from '@mdi/js'
 import Vue from 'vue'
 import Vuetify from 'vuetify/lib'
@@ -48,7 +49,8 @@ export default new Vuetify({
       arrowLeftIcon: mdiArrowLeft,
       caretDownIcon: mdiMenuDown,
       caretUpIcon: mdiMenuUp,
-      printerIcon: mdiPrinter
+      printerIcon: mdiPrinter,
+      euroSymbol: mdiCurrencyEur
     }
   },
   breakpoint: {