@afeefa/vue-app 0.0.251 → 0.0.252

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

@@ -1 +1 @@
-0.0.251
+0.0.252

package/package.json

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

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

@@ -46,6 +46,8 @@ class RouteConfigPlugin {
   _router = null
   _routes = []
 
+  _routeHistory = [];
+
   _promise = Promise.resolve(true)
 
   router (options = {}) {
@@ -178,6 +180,11 @@ class RouteConfigPlugin {
             }
           })
         }
+
+        this._router.beforeEach((to, from, next) => {
+          this._routeHistory.push(to)
+          next()
+        })
       })
     })
 
@@ -353,6 +360,14 @@ class RouteConfigPlugin {
     }
     return new BreadcrumbSetDefinition(options).getDefinitions()
   }
+
+  getRouteHistory () {
+    return this._routeHistory
+  }
+
+  removeFromRouteHistoryAfterIndex (index) {
+    this._routeHistory.splice(index + 1)
+  }
 }
 
 export const routeConfigPlugin = new RouteConfigPlugin()

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

@@ -7,7 +7,7 @@
       color="#F4F4F4"
       title="Zurück"
       class="mr-n2"
-      @click="$router.push(back)"
+      @click="goToLastNamedRoute()"
     >
       <v-icon>
         $arrowLeftIcon
@@ -34,6 +34,7 @@
 
 <script>
 import { Component, Vue } from '@a-vue'
+import { routeConfigPlugin } from '@a-vue/plugins/route-config/RouteConfigPlugin'
 
 @Component({
   props: ['back', 'icon', 'title', 'subtitle', 'detail']
@@ -57,6 +58,21 @@ export default class appBarTitle extends Vue {
   getButtonBar () {
     return document.getElementById('appBarTitleContainer')
   }
+
+  goToLastNamedRoute () {
+    const currentRouteName = this.$route.name
+    const historyStack = routeConfigPlugin.getRouteHistory()
+
+    // Durchlaufe die Historie rückwärts, um die letzte benannte Route zu finden, die sich vom aktuellen Namen unterscheidet
+    for (let i = historyStack.length - 2; i >= 0; i--) {
+      const route = historyStack[i]
+      if (route.name && route.name !== currentRouteName) {
+        this.$router.push({ name: route.name })
+        routeConfigPlugin.removeFromRouteHistoryAfterIndex(i)
+        return
+      }
+    }
+  }
 }
 </script>