@afeefa/vue-app 0.0.83 → 0.0.85

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

@@ -1 +1 @@
-0.0.83
+0.0.85

package/package.json

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

package/src/api-resources/ApiAction.js

@@ -85,3 +85,7 @@ export class ApiAction extends ApiResourcesApiAction {
 
 export class BulkAction extends ApiAction {
 }
+
+export class SequentialBulkAction extends ApiAction {
+  _bulkIsSequential = true
+}

package/src/api-resources/ApiActions2.js

@@ -1,4 +1,4 @@
-import { BulkAction } from './ApiAction'
+import { BulkAction, SequentialBulkAction } from './ApiAction'
 import { DeleteAction } from './DeleteAction'
 import { GetAction } from './GetAction'
 import { ListAction } from './ListAction'
@@ -6,6 +6,7 @@ import { SaveAction } from './SaveAction'
 
 export {
   BulkAction,
+  SequentialBulkAction,
   ListAction,
   GetAction,
   SaveAction,

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/components/form/FormFieldMixin.js

@@ -2,7 +2,7 @@ import { Component, Vue } from '@a-vue'
 import { ListAction } from '@a-vue/api-resources/ApiActions'
 
 @Component({
-  props: ['name', 'label', 'additionalRules']
+  props: ['name', 'label', 'additionalRules', 'optionRequestParams']
 })
 export class FormFieldMixin extends Vue {
   get model () {
@@ -55,6 +55,7 @@ export class FormFieldMixin extends Vue {
     if (field.hasOptionsRequest()) {
       const request = field
         .getOptionsRequest()
+        .addParams(this.optionRequestParams || {})
         .addFilters(filters)
 
       const {models} = await new ListAction()

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/components/list/ListView.vue

@@ -129,6 +129,7 @@ export default class ListView extends Mixins(ListViewMixin) {
     } // else { a: true, b: true, c: true }
 
     classes = {
+      clickable: this.hasClickListener,
       selectable: this.hasFlyingContext,
       ...classes
     }
@@ -144,6 +145,10 @@ export default class ListView extends Mixins(ListViewMixin) {
     return !!this.$listeners.flyingContext
   }
 
+  get hasClickListener () {
+    return !!this.getRowListeners().click
+  }
+
   emitFlyingContext (model) {
     if (window.getSelection().toString()) { // do not open if text selected
       // console.log(window.getSelection().toString())
@@ -171,4 +176,8 @@ export default class ListView extends Mixins(ListViewMixin) {
 .a-table-row > :last-child {
   width: 100%;
 }
+
+.a-table-row.clickable {
+  cursor: pointer;
+}
 </style>

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,