@afeefa/vue-app 0.0.51 → 0.0.54

package/src/components/search-select/SearchSelectFilters.vue

@@ -9,7 +9,7 @@
 
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['filters', 'count']

package/src/components/search-select/SearchSelectList.vue

@@ -13,6 +13,7 @@
           v-for="model in models_"
           :key="model.id"
           small
+          :class="{selected: isSelected(model)}"
         >
           <slot
             name="row"
@@ -38,11 +39,11 @@
 
 
 <script>
-import { Component, Mixins } from 'vue-property-decorator'
+import { Component, Mixins } from '@a-vue'
 import { ListViewMixin } from '@a-vue/components/list/ListViewMixin'
 
 @Component({
-  props: ['q']
+  props: ['q', 'selectedItems']
 })
 export default class SearchSelectList extends Mixins(ListViewMixin) {
   get hasHeader () {
@@ -58,10 +59,15 @@ export default class SearchSelectList extends Mixins(ListViewMixin) {
     }
   }
 
+  isSelected (model) {
+    return !!this.selectedItems.find(i => i.equals(model))
+  }
+
   _filtersInitialized () {
     if (this.q) {
       this.filters.q.value = this.q
     }
+    this.$emit('update:filters', this.filters)
   }
 }
 </script>

package/src/components/vue/Component.js

@@ -0,0 +1,46 @@
+import { Component as VueComponent } from 'vue-property-decorator'
+
+const Component = function (options) {
+  if (options.props) {
+    options.props = propsWithDefaults(options.props)
+  }
+  return VueComponent(options)
+}
+
+Component.registerHooks = VueComponent.registerHooks
+
+export { Component }
+
+function propsWithDefaults (props) {
+  if (props && typeof props === 'object' && props.constructor === Object) {
+    return props
+  }
+
+  const normalizedProps = {}
+
+  for (const prop of props) {
+    if (typeof prop === 'object') {
+      Object.keys(prop).forEach(subProp => {
+        const value = prop[subProp]
+        // property: []
+        if (Array.isArray(value)) {
+          normalizedProps[subProp] = {
+            default () { // must be a function according to vue spec
+              return value
+            }
+          }
+        // property: { some object }, should be a normal vue props object
+        } else if (value && typeof value === 'object' && value.constructor === Object) {
+          normalizedProps[subProp] = value
+        // property: true, null, ...
+        } else {
+          normalizedProps[subProp] = { default: value }
+        }
+      })
+    } else {
+      normalizedProps[prop] = null
+    }
+  }
+
+  return normalizedProps
+}

package/src/index.js

@@ -0,0 +1,2 @@
+export { Mixins, Vue, Watch } from 'vue-property-decorator'
+export { Component } from '@a-vue/components/vue/Component'

package/src/plugins/route-config/RouteConfigPlugin.js

@@ -121,7 +121,8 @@ class RouteConfigPlugin {
     this._promise = this._promise.then(() => {
       callback = callback({
         ROUTESET: this.routeSet,
-        ROUTE: this.route
+        ROUTE: this.route,
+        GETROUTE: this.getRoute
       })
 
       if (!(callback instanceof Promise)) {
@@ -290,6 +291,29 @@ class RouteConfigPlugin {
     return new RouteSetDefinition(options).getDefinitions()
   }
 
+  getRoute = (name, component) => {
+    switch (name) {
+      case 'notfound':
+        return this.route({
+          path: '/:pathMatch(.*)*',
+          name: 'notfound',
+          ignoreBreadcrumb: true,
+          component: component || {
+            template: '<div>Not found</div>'
+          }
+        })
+      case 'auth':
+        return this.route({
+          path: '/auth2',
+          name: 'auth',
+          ignoreBreadcrumb: true,
+          component: {
+            template: '<div>Auth</div>'
+          }
+        })
+    }
+  }
+
   breadcrumb = options => {
     options.config = {
       ...this._config,

package/src/services/escape/CancelOnEscMixin.js

@@ -1,4 +1,4 @@
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 import { cascadingWindowEventDispatcher } from './CascadingWindowEventDispatcher'
 

package/src/services/position/UsesPositionServiceMixin.js

@@ -1,4 +1,4 @@
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 import { positionService } from '../PositionService'
 

package/src-admin/components/App.vue

@@ -13,7 +13,7 @@
       >
         <router-link
           :to="{name: rootRouteName}"
-          class="logoContainer d-flex flex-column pa-6"
+          class="logoContainer d-flex flex-column align-center pa-6"
         >
           <img
             v-if="logoUrl"
@@ -136,7 +136,7 @@
 </template>
 
 <script>
-import { Component, Vue, Watch } from 'vue-property-decorator'
+import { Component, Vue, Watch } from '@a-vue'
 import { LoadingEvent } from '@a-vue/events'
 import { appConfig } from '@a-admin/config/AppConfig'
 import { sleep } from '@a-vue/utils/timeout'

package/src-admin/components/NotFound.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="notFound">
+    <a-row
+      vertical
+      center
+      class="content"
+    >
+      <div class="logo">
+        <slot />
+      </div>
+
+      <a-row
+        vertical
+        center
+      >
+        <div class="mt-0">
+          {{ title || '404 - Not Found' }}
+        </div>
+
+        <div class="mt-4">
+          <router-link :to="backlink || { path: '/'}">
+            {{ backlinkTitle || 'Zurück' }}
+          </router-link>
+        </div>
+      </a-row>
+    </a-row>
+  </div>
+</template>
+
+
+<script>
+import { Component, Vue } from '@a-vue'
+
+@Component({
+  name: 'adminNotFound',
+  props: ['title', 'backlink', 'backlinkTitle']
+})
+export default class NotFound extends Vue {
+  created () {
+    this.$parent.$emit('appLoaded')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.notFound {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+}
+
+.content {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-height: 50vh;
+  transform: translate(-50%, -50%);
+}
+
+.logo {
+  margin-bottom: 2rem;
+}
+</style>

package/src-admin/components/SidebarMenu.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 import SidebarMenuItem from './menu/SidebarMenuItem'
 
 @Component({

package/src-admin/components/Splash.vue

@@ -1,41 +1,37 @@
 <template>
   <v-app class="splash">
-    <v-container
-      fill-height
-      fluid
-      pb-0
-      d-flex
-      align-center
-      justify-center
+    <a-row
+      vertical
+      center
+      class="content"
     >
-      <div>
-        <div class="logo">
-          <slot />
-        </div>
+      <div class="logo">
+        <slot />
+      </div>
 
-        <a-row
-          vertical
-          center
-        >
-          <v-progress-linear
-            :size="45"
-            :width="6"
-            indeterminate
-            :color="color || 'green'"
-          />
+      <a-row
+        vertical
+        center
+        fullWidth
+      >
+        <v-progress-linear
+          :size="45"
+          :width="6"
+          indeterminate
+          :color="color || 'green'"
+        />
 
-          <div class="mt-4">
-            {{ title || 'Lade App ...' }}
-          </div>
-        </a-row>
-      </div>
-    </v-container>
+        <div class="mt-4">
+          {{ title || 'Lade App ...' }}
+        </div>
+      </a-row>
+    </a-row>
   </v-app>
 </template>
 
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['title', 'color']
@@ -47,20 +43,24 @@ export default class Splash extends Vue {
 }
 </script>
 
-
 <style lang="scss" scoped>
 .splash {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
+  height: 100vh;
 }
 
-.logo {
-  margin-bottom: 2rem;
+.content {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-height: 50vh;
+  transform: translate(-50%, -50%);
 }
 
-.container {
-  transform: translateY(-10%);
+.logo {
+  margin-bottom: 2rem;
 }
 </style>

package/src-admin/components/Start.vue

@@ -6,12 +6,12 @@
 </template>
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['splash']
 })
-export default class Index extends Vue {
+export default class Start extends Vue {
   appLoaded () {
     this.splash.$destroy()
   }

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

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

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

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component
 export default class AppBarButtons extends Vue {

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

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

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

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

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

@@ -24,7 +24,7 @@
 
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 import { apiResources } from '@afeefa/api-resources-client'
 
 @Component({

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

@@ -21,7 +21,7 @@
 
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 
 @Component({
   props: ['text', 'order']

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

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

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

@@ -61,7 +61,7 @@
 
 
 <script>
-import { Component, Watch, Mixins } from 'vue-property-decorator'
+import { Component, Watch, Mixins } from '@a-vue'
 import { ListViewMixin } from '@a-vue/components/list/ListViewMixin'
 import { LoadingEvent } from '@a-vue/events'
 

package/src-admin/components/menu/SidebarMenuItem.vue

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

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

@@ -10,7 +10,7 @@
 
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 import { modelCountService } from './ModelCountService'
 import { SaveEvent } from '@a-vue/events'
 

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,7 +47,7 @@
 </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'
 

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({

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

@@ -65,7 +65,7 @@
 </template>
 
 <script>
-import { Component, Mixins, Watch } from 'vue-property-decorator'
+import { Component, Mixins, Watch } from '@a-vue'
 import { apiResources } from '@afeefa/api-resources-client'
 import { EditPageMixin } from './EditPageMixin'
 

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,7 +20,7 @@
 </template>
 
 <script>
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Vue } from '@a-vue'
 import { apiResources } from '@afeefa/api-resources-client'
 
 @Component({

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([

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([

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'

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
-  }
-}