stash

frontend/src/views/InventoryDetail.vue

@@ -13,7 +13,7 @@
                             <div class="mb-3">
                                 <label for="tags" class="form-label">Tags</label>
                                 <span class="badge bg-dark" v-for="(tag, index) in item.tags" :key="index">
-                                    {{ tag }}
+                                    {{ getNameFromHandle(tag) }}
                                 </span>
                             </div>
                             <div class="mb-3">
@@ -74,7 +74,7 @@ export default {
         }
     },
     computed: {
-        ...mapGetters(["loaded_items"]),
+        ...mapGetters(["loaded_items", "getNameFromHandle"]),
         ...mapState(["storage_locations"]),
         item() {
             return this.loaded_items.find(item => item.id === parseInt(this.id)) || {}

frontend/src/views/Settings.vue

@@ -51,14 +51,35 @@
 
 <script>
 import BaseLayout from "@/components/BaseLayout.vue";
+import {mapActions, mapGetters, mapMutations} from "vuex";
 
 export default {
     name: 'Settings',
     components: {BaseLayout},
+    computed: {
+        ...mapGetters(['signAuth'])
+    },
     methods: {
-        deleteAccount() {
-            if (confirm('Are you sure you want to delete your account?')) {
-                alert('Account deleted');
+        ...mapActions(['getHomeServers']),
+        ...mapMutations(['logout']),
+        async deleteAccount() {
+            if (!confirm('Are you sure you want to permanently delete your account? ' +
+                'All your data will be deleted and you will not be able to log back in. This cannot be undone.')) {
+                return;
+            }
+            try {
+                const servers = await this.getHomeServers();
+                const response = await servers.delete(this.signAuth, '/api/account/');
+                if (!response || !response.ok) {
+                    const errorBody = response ? await response.json().catch(() => ({})) : {};
+                    alert('Account deletion failed: ' + (errorBody.detail || response?.statusText || 'unknown error'));
+                    return;
+                }
+                alert('Your account has been permanently deleted.');
+                this.logout();
+            } catch (error) {
+                console.error('Account deletion failed', error);
+                alert('Account deletion failed: ' + error);
             }
         },
     }

frontend/src/views/settings/Data.vue

@@ -72,7 +72,7 @@
 </template>
 
 <script>
-import {mapActions, mapGetters, mapMutations} from 'vuex';
+import {mapActions, mapGetters} from 'vuex';
 import router from "@/router";
 
 //import VueQrcode from '@chenfengyuan/vue-qrcode';
@@ -95,9 +95,29 @@ export default {
                 this.selectedFile = file;
             }
         },
-        deleteData() {
-            if (confirm('Are you sure you want to delete your data?')) {
-                alert('Data deleted');
+        async deleteData() {
+            if (!confirm('Are you sure you want to permanently delete all your data (inventory, locations, ' +
+                'settings, friends and files)? Your account itself will stay - this cannot be undone.')) {
+                return;
+            }
+            try {
+                const servers = await this.getHomeServers();
+                const response = await servers.delete(this.signAuth, '/api/account_data/');
+                if (!response || !response.ok) {
+                    const errorBody = response ? await response.json().catch(() => ({})) : {};
+                    alert('Data deletion failed: ' + (errorBody.detail || response?.statusText || 'unknown error'));
+                    return;
+                }
+                const summary = await response.json().catch(() => ({}));
+                alert('All your data has been deleted: ' +
+                    `${summary.inventory_items || 0} inventory items, ` +
+                    `${summary.locations || 0} locations, ` +
+                    `${summary.settings || 0} settings, ` +
+                    `${summary.friends || 0} friends, ` +
+                    `${summary.files || 0} files.`);
+            } catch (error) {
+                console.error('Data deletion failed', error);
+                alert('Data deletion failed: ' + error);
             }
         },
         exportKey() {