fix: create config file with an incorrect path #521

app/src/layouts/BaseLayout.vue

@@ -35,7 +35,7 @@ provide('breadList', breadList)
 </script>
 
 <template>
-  <ALayout class="min-h-screen">
+  <ALayout class="full-screen-wrapper min-h-screen">
     <div class="drawer-sidebar">
       <ADrawer
         v-model:open="drawer_visible"
@@ -192,4 +192,16 @@ body {
 .ant-layout-footer {
   text-align: center;
 }
+
+@media (orientation: landscape) {
+  .full-screen-wrapper {
+    padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
+  }
+}
+
+@media (orientation: portrait) {
+  .full-screen-wrapper {
+    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
+  }
+}
 </style>

app/src/views/config/ConfigEditor.vue

@@ -2,6 +2,7 @@
 import { message } from 'ant-design-vue'
 import type { Ref } from 'vue'
 import { InfoCircleOutlined } from '@ant-design/icons-vue'
+import _ from 'lodash'
 import { formatDateTime } from '@/lib/helper'
 import FooterToolBar from '@/components/FooterToolbar/FooterToolBar.vue'
 import type { Config } from '@/api/config'
@@ -26,7 +27,7 @@ const errors = ref({})
 
 const basePath = computed(() => {
   if (route.query.basePath)
-    return route?.query?.basePath?.toString().replaceAll('/', '')
+    return _.trim(route?.query?.basePath?.toString(), '/')
   else if (typeof route.params.name === 'object')
     return (route.params.name as string[]).slice(0, -1).join('/')
   else
@@ -64,18 +65,25 @@ async function init() {
       historyChatgptRecord.value = r.chatgpt_messages
       modifiedAt.value = r.modified_at
 
-      const path = data.value.filepath
+      const filteredPath = _.trimEnd(data.value.filepath
-        .replaceAll(`${nginxConfigBase.value}/`, '')
+        .replaceAll(`${nginxConfigBase.value}/`, ''), data.value.name)
-        .replaceAll(data.value.name, '')
         .split('/')
         .filter(v => v)
-        .map(v => {
+
+      const path = filteredPath.map((v, k) => {
+        let dir = v
+
+        if (k > 0) {
+          dir = filteredPath.slice(0, k).join('/')
+          dir += `/${v}`
+        }
+
         return {
           name: 'Manage Configs',
           translatedName: () => v,
           path: '/config',
           query: {
-              dir: v,
+            dir,
           },
           hasChildren: false,
         }

app/src/views/config/ConfigList.vue

@@ -37,16 +37,24 @@ const refInspectConfig = ref()
 const breadcrumbs = useBreadcrumbs()
 
 function updateBreadcrumbs() {
-  const path = basePath.value
+  const filteredPath = basePath.value
     .split('/')
     .filter(v => v)
-    .map(v => {
+
+  const path = filteredPath.map((v, k) => {
+    let dir = v
+
+    if (k > 0) {
+      dir = filteredPath.slice(0, k).join('/')
+      dir += `/${v}`
+    }
+
     return {
       name: 'Manage Configs',
       translatedName: () => v,
       path: '/config',
       query: {
-          dir: v,
+        dir,
       },
       hasChildren: false,
     }