From a796fce032069b4ed37c6b662eca5ee00d5a6916 Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Tue, 27 Jan 2026 18:33:17 +0200
Subject: [PATCH] refactoring the route to admin console

---
 src/components/AppHeader.vue                  | 14 +++----
 src/pages/admin/index.vue                     |  7 ----
 .../{admin/preview/list.vue => index.vue}     |  2 +-
 .../{admin => manage}/game-objects/[[id]].vue | 10 ++++-
 .../{admin => manage}/game-objects/list.vue   | 14 +++++--
 src/pages/{admin => manage}/games/[[id]].vue  | 10 ++++-
 src/pages/{admin => manage}/games/list.vue    | 14 +++++--
 src/pages/manage/index.vue                    | 15 ++++++++
 .../{admin => manage}/preview/[[id]].vue      | 10 ++++-
 src/pages/manage/preview/list.vue             | 37 +++++++++++++++++++
 .../{admin => manage}/scenarios/[[id]].vue    | 10 ++++-
 .../{admin => manage}/scenarios/list.vue      | 14 +++++--
 src/pages/playground/game/[[id]].vue          | 35 ++++++++++++++++++
 13 files changed, 164 insertions(+), 28 deletions(-)
 delete mode 100644 src/pages/admin/index.vue
 rename src/pages/{admin/preview/list.vue => index.vue} (90%)
 rename src/pages/{admin => manage}/game-objects/[[id]].vue (98%)
 rename src/pages/{admin => manage}/game-objects/list.vue (82%)
 rename src/pages/{admin => manage}/games/[[id]].vue (96%)
 rename src/pages/{admin => manage}/games/list.vue (86%)
 create mode 100644 src/pages/manage/index.vue
 rename src/pages/{admin => manage}/preview/[[id]].vue (92%)
 create mode 100644 src/pages/manage/preview/list.vue
 rename src/pages/{admin => manage}/scenarios/[[id]].vue (96%)
 rename src/pages/{admin => manage}/scenarios/list.vue (86%)
 create mode 100644 src/pages/playground/game/[[id]].vue

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index d12b78e..f51e870 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -7,9 +7,9 @@
                 <v-btn icon="mdi-plus" variant="text" v-bind="props"></v-btn>
             </template>
             <v-list>
-                <v-list-item to="/admin/game-objects/add">{{ l.createGameObject }}</v-list-item>
-                <v-list-item to="/admin/scenarios/add">{{ l.createScenario }}</v-list-item>
-                <v-list-item to="/admin/games/add">{{ l.createGame }}</v-list-item>
+                <v-list-item to="/manage/game-objects/add">{{ l.createGameObject }}</v-list-item>
+                <v-list-item to="/manage/scenarios/add">{{ l.createScenario }}</v-list-item>
+                <v-list-item to="/manage/games/add">{{ l.createGame }}</v-list-item>
             </v-list>
         </v-menu>
     </v-app-bar>
@@ -20,12 +20,12 @@
         </v-list>
         <v-divider></v-divider>
         <v-list nav>
-            <v-list-item prepend-icon="mdi-database" to="/admin/game-objects/list" :title="l.gameObjects"></v-list-item>
-            <v-list-item prepend-icon="mdi-receipt-text-edit-outline" to="/admin/scenarios/list" :title="l.gameScenarios"></v-list-item>
+            <v-list-item prepend-icon="mdi-database" to="/manage/game-objects/list" :title="l.gameObjects"></v-list-item>
+            <v-list-item prepend-icon="mdi-receipt-text-edit-outline" to="/manage/scenarios/list" :title="l.gameScenarios"></v-list-item>
             <!-- <v-list-item prepend-icon="mdi-cogs" :title="l.gameRules"></v-list-item> -->
             <v-divider></v-divider>
-            <v-list-item prepend-icon="mdi-controller" :title="l.games" to="/admin/games/list"></v-list-item>
-            <v-list-item prepend-icon="mdi-cog-play" :title="l.preview" to="/admin/preview/list"></v-list-item>
+            <v-list-item prepend-icon="mdi-controller" :title="l.games" to="/manage/games/list"></v-list-item>
+            <v-list-item prepend-icon="mdi-cog-play" :title="l.preview" to="/manage/preview/list"></v-list-item>
             
         </v-list>
         <v-divider></v-divider>
diff --git a/src/pages/admin/index.vue b/src/pages/admin/index.vue
deleted file mode 100644
index 2057ced..0000000
--- a/src/pages/admin/index.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <Home />
-</template>
-
-<script setup>
-  //
-</script>
diff --git a/src/pages/admin/preview/list.vue b/src/pages/index.vue
similarity index 90%
rename from src/pages/admin/preview/list.vue
rename to src/pages/index.vue
index 0018868..d27398e 100644
--- a/src/pages/admin/preview/list.vue
+++ b/src/pages/index.vue
@@ -2,7 +2,7 @@
     <v-container>
         <v-row>
             <v-col v-for="(v, i) in items" :key="i" cols="12" xs="6" sm="4" md="3" xl="2" class="position-relative">
