refactoring admin console #12

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="/game-objects/add">{{ l.createGameObject }}</v-list-item>
+                <v-list-item to="/admin/game-objects/add">{{ l.createGameObject }}</v-list-item>
-                <v-list-item to="/scenarios/add">{{ l.createScenario }}</v-list-item>
+                <v-list-item to="/admin/scenarios/add">{{ l.createScenario }}</v-list-item>
-                <v-list-item to="/games/add">{{ l.createGame }}</v-list-item>
+                <v-list-item to="/admin/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="/game-objects/list" :title="l.gameObjects"></v-list-item>
+            <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="/scenarios/list" :title="l.gameScenarios"></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-cogs" :title="l.gameRules"></v-list-item> -->
             <v-divider></v-divider>
-            <v-list-item prepend-icon="mdi-controller" :title="l.games" to="/games/list"></v-list-item>
+            <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="/preview/list"></v-list-item>
+            <v-list-item prepend-icon="mdi-cog-play" :title="l.preview" to="/admin/preview/list"></v-list-item>
             
         </v-list>
         <v-divider></v-divider>

src/pages/admin/game-objects/list.vue

@@ -1,7 +1,7 @@
 <template>
-    <AssetBrowser @select="$router.push(`/game-objects/${$event.id}`)" ref="browser">
+    <AssetBrowser @select="$router.push(`/admin/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="`/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="`/admin/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>

src/pages/admin/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="`/games/${v.id}`">
+                <router-link :to="`/admin/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="`/games/${v.id}`" color="primary"></v-btn>
+                    <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-close" @click="confirmTarget = v; confirmDialog = true" color="red"></v-btn>
                 </div>
             </v-col>

src/pages/admin/preview/list.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="`/preview/${v.id}`">
+                <router-link :to="`/admin/preview/${v.id}`">
                     <v-img :src="`/asset/thumb/${v.thumb}.webp`"></v-img>
                 </router-link>
                 <div class="d-flex">

src/pages/admin/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="`/scenarios/${v.id}`">
+                <router-link :to="`/admin/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="`/scenarios/${v.id}`" color="primary"></v-btn>
+                    <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-close" @click="confirmTarget = v; confirmDialog = true" color="red"></v-btn>
                 </div>
             </v-col>