@afeefa/vue-app 0.0.50 → 0.0.51

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

@@ -1 +1 @@
-0.0.50
+0.0.51

package/package.json

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

package/src/api-resources/ApiActions.js

@@ -197,6 +197,7 @@ export class RemoveAction {
         .params({
           id: this.id
         })
+        .data(null)
         .send()
 
       if (this.afterRemoveHook) {

package/src/components/AContextMenu.vue

@@ -6,7 +6,7 @@
     >
       <slot name="activator">
         <a-icon class="contextButton">
-          $dotsHorizontalIcon
+          {{ triggerIcon || '$dotsHorizontalIcon' }}
         </a-icon>
       </slot>
     </div>
@@ -31,7 +31,7 @@ import { Positions, PositionConfig } from '../services/PositionService'
 import { randomCssClass } from '../utils/random'
 
 @Component({
-  props: ['contentHeight', 'repositionWatchKey']
+  props: ['contentHeight', 'repositionWatchKey', 'triggerIcon']
 })
 export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
   CONTEXT_MENU = true

package/src/components/AContextMenuItem.vue

@@ -10,7 +10,9 @@
 <script>
 import { Component, Vue } from 'vue-property-decorator'
 
-@Component
+@Component({
+  props: ['to']
+})
 export default class AContextMenuItem extends Vue {
   get contextMenu () {
     let parent = this.$parent
@@ -25,7 +27,12 @@ export default class AContextMenuItem extends Vue {
 
   click () {
     this.contextMenu.close()
-    this.$emit('click')
+    if (this.to) {
+      this.$router.push(this.to)
+        .catch(() => null) // prevent duplicated navigation
+    } else {
+      this.$emit('click')
+    }
   }
 }
 </script>

package/src-admin/components/App.vue

@@ -59,32 +59,14 @@
               </div>
             </div>
 
-            <v-menu top>
-              <template #activator="{ on, attrs }">
-                <v-icon
-                  class="contextButton"
-                  v-bind="attrs"
-                  v-on="on"
-                >
-                  $dotsVerticalIcon
-                </v-icon>
-              </template>
-
-              <v-list
-                class="pa-0"
+            <a-context-menu triggerIcon="$dotsVerticalIcon">
+              <a-context-menu-item
+                :to="{name: 'settings', params: {accountId: account.id}}"
               >
-                <v-list-item :to="{name: 'accounts.edit', params: {accountId: account.id}}">
-                  <v-list-item-icon class="ma-0 mr-2 align-self-center">
-                    <v-icon class="ml-n1 mr-1">
-                      $pencilIcon
-                    </v-icon>
-                  </v-list-item-icon>
-                  <v-list-item-title>
-                    Einstellungen
-                  </v-list-item-title>
-                </v-list-item>
-              </v-list>
-            </v-menu>
+                <v-icon>$pencilIcon</v-icon>
+                Einstellungen
+              </a-context-menu-item>
+            </a-context-menu>
           </div>
         </v-container>
       </v-container>

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

@@ -69,7 +69,7 @@ export default class CreatePage extends Mixins(EditPageMixin) {
   }
 
   get modelUpateAction () {
-    return this.editConfig.createAction || this.ModelClass.getAction('create')
+    return this.editConfig.createAction || this.ModelClass.getAction('save')
   }
 
   get _icon () {

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

@@ -110,7 +110,7 @@ export default class DetailPage extends Vue {
   }
 
   get _deleteAction () {
-    return this.detailConfig.removeAction || this.ModelClass.getAction('delete')
+    return this.detailConfig.removeAction || this.ModelClass.getAction('save')
   }
 
   async remove () {

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

@@ -99,7 +99,7 @@ export default class EditPage extends Mixins(EditPageMixin) {
   }
 
   get modelUpateAction () {
-    return this.editConfig.updateAction || this.ModelClass.getAction('update')
+    return this.editConfig.updateAction || this.ModelClass.getAction('save')
   }
 
   get _getAction () {

package/src-admin/components/routes/DetailRoute.vue

@@ -29,7 +29,7 @@ function load (route) {
   return new GetAction()
     .setAction(action)
     .setFields(detailConfig.fields)
-    .setId(route.params[routeDefinition.idKey])
+    .setId(detailConfig.id || route.params[routeDefinition.idKey])
     .load()
 }
 

package/src-admin/components/routes/EditRoute.vue

@@ -30,7 +30,7 @@ function load (route) {
   return new GetAction()
     .setAction(action)
     .setFields(editConfig.fields)
-    .setId(route.params[routeDefinition.idKey])
+    .setId(editConfig.id || route.params[routeDefinition.idKey])
     .load()
 }