-                <router-link :to="`/admin/preview/${v.id}`">
+                <router-link :to="`/playground/game/${v.id}`">
                     <v-img :src="`/asset/thumb/${v.thumb}.webp`"></v-img>
                 </router-link>
                 <div class="d-flex">
diff --git a/src/pages/admin/game-objects/[[id]].vue b/src/pages/manage/game-objects/[[id]].vue
similarity index 98%
rename from src/pages/admin/game-objects/[[id]].vue
rename to src/pages/manage/game-objects/[[id]].vue
index 3372f32..07f6385 100644
--- a/src/pages/admin/game-objects/[[id]].vue
+++ b/src/pages/manage/game-objects/[[id]].vue
@@ -115,4 +115,12 @@ export default {
         }
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+{
+    meta: {
+        layout: "console"
+    }
+}
+</route>
\ No newline at end of file
diff --git a/src/pages/admin/game-objects/list.vue b/src/pages/manage/game-objects/list.vue
similarity index 82%
rename from src/pages/admin/game-objects/list.vue
rename to src/pages/manage/game-objects/list.vue
index 8685741..ed9021f 100644
--- a/src/pages/admin/game-objects/list.vue
+++ b/src/pages/manage/game-objects/list.vue
@@ -1,7 +1,7 @@
 <template>
-    <AssetBrowser @select="$router.push(`/admin/game-objects/${$event.id}`)" ref="browser">
+    <AssetBrowser @select="$router.push(`/manage/game-objects/${$event.id}`)" ref="browser">
         <template v-slot:action-buttons="{ object }">
-            <v-btn variant="tonal" density="comfortable" size="small" class="browse-asset edit" icon="mdi-pencil-outline" :to="`/admin/game-objects/${object.id}`" color="blue-lighten-3"></v-btn>
+            <v-btn variant="tonal" density="comfortable" size="small" class="browse-asset edit" icon="mdi-pencil-outline" :to="`/manage/game-objects/${object.id}`" color="blue-lighten-3"></v-btn>
             <v-btn variant="tonal" density="comfortable" size="small" class="browse-asset remove" icon="mdi-close" @click="confirmTarget = object; confirmDialog = true" color="red-lighten-2"></v-btn>
         </template>
     </AssetBrowser>
@@ -33,4 +33,12 @@ export default {
         }
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/admin/games/[[id]].vue b/src/pages/manage/games/[[id]].vue
similarity index 96%
rename from src/pages/admin/games/[[id]].vue
rename to src/pages/manage/games/[[id]].vue
index 678535a..5b6d96f 100644
--- a/src/pages/admin/games/[[id]].vue
+++ b/src/pages/manage/games/[[id]].vue
@@ -76,4 +76,12 @@ export default {
         },
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/admin/games/list.vue b/src/pages/manage/games/list.vue
similarity index 86%
rename from src/pages/admin/games/list.vue
rename to src/pages/manage/games/list.vue
index 2209f53..a2f86f8 100644
--- a/src/pages/admin/games/list.vue
+++ b/src/pages/manage/games/list.vue
@@ -2,12 +2,12 @@
     <v-container>
         <v-row>
             <v-col v-for="(v, i) in items" :key="i" cols="12" xs="6" sm="4" md="3" xl="2" class="position-relative">
-                <router-link :to="`/admin/games/${v.id}`">
+                <router-link :to="`/manage/games/${v.id}`">
                     <v-img :src="`/asset/thumb/${v.thumb}.webp`"></v-img>
                 </router-link>
                 <div class="d-flex">
                     <span class="flex-grow-1">{{ v.name }}</span>
-                    <v-btn density="compact" variant="text" icon="mdi-pencil-outline" :to="`/admin/games/${v.id}`" color="primary"></v-btn>
+                    <v-btn density="compact" variant="text" icon="mdi-pencil-outline" :to="`/manage/games/${v.id}`" color="primary"></v-btn>
                     <v-btn density="compact" variant="text" icon="mdi-close" @click="confirmTarget = v; confirmDialog = true" color="red"></v-btn>
                 </div>
             </v-col>
