feat: add terminal icon for installed App

Author: wan92hen

frontend/src/views/app-store/installed/index.vue

@@ -138,6 +138,25 @@
                                                                     </el-button>
                                                                 </el-tooltip>
                                                             </span>
+                                                            <span class="ml-1">
+                                                                <el-tooltip
+                                                                    v-if="mode !== 'upgrade'"
+                                                                    effect="dark"
+                                                                    :content="$t('menu.terminal')"
+                                                                    placement="top"
+                                                                >
+                                                                    <el-button
+                                                                        type="primary"
+                                                                        link
+                                                                        @click="openTerminal(installed)"
+                                                                        :disabled="installed.status !== 'Running'"
+                                                                    >
+                                                                        <el-icon>
+                                                                            <SvgIcon iconName="p-terminal2" />
+                                                                        </el-icon>
+                                                                    </el-button>
+                                                                </el-tooltip>
+                                                            </span>
                                                             <span class="ml-1" v-if="mode === 'installed'">
                                                                 <el-tooltip
                                                                     effect="dark"
@@ -392,6 +411,7 @@
     <PortJumpDialog ref="dialogPortJumpRef" />
     <AppIgnore ref="ignoreRef" @close="search" />
     <ComposeLogs ref="composeLogRef" />
+    <TerminalDialog ref="dialogTerminalRef" />
     <TaskLog ref="taskLogRef" @close="search" />
     <Detail ref="detailRef" />
     <IgnoreApp ref="ignoreAppRef" @close="search" />
@@ -411,6 +431,7 @@ import AppParams from './detail/index.vue';
 import AppUpgrade from './upgrade/index.vue';
 import AppIgnore from './ignore/index.vue';
 import ComposeLogs from '@/components/log/compose/index.vue';
+import TerminalDialog from '@/views/container/container/terminal/index.vue';
 import { App } from '@/api/interface/app';
 import Status from '@/components/status/index.vue';
 import { getAge, jumpToPath, toLink } from '@/utils/util';
@@ -422,6 +443,7 @@ import Detail from '@/views/app-store/detail/index.vue';
 import IgnoreApp from '@/views/app-store/installed/ignore/create/index.vue';
 import { getAgentSettingByKey } from '@/api/modules/setting';
 import Tags from '@/views/app-store/components/tag.vue';
+import SvgIcon from '@/components/svg-icon/svg-icon.vue';
 
 const data = ref<any>();
 const loading = ref(false);
@@ -449,6 +471,7 @@ const upgradeRef = ref();
 const ignoreRef = ref();
 const dialogPortJumpRef = ref();
 const composeLogRef = ref();
+const dialogTerminalRef = ref();
 const taskLogRef = ref();
 const searchReq = reactive({
     page: 1,
@@ -707,6 +730,10 @@ const openLog = (row: any) => {
     }
 };
 
+const openTerminal = (row: any) => {
+    dialogTerminalRef.value!.acceptParams({ containerID: row.container, container: row.container });
+};
+
 const getConfig = async () => {
     try {
         const res = await getAgentSettingByKey('SystemIP');
@@ -785,4 +812,9 @@ onUnmounted(() => {
         margin-left: 0;
     }
 }
+.svg-icon {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+}
 </style>