@afeefa/vue-app 0.0.63 → 0.0.66

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

@@ -1,85 +0,0 @@
-<template>
-  <component
-    :is="Component"
-    v-if="model"
-    :model="model"
-  />
-</template>
-
-<script>
-import { Component, Vue, Watch } from '@a-vue'
-import { GetAction } from '@a-vue/api-resources/ApiActions'
-
-Component.registerHooks([
-  'beforeRouteEnter',
-  'beforeRouteUpdate'
-])
-
-function load (route) {
-  const routeDefinition = route.meta.routeDefinition
-  const Component = routeDefinition.config.detail
-
-  if (!Component.getDetailRouteConfig) {
-    console.warn('A detail route component must implement a static getDetailRouteConfig property.')
-  }
-
-  const detailConfig = Component.getDetailRouteConfig(route)
-  const action = detailConfig.action || detailConfig.ModelClass.getAction('get')
-
-  return new GetAction()
-    .setAction(action)
-    .setFields(detailConfig.fields)
-    .setId(detailConfig.id || route.params[routeDefinition.idKey])
-    .load()
-}
-
-let routerHookCalled = false
-
-@Component
-export default class DetailRoute extends Vue {
-  model = null
-
-  /**
-   * triggered, when the route name changes
-   * not triggered, when only route params change
-   */
-  async beforeRouteEnter (to, from, next) {
-    routerHookCalled = true
-    const result = await load(to)
-    next(vm => {
-      if (result !== false) {
-        vm.model = result
-      }
-      routerHookCalled = false
-    })
-  }
-
-  /**
-   * triggered both, if route name or route params change
-   */
-  @Watch('$route.params')
-  async routeParamsChanged () {
-    if (routerHookCalled) {
-      // set model to null in order to not recreate detail route's
-      // child components with the stale model which is still active
-      // in between resolving the route with next() + creating the
-      // route detail component and resetting vm.model later in the callback
-      this.model = null
-      return
-    }
-    this.model = await load(this.$route)
-  }
-
-  // probably not needed
-  // @Watch('$route.name')
-  // async routeNameChanged () {
-  //   if (routerHookCalled) {
-  //     // this.model = null
-  //   }
-  // }
-
-  get Component () {
-    return this.$routeDefinition.config.detail
-  }
-}
-</script>

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

@@ -1,78 +0,0 @@
-<template>
-  <component
-    :is="Component"
-    v-if="model"
-    :model="model"
-  />
-</template>
-
-
-<script>
-import { Component, Vue, Watch } from '@a-vue'
-import { GetAction } from '@a-vue/api-resources/ApiActions'
-
-Component.registerHooks([
-  'beforeRouteEnter',
-  'beforeRouteUpdate'
-])
-
-function load (route) {
-  const routeDefinition = route.meta.routeDefinition
-  const Component = routeDefinition.config.edit
-
-  if (!Component.getEditRouteConfig) {
-    console.warn('An edit route component must implement a static getEditRouteConfig property.')
-  }
-
-  const editConfig = Component.getEditRouteConfig(route)
-  const action = editConfig.getAction || editConfig.ModelClass.getAction('get')
-
-  return new GetAction()
-    .setAction(action)
-    .setFields(editConfig.fields)
-    .setId(editConfig.id || route.params[routeDefinition.idKey])
-    .load()
-}
-
-let routerHookCalled = false
-
-@Component
-export default class EditRoute extends Vue {
-  model = null
-
-  /**
-   * triggered, when the route name changes
-   * not triggered, when only route params change
-   */
-  async beforeRouteEnter (to, from, next) {
-    routerHookCalled = true
-    const result = await load(to)
-    next(vm => {
-      if (result !== false) {
-        vm.model = result
-      }
-      routerHookCalled = false
-    })
-  }
-
-  /**
-   * triggered both, if route name or route params change
-   */
-  @Watch('$route.params')
-  async routeParamsChanged () {
-    if (routerHookCalled) {
-      // set model to null in order to not recreate detail route's
-      // child components with the stale model which is still active
-      // in between resolving the route with next() + creating the
-      // route edit component and resetting vm.model later in the callback
-      this.model = null
-      return
-    }
-    this.model = await load(this.$route)
-  }
-
-  get Component () {
-    return this.$routeDefinition.config.edit
-  }
-}
-</script>

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

@@ -1,110 +0,0 @@
-<template>
-  <component
-    :is="Component"
-    v-if="isLoaded"
-    :models="models"
-    :meta="meta"
-  />
-</template>
-
-<script>
-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'
-
-Component.registerHooks([
-  'beforeRouteEnter',
-  'beforeRouteUpdate'
-])
-
-/**
- * keep track 'this' in beforeRouteEnter
- * in order to avoid rendering list pages with a stale set
- * of models because next(vm => ...) will first create the
- * list page with the existing set of models and update the
- * models afterwards.
- */
-let lastVm = null
-
-function load (route) {
-  const routeDefinition = route.meta.routeDefinition
-  const Component = routeDefinition.config.list
-
-  if (!Component.getListRouteConfig) {
-    console.warn('A list route component must implement a static getListRouteConfig property.')
-  }
-
-  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)
-    // read from history, but do not push
-    // list component will be init with used_filters
-    .historyKey(route.path, false)
-    .initFilters({
-      source: true,
-      history: true
-    })
-    .getApiRequest()
-
-  return new ListAction()
-    .setRequest(request)
-    .load()
-}
-
-let routerHookCalled = false
-
-@Component
-export default class ListRoute extends Vue {
-  models = null
-  meta = null
-  isLoaded = false
-
-  async beforeRouteEnter (to, from, next) {
-    routerHookCalled = true
-    const result = await load(to)
-
-    if (lastVm) {
-      lastVm.isLoaded = false
-    }
-
-    next(vm => {
-      if (result !== false) {
-        const {models, meta} = result
-        vm.models = models
-        vm.meta = meta
-        vm.isLoaded = true
-      }
-
-      lastVm = vm
-      routerHookCalled = false
-    })
-  }
-
-  /**
-   * triggered both, if route name or route params change
-   */
-  @Watch('$route.params')
-  async routeParamsChanged () {
-    if (routerHookCalled) {
-      return
-    }
-
-    if (!this.isLoaded) {
-      const result = await load(this.$route)
-
-      if (result !== false) {
-        const {models, meta} = result
-        this.models = models
-        this.meta = meta
-        this.isLoaded = true
-      }
-    }
-  }
-
-  get Component () {
-    return this.$routeDefinition.config.list
-  }
-}
-</script>