kubeconfig change

weibaohui · Nov 21, 2023 · 4cfa565 · 4cfa565
1 parent f423e3d
commit 4cfa565
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 7 deletions.
diff --git a/src/frontend/Header.vue b/src/frontend/Header.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
+import { TimerUtils } from '@backend/utils/TimerUtils'
+import { K8sService } from '@frontend/service/k8s/K8sService'
 import {
   StackExchange,
 } from '@vicons/fa'
 import type { Component } from 'vue'
-import { h, ref } from 'vue'
+import { h, onBeforeUnmount, onMounted, ref } from 'vue'
 import { RouterLink } from 'vue-router'
 
 import {
@@ -12,7 +14,7 @@ import {
 } from 'naive-ui'
 import type { MenuOption } from 'naive-ui'
 
-const containerRef = ref<HTMLElement>()
+const currentContext = ref<string>()
 const headerMenuOptions: MenuOption[] = [
   {
     label: () =>
@@ -33,6 +35,20 @@ const headerMenuOptions: MenuOption[] = [
 function renderIcon(icon: Component) {
   return () => h(NIcon, null, { default: () => h(icon) })
 }
+async function getCurrentContext() {
+  currentContext.value = await K8sService.playService.clientControllerCurrentContext()
+}
+
+let intervalId: number
+onBeforeUnmount(() => {
+  clearInterval(intervalId)
+})
+onMounted(() => {
+  getCurrentContext()
+  intervalId = TimerUtils.everyTwoSeconds(() => {
+    getCurrentContext()
+  })
+})
 </script>
 
 <template>
@@ -48,7 +64,7 @@ function renderIcon(icon: Component) {
           <NMenu
             mode="horizontal" :options="headerMenuOptions"
           />
-          <NButton>Oops!</NButton>
+          <NButton>{{ currentContext }}</NButton>
         </NSpace>
       </div>
     </NCol>

diff --git a/src/frontend/components/KubeConfig/KubeConfigView.vue b/src/frontend/components/KubeConfig/KubeConfigView.vue
@@ -2,8 +2,8 @@
 import type { Cluster } from '@backend/model/KubeConfig'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { Star } from '@vicons/fa'
-import { NCard, NIcon, NIconWrapper, NSpace } from 'naive-ui'
-import { ref } from 'vue'
+import { NButton, NCard, NIcon, NIconWrapper, NSpace } from 'naive-ui'
+import { onMounted, ref } from 'vue'
 
 const props = defineProps({
   x: String,
@@ -15,11 +15,13 @@ async function getConfigs() {
   currentContext.value = await K8sService.playService.clientControllerCurrentContext()
 }
 function handleCheckedChange(name: string) {
-  console.log(name)
   K8sService.playService.clientControllerSetContext({ name })
+  getConfigs()
 }
 
-getConfigs()
+onMounted(() => {
+  getConfigs()
+})
 </script>
 
 <template>
@@ -31,6 +33,9 @@ getConfigs()
             <NIcon :component="Star" />
           </NIconWrapper>
           {{ c.server }}
+          <NButton @click="handleCheckedChange(c.name)">
+            切换
+          </NButton>
         </NCard>
       </div>
     </NSpace>