From 5c3b7fc252bb5f92f4c2d9303cf8b002d3048dad Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Sat, 22 Aug 2026 23:48:31 +0200
Subject: [PATCH] stash

---
 frontend/src/views/StorageLocation.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/StorageLocation.vue b/frontend/src/views/StorageLocation.vue
index 6d4564d..041f687 100644
--- a/frontend/src/views/StorageLocation.vue
+++ b/frontend/src/views/StorageLocation.vue
@@ -43,6 +43,9 @@
                                         <a :href="`/storage-locations/${location.id}/delete`" @click.prevent="deleteStorageLocation(location)">
                                             <b-icon-trash></b-icon-trash>
                                         </a>
+                                        <router-link v-if="shortIdLink(location)" :to="shortIdLink(location)">
+                                            <b-icon-link></b-icon-link>
+                                        </router-link>
                                     </td>
                                 </tr>
                                 </tbody>
@@ -72,6 +75,10 @@
                                                     <router-link :to="`/storage-locations/${location.id}/edit`"
                                                                  class="btn btn-primary btn-sm">Edit
                                                     </router-link>
+                                                    <router-link v-if="shortIdLink(location)" :to="shortIdLink(location)"
+                                                                 class="btn btn-secondary btn-sm">
+                                                        <b-icon-link></b-icon-link>
+                                                    </router-link>
                                                 </div>
                                             </div>
                                         </div>
@@ -92,9 +99,10 @@
 </template>
 
 <script>
-import {mapActions, mapState} from "vuex";
+import {mapActions, mapGetters, mapState} from "vuex";
 import * as BIcons from "bootstrap-icons-vue";
 import BaseLayout from "@/components/BaseLayout.vue";
+import {shortenedRoute} from "@/router";
 
 export default {
     name: "StorageLocation",
@@ -108,13 +116,20 @@ export default {
         ...BIcons
     },
     computed: {
+        ...mapGetters(["identityIdByHandle"]),
         ...mapState(["user", "storage_locations"]),
     },
     methods: {
-        ...mapActions(["fetchStorageLocations", "deleteStorageLocation"]),
+        ...mapActions(["fetchStorageLocations", "deleteStorageLocation", "fetchIdMap"]),
+        shortIdLink(location) {
+            const owner_identity_id = this.identityIdByHandle[location.owner]
+            if (owner_identity_id === undefined) return null
+            return shortenedRoute({kind: 'storage_location', owner_identity_id, storage_location_id: location.id})
+        },
     },
     async mounted() {
         await this.fetchStorageLocations()
+        await this.fetchIdMap()
     }
 }
 </script>