From 703956636e74db7b926cdc4189b96bf61c3fcdd8 Mon Sep 17 00:00:00 2001
From: weibaohui <weibaohui@yeah.net>
Date: Mon, 13 Nov 2023 15:44:05 +0800
Subject: [PATCH] cm keys click

---
 .../components/configmap/CmDataKeysView.vue   | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/frontend/components/configmap/CmDataKeysView.vue b/src/frontend/components/configmap/CmDataKeysView.vue
index 35e1898d..498f5195 100644
--- a/src/frontend/components/configmap/CmDataKeysView.vue
+++ b/src/frontend/components/configmap/CmDataKeysView.vue
@@ -1,15 +1,33 @@
 <script setup lang="ts">
 import { V1ConfigMap } from '@backend/k8s/model/V1ConfigMap'
+import { ResType } from '@backend/k8s/watch/watch.model'
+import CmView from '@frontend/components/configmap/CmView.vue'
+import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
+import { ColorHelper } from '@frontend/service/page/ColorHelper'
+import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
+import { NSpace, NTag } from 'naive-ui'
 
 const props = defineProps({
   cm: V1ConfigMap,
 })
+const drawer = useDrawerService()
+
+function show() {
+  DrawerHelper
+    .instance
+    .drawer(drawer)
+    .show(`${ResType.ConfigMap}:${props.cm.metadata.name}`, CmView, { cm: props.cm })
+}
 </script>
 
 <template>
-  <NTag v-for="(v, k) in props.cm.data" :key="k">
-    {{ k }}
-  </NTag>
+  <NSpace v-for="(v, k) in props.cm.data" :key="k" :vertical="false">
+    <NTag :color="{ color: ColorHelper.randomColor() }">
+      <span @click="show">
+        {{ k }}
+      </span>
+    </NTag>
+  </NSpace>
 </template>
 
 <style scoped>