@@ -46,4 +46,12 @@ export default {
         }
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/manage/index.vue b/src/pages/manage/index.vue
new file mode 100644
index 0000000..264ff99
--- /dev/null
+++ b/src/pages/manage/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <Home />
+</template>
+
+<script setup>
+  //
+</script>
+
+<route>
+  {
+    meta: {
+      layout: "console"
+    }
+  }
+</route>
\ No newline at end of file
diff --git a/src/pages/admin/preview/[[id]].vue b/src/pages/manage/preview/[[id]].vue
similarity index 92%
rename from src/pages/admin/preview/[[id]].vue
rename to src/pages/manage/preview/[[id]].vue
index d9765df..608427b 100644
--- a/src/pages/admin/preview/[[id]].vue
+++ b/src/pages/manage/preview/[[id]].vue
@@ -42,4 +42,12 @@ export default {
     methods:{
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/manage/preview/list.vue b/src/pages/manage/preview/list.vue
new file mode 100644
index 0000000..281a011
--- /dev/null
+++ b/src/pages/manage/preview/list.vue
@@ -0,0 +1,37 @@
+<template>
+    <v-container>
+        <v-row>
+            <v-col v-for="(v, i) in items" :key="i" cols="12" xs="6" sm="4" md="3" xl="2" class="position-relative">
+                <router-link :to="`/manage/preview/${v.id}`">
+                    <v-img :src="`/asset/thumb/${v.thumb}.webp`"></v-img>
+                </router-link>
+                <div class="d-flex">
+                    <span class="flex-grow-1">{{ v.name }}</span>
+                </div>
+            </v-col>
+        </v-row>
+    </v-container>
+</template>
+
+<script>
+
+export default {
+    data(){
+        return {
+            items: []
+        }
+    },
+    
+    async created(){
+        this.items = (await this.$api.game.search()).data.data
+    },
+}
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/admin/scenarios/[[id]].vue b/src/pages/manage/scenarios/[[id]].vue
similarity index 96%
rename from src/pages/admin/scenarios/[[id]].vue
rename to src/pages/manage/scenarios/[[id]].vue
index 941f005..b471155 100644
--- a/src/pages/admin/scenarios/[[id]].vue
+++ b/src/pages/manage/scenarios/[[id]].vue
@@ -72,4 +72,12 @@ export default {
         },
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/admin/scenarios/list.vue b/src/pages/manage/scenarios/list.vue
similarity index 86%
rename from src/pages/admin/scenarios/list.vue
rename to src/pages/manage/scenarios/list.vue
index 5b703aa..6be0dc7 100644
--- a/src/pages/admin/scenarios/list.vue
+++ b/src/pages/manage/scenarios/list.vue
@@ -2,12 +2,12 @@
     <v-container>
         <v-row>
             <v-col v-for="(v, i) in items" :key="i" cols="12" xs="6" sm="4" md="3" xl="2" class="position-relative">
-                <router-link :to="`/admin/scenarios/${v.id}`">
+                <router-link :to="`/manage/scenarios/${v.id}`">
                     <v-img :src="`/asset/thumb/${v.sceneThumb?.[0]}.webp`"></v-img>
                 </router-link>
                 <div class="d-flex">
                     <span class="flex-grow-1">{{ v.name }}</span>
-                    <v-btn density="compact" variant="text" icon="mdi-pencil-outline" :to="`/admin/scenarios/${v.id}`" color="primary"></v-btn>
+                    <v-btn density="compact" variant="text" icon="mdi-pencil-outline" :to="`/manage/scenarios/${v.id}`" color="primary"></v-btn>
                     <v-btn density="compact" variant="text" icon="mdi-close" @click="confirmTarget = v; confirmDialog = true" color="red"></v-btn>
                 </div>
             </v-col>
@@ -46,4 +46,12 @@ export default {
         }
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<route>
+    {
+        meta: {
+            layout: "console"
+        }
+    }
+</route>
\ No newline at end of file
diff --git a/src/pages/playground/game/[[id]].vue b/src/pages/playground/game/[[id]].vue
new file mode 100644
index 0000000..d3a35c8
--- /dev/null
+++ b/src/pages/playground/game/[[id]].vue
@@ -0,0 +1,35 @@
+<template>
+    <v-container max-width="1400">
+        <GamePlay v-model="object"></GamePlay>
+    </v-container>
+</template>
+
+<script>
+
+export default {
+    data() {
+        return {
+            object: {},
+            valid: false,
+            rules: {
+                required: v => v ? true : this.l.fieldRequired,
+                requiredFile: v => (v?.length || this.id != 'add') ? true : this.l.fieldRequired
+            },
+            loading: false,
+            panel: [],
+            scenarios: []
+        }
+    },
+    async mounted(){
+        this.object = (await this.$api.game.load(this.id)).data;
+        //this.$api.user.tm('test', 'test', {data: 'test'})
+    },
+    computed: {
+        id() {
+            return this.$route.params?.id;
+        }
+    },
+    methods:{
+    }
+}
+</script>
\ No newline at end of file