@afeefa/vue-app 0.0.53 → 0.0.56

package/src-admin/components/model/ModelIcon.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['model', 'modelClass']

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

@@ -47,9 +47,8 @@
 </template>
 
 <script>
-import { Component, Mixins } from 'vue-property-decorator'
+import { Component, Mixins } from '@a-vue'
 import { EditPageMixin } from './EditPageMixin'
-import { apiResources } from '@afeefa/api-resources-client'
 
 @Component({
   props: ['icon', 'title', 'createModel', 'listLink']
@@ -86,7 +85,7 @@ export default class CreatePage extends Mixins(EditPageMixin) {
       return this.title
     }
 
-    const type = apiResources.getType(this.ModelClass.type)
+    const type = this.$apiResources.getType(this.ModelClass.type)
     return type.t('TITLE_NEW')
   }
 

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

@@ -51,7 +51,7 @@
 
 
 <script>
-import { Component, Vue, Watch } from 'vue-property-decorator'
+import { Component, Vue, Watch } from '@a-vue'
 import { RemoveAction } from '@a-vue/api-resources/ApiActions'
 
 @Component({
@@ -64,8 +64,8 @@ export default class DetailPage extends Vue {
   removeConfirmed = null
 
   created () {
-    if (!this.$parent.constructor.detailRouteConfig) {
-      console.warn('<detail-page> owner must provide a static getDetailConfig method.')
+    if (!this.$parent.constructor.getDetailRouteConfig) {
+      console.warn('<detail-page> owner must provide a static getDetailRouteConfig method.')
     }
     this.$emit('model', this.model)
   }
@@ -80,7 +80,7 @@ export default class DetailPage extends Vue {
   }
 
   get detailConfig () {
-    return this.$parent.constructor.detailRouteConfig
+    return this.$parent.constructor.getDetailRouteConfig(this.$route)
   }
 
   get document () {

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

@@ -65,8 +65,7 @@
 </template>
 
 <script>
-import { Component, Mixins, Watch } from 'vue-property-decorator'
-import { apiResources } from '@afeefa/api-resources-client'
+import { Component, Mixins, Watch } from '@a-vue'
 import { EditPageMixin } from './EditPageMixin'
 
 @Component({
@@ -78,8 +77,8 @@ export default class EditPage extends Mixins(EditPageMixin) {
   model_ = null
 
   created () {
-    if (!this.$parent.constructor.editRouteConfig) {
-      console.warn('<edit-page> owner must provide a static editRouteConfig method.')
+    if (!this.$parent.constructor.getEditRouteConfig) {
+      console.warn('<edit-page> owner must provide a static getEditRouteConfig method.')
     }
 
     this.model_ = this.model
@@ -95,7 +94,7 @@ export default class EditPage extends Mixins(EditPageMixin) {
   }
 
   get editConfig () {
-    return this.$parent.constructor.editRouteConfig
+    return this.$parent.constructor.getEditRouteConfig(this.$route)
   }
 
   get modelUpateAction () {
@@ -123,7 +122,7 @@ export default class EditPage extends Mixins(EditPageMixin) {
       return this.title
     }
 
-    const type = apiResources.getType(this.ModelClass.type)
+    const type = this.$apiResources.getType(this.ModelClass.type)
     return type.t('TITLE_EMPTY')
   }
 

package/src-admin/components/pages/EditPageMixin.js

@@ -1,6 +1,6 @@
 import { SaveAction } from '@a-vue/api-resources/ApiActions'
 import { DialogEvent } from '@a-vue/events'
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['saveAction']

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

@@ -20,8 +20,7 @@
 </template>
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
-import { apiResources } from '@afeefa/api-resources-client'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['icon', 'title', 'newTitle', 'newLink', 'Model']
@@ -38,7 +37,7 @@ export default class ListPage extends Vue {
       return this.title
     }
 
-    const type = apiResources.getType(this.Model.type)
+    const type = this.$apiResources.getType(this.Model.type)
     return type.t('TITLE_PLURAL')
   }
 
@@ -47,7 +46,7 @@ export default class ListPage extends Vue {
       return this.newTitle
     }
 
-    const type = apiResources.getType(this.Model.type)
+    const type = this.$apiResources.getType(this.Model.type)
     return type.t('TITLE_SINGULAR')
   }
 

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

@@ -4,7 +4,7 @@
 
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component
 export default class CreateRoute extends Vue {

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

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { Component, Vue, Watch } from 'vue-property-decorator'
+import { Component, Vue, Watch } from '@a-vue'
 import { GetAction } from '@a-vue/api-resources/ApiActions'
 
 Component.registerHooks([
@@ -19,11 +19,11 @@ function load (route) {
   const routeDefinition = route.meta.routeDefinition
   const Component = routeDefinition.config.detail
 
-  if (!Component.detailRouteConfig) {
-    console.warn('A detail route component must implement a static detailRouteConfig property.')
+  if (!Component.getDetailRouteConfig) {
+    console.warn('A detail route component must implement a static getDetailRouteConfig property.')
   }
 
-  const detailConfig = Component.detailRouteConfig
+  const detailConfig = Component.getDetailRouteConfig(route)
   const action = detailConfig.action || detailConfig.ModelClass.getAction('get')
 
   return new GetAction()

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

@@ -8,7 +8,7 @@
 
 
 <script>
-import { Component, Vue, Watch } from 'vue-property-decorator'
+import { Component, Vue, Watch } from '@a-vue'
 import { GetAction } from '@a-vue/api-resources/ApiActions'
 
 Component.registerHooks([
@@ -20,11 +20,11 @@ function load (route) {
   const routeDefinition = route.meta.routeDefinition
   const Component = routeDefinition.config.edit
 
-  if (!Component.editRouteConfig) {
-    console.warn('An edit route component must implement a static editRouteConfig property.')
+  if (!Component.getEditRouteConfig) {
+    console.warn('An edit route component must implement a static getEditRouteConfig property.')
   }
 
-  const editConfig = Component.editRouteConfig
+  const editConfig = Component.getEditRouteConfig(route)
   const action = editConfig.getAction || editConfig.ModelClass.getAction('get')
 
   return new GetAction()

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

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import { Component, Vue, Watch } from 'vue-property-decorator'
+import { Component, Vue, Watch } from '@a-vue'
 import { ListAction } from '@a-vue/api-resources/ApiActions'
 import { NextRouteFilterSource } from '@a-vue/components/list/NextRouteFilterSource'
 import { ListViewModel } from '@afeefa/api-resources-client'
@@ -31,11 +31,11 @@ function load (route) {
   const routeDefinition = route.meta.routeDefinition
   const Component = routeDefinition.config.list
 
-  if (!Component.listViewConfig) {
-    console.warn('A list route component must implement a static listViewConfig property.')
+  if (!Component.getListRouteConfig) {
+    console.warn('A list route component must implement a static getListRouteConfig property.')
   }
 
-  const request = new ListViewModel(Component.listViewConfig)
+  const request = new ListViewModel(Component.getListRouteConfig(route))
     // read from next route query string, but do not push
     // list component will be init with used_filters
     .filterSource(new NextRouteFilterSource(route), false)

package/src-admin/config/vuetify.js

@@ -6,6 +6,7 @@ import {
   mdiDelete,
   mdiDotsHorizontal,
   mdiDotsVertical,
+  mdiLock,
   mdiLogoutVariant,
   mdiMagnify,
   mdiPencil,
@@ -32,7 +33,8 @@ export default new Vuetify({
       pencilIcon: mdiPencil,
       trashCanIcon: mdiDelete,
       calendarIcon: mdiCalendar,
-      searchIcon: mdiMagnify
+      searchIcon: mdiMagnify,
+      lockIcon: mdiLock
     }
   },
   breakpoint: {

package/src-admin/models/Model.js

@@ -1,11 +1,17 @@
 import { Model as ApiResourcesModel, apiResources } from '@afeefa/api-resources-client'
 import { mdiAlphaMCircle } from '@mdi/js'
 
+import { ModelAdminConfig } from './ModelAdminConfig'
+
+export { ModelAdminConfig }
+
 export class Model extends ApiResourcesModel {
   static resourceType = null
   static routeName = null
   static routeIdKey = 'id'
 
+  static config = null
+
   static getLink (action) {
     return (new this()).getLink(action)
   }
@@ -21,6 +27,13 @@ export class Model extends ApiResourcesModel {
     return null
   }
 
+  static get adminConfig () {
+    return new ModelAdminConfig()
+      .setIcon({
+        icon: mdiAlphaMCircle
+      })
+  }
+
   static icon = {
     icon: mdiAlphaMCircle,
     color: 'blue lighten-2'

package/src-admin/models/ModelAdminConfig.js

@@ -0,0 +1,20 @@
+export class ModelAdminConfig {
+  icon = null
+  selectedListConfig = null
+  selectableListConfig = null
+
+  setIcon (icon) {
+    this.icon = icon
+    return this
+  }
+
+  setSelectedListConfig (selectedListConfig) {
+    this.selectedListConfig = selectedListConfig
+    return this
+  }
+
+  setSelectableListConfig (selectableListConfig) {
+    this.selectableListConfig = selectableListConfig
+    return this
+  }
+}

package/src-components/AMdiIcon.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>TEST</div>
+</template>
+
+
+<script>
+import { Component, Vue } from '@a-vue'
+
+@Component({
+  props: ['name']
+})
+export default class Splash extends Vue {
+}
+</script>
+
+
+<style lang="scss" scoped>
+</style>

package/src/utils/props-helper.js

@@ -1,21 +0,0 @@
-export function propsWithDefaults (props) {
-  const normalizedProps = {}
-
-  for (const prop of props) {
-    if (typeof prop === 'object') {
-      Object.keys(prop).forEach(subProp => {
-        if (typeof prop[subProp] === 'object') {
-          normalizedProps[subProp] = prop[subProp]
-        } else {
-          normalizedProps[subProp] = { default: prop[subProp] }
-        }
-      })
-    } else {
-      normalizedProps[prop] = null
-    }
-  }
-
-  return {
-    props: normalizedProps
-  }
-}