wip

frontend/src/components/Terminal.vue

@@ -33,6 +33,12 @@ export default {
             type: String,
         },
 
+        // Require if mode is interactive
+        shell: {
+            type: String,
+            default: "bash",
+        },
+
         rows: {
             type: Number,
             default: TERMINAL_ROWS,
@@ -110,7 +116,7 @@ export default {
             });
         } else if (this.mode === "interactive") {
             console.debug("Create Interactive terminal:", this.name);
-            this.$root.getSocket().emit("interactiveTerminal", this.stackName, this.serviceName, (res) => {
+            this.$root.getSocket().emit("interactiveTerminal", this.stackName, this.serviceName, this.shell, (res) => {
                 if (!res.ok) {
                     this.$root.toastRes(res);
                 }

frontend/src/components/settings/About.vue

@@ -10,7 +10,7 @@
                 ⚠️ {{ $t("Frontend Version do not match backend version!") }}
             </div>
 
-            <div class="my-3 update-link"><a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a></div>
+            <div class="my-3 update-link"><a href="https://github.com/louislam/dockge/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a></div>
 
             <div class="mt-1">
                 <div class="form-check">

frontend/src/layouts/Layout.vue

@@ -13,7 +13,7 @@
                 <span class="fs-4 title">Dockge</span>
             </router-link>
 
-            <a v-if="hasNewVersion" target="_blank" href="https://github.com/louislam/uptime-kuma/releases" class="btn btn-info me-3">
+            <a v-if="hasNewVersion" target="_blank" href="https://github.com/louislam/dockge/releases" class="btn btn-info me-3">
                 <font-awesome-icon icon="arrow-alt-circle-up" /> {{ $t("New Update") }}
             </a>
 

frontend/src/pages/ContainerTerminal.vue

@@ -1,13 +1,13 @@
 <template>
     <transition name="slide-fade" appear>
         <div>
-            <h1 class="mb-3">Bash</h1>
-            <p>
-                Stack: {{ stackName }}<br />
-                Container: {{ serviceName }}
-            </p>
+            <h1 class="mb-3">Terminal - {{ serviceName }} ({{ stackName }})</h1>
 
-            <Terminal class="terminal" :rows="20" mode="interactive" :name="terminalName" :stack-name="stackName" :service-name="serviceName"></Terminal>
+            <div class="mb-3">
+                <router-link :to="sh" class="btn btn-normal me-2">Switch to sh</router-link>
+            </div>
+
+            <Terminal class="terminal" :rows="20" mode="interactive" :name="terminalName" :stack-name="stackName" :service-name="serviceName" :shell="shell"></Terminal>
         </div>
     </transition>
 </template>
@@ -27,12 +27,25 @@ export default {
         stackName() {
             return this.$route.params.stackName;
         },
+        shell() {
+            return this.$route.params.type;
+        },
         serviceName() {
             return this.$route.params.serviceName;
         },
         terminalName() {
             return getContainerExecTerminalName(this.stackName, this.serviceName, 0);
-        }
+        },
+        sh() {
+            return {
+                name: "containerTerminal",
+                params: {
+                    stackName: this.stackName,
+                    serviceName: this.serviceName,
+                    type: "sh",
+                },
+            };
+        },
     },
     mounted() {
 

frontend/src/pages/Settings.vue

@@ -74,10 +74,9 @@ export default {
 
         subMenus() {
             return {
-                /*
                 general: {
                     title: this.$t("General"),
-                },*/
+                },
                 appearance: {
                     title: this.$t("Appearance"),
                 },