add kubero operator Version and debug modal

Author: mms-gianni

client/src/layouts/default/NavDrawer.vue

@@ -92,13 +92,93 @@
             </v-list-item>
             -->
             <v-list-item
-                link href="https://github.com/kubero-dev/kubero/releases" 
-                target="_blank"
+                @click="debugDialog = true"
                 prepend-icon="mdi-star"
                 :title="''+ kubero.version">
             </v-list-item>
         </v-list>
     </template>
+    <v-dialog
+      v-model="debugDialog"
+      width="auto"
+    >
+      <v-card
+        min-width="400"
+        prepend-icon="mdi-information-outline"
+        title="Version and Features"
+      >
+        <v-card-text>
+            <v-row dense>
+                <v-col cols="12">
+                    <v-textarea
+                    label="Debug"
+                        :model-value="'Kubero UI Version: ' + kubero.version
+                        + '\nKubero Operator Version: ' + kubero.operatorVersion
+                        + '\nKubernetes Version: ' + kubero.kubernetesVersion
+                        + '\nTemplates: ' + kubero.templatesEnabled
+                        + '\nAdmin: ' + kubero.adminDisabled
+                        + '\nWeb Console: ' + kubero.consoleEnabled
+                        + '\nBuild Pipeline: ' + kubero.buildPipeline
+                        + '\nMetrics: ' + kubero.metricsEnabled
+                        + '\nAudit: ' + kubero.auditEnabled
+                        + '\nZeropod Sleep: ' + kubero.sleepEnabled"
+                        readonly
+                        name="debug"
+                        variant="filled"
+                        auto-grow
+                    ></v-textarea>
+
+                    <a href="https://github.com/kubero-dev/kubero/releases" target="_blank">List of latest Kubero releases</a>
+                </v-col>
+                <!--
+                <v-col cols="12">
+                    <v-text-field
+                        label="Kubero UI Version"
+                        v-model="kubero.version"
+                        readonly
+                        density="compact"
+                        variant="plain"
+                    ></v-text-field>
+                </v-col>
+                <v-col cols="12">
+                    <v-text-field
+                        label="Kubero Operotor Version"
+                        v-model="kubero.operatorVersion"
+                        readonly
+                        density="compact"
+                        variant="plain"
+                    ></v-text-field>
+                </v-col>
+                <v-col cols="12">
+                    <v-text-field
+                        label="Kubernetes Version"
+                        v-model="kubero.kubernetesVersion"
+                        readonly
+                        density="compact"
+                        variant="plain"
+                    ></v-text-field>
+                </v-col>
+                <v-col cols="12">
+                    <v-checkbox readonly density="compact" label="Templates" v-model="kubero.templatesEnabled"></v-checkbox>
+                    <v-checkbox readonly density="compact" label="Admin" v-model="kubero.adminDisabled"></v-checkbox>
+                    <v-checkbox readonly density="compact" label="Web Console" v-model="kubero.consoleEnabled"></v-checkbox>
+                    <v-checkbox readonly density="compact" label="Build Pipeline" v-model="kubero.buildPipeline"></v-checkbox>
+                    <v-checkbox readonly density="compact" label="Metrics" v-model="kubero.metricsEnabled"></v-checkbox>
+                    <v-checkbox readonly density="compact" label="Audit" v-model="kubero.auditEnabled"></v-checkbox>
+                    <v-checkbox readonly density="compact" label="Zeropod Sleep" v-model="kubero.sleepEnabled"></v-checkbox>
+                </v-col>
+                -->
+            </v-row>
+        </v-card-text>
+        <template v-slot:actions>
+          <v-btn
+            class="ms-auto"
+            text="Ok"
+            @click="debugDialog = false"
+          ></v-btn>
+        </template>
+      </v-card>
+    </v-dialog>
   </v-navigation-drawer>
 </template>
 
@@ -127,7 +207,8 @@ export default defineComponent({
         return {
         version: '0.0.1',
         templatesEnabled: false,
-        session: false
+        session: false,
+        debugDialog: false
         }
     },
     computed: {

client/src/layouts/default/View.vue

@@ -29,6 +29,7 @@ export default defineComponent({
         templatesEnabled: true,
         version: "dev",
         kubernetesVersion: "unknown",
+        operatorVersion: "unknown",
     }),
     methods: {
         checkSession() {
@@ -41,6 +42,7 @@ export default defineComponent({
                         // safe version to vuetufy gloabl scope for use in components
                         this.kubero.templatesEnabled = result.data.templatesEnabled;
                         this.kubero.version = result.data.version;
+                        this.kubero.operatorVersion = result.data.operatorVersion;
                         this.kubero.kubernetesVersion = result.data.kubernetesVersion;
                         this.kubero.isAuthenticated = result.data.isAuthenticated;
                         this.kubero.adminDisabled = result.data.adminDisabled;

client/src/stores/kubero.ts

@@ -4,6 +4,7 @@ export const useKuberoStore = defineStore('kubero', {
     state: () => ({
         kubero: {
             version: "dev",
+            operatorVersion: "unknown",
             session: false,
             kubernetesVersion: "",
             isAuthenticated: false,

server/src/kubero.ts

@@ -100,6 +100,14 @@ export class Kubero {
         }
     }
 
+    public getOperatorVersion() {
+        if (this.kubectl.kuberoOperatorVersion) {
+            return this.kubectl.kuberoOperatorVersion;
+        } else {
+            return 'unknown';
+        }
+    }
+
     public updateState() {
         this.pipelineStateList = [];
         this.appStateList = [];

server/src/modules/kubectl.ts

@@ -47,6 +47,7 @@ export class Kubectl {
     private customObjectsApi: CustomObjectsApi = {} as CustomObjectsApi;
     private networkingV1Api: NetworkingV1Api = {} as NetworkingV1Api;
     public kubeVersion: VersionInfo | void;
+    public kuberoOperatorVersion: string | undefined;
     private patchUtils: PatchUtils = {} as PatchUtils;
     public log: KubeLog;
     //public config: IKuberoConfig;
@@ -100,6 +101,16 @@ export class Kubectl {
         .then(v => {
             this.kubeVersion = v;
         })
+        .catch(error => {
+            debug.log("❌ Error getting kube version");
+            debug.log(error);
+        });
+
+        this.getOperatorVersion()
+        .then(v => {
+            debug.log("ℹ️  Operator version: " + v);
+            this.kuberoOperatorVersion = v || 'unknown';
+        })
 
     }
 
@@ -115,6 +126,29 @@ export class Kubectl {
         }
     }
 
+    private async getOperatorVersion(): Promise<string | void> {
+        const contextName = this.getCurrentContext();
+        const namespace = "kubero-operator-system";
+
+        if (contextName) {
+            const pods = await this.getPods(namespace, contextName) 
+            .catch(error => {
+                debug.log("Failed to get Operator Version", error);
+                //return 'error';
+            });
+            if (pods) {
+                for (const pod of pods) {
+                    if (pod?.metadata?.name?.startsWith('kubero-operator-controller-manager')) {
+                        const container = pod?.spec?.containers.filter((c: any) => c.name == 'manager')[0];
+                        return container?.image?.split(':')[1] || 'unknown';
+                    }
+                }
+            }else{
+                return 'error getting operator version';
+            }
+        }
+    }
+
     public getContexts() {
         return this.kc.getContexts()
     }
@@ -123,6 +157,10 @@ export class Kubectl {
         this.kc.setCurrentContext(context)
     }
 
+    public getCurrentContext() {
+        return this.kc.getCurrentContext()
+    }
+
     public async getNamespaces(): Promise<V1Namespace[]> {
         const namespaces = await this.coreV1Api.listNamespace();
         return namespaces.body.items;

server/src/routes/auth.ts

@@ -25,6 +25,7 @@ Router.all("/session", (req: Request, res: Response) => {
         "isAuthenticated": isAuthenticated,
         "version": process.env.npm_package_version,
         "kubernetesVersion": req.app.locals.kubero.getKubernetesVersion(),
+        "operatorVersion": req.app.locals.kubero.getOperatorVersion(),
         "buildPipeline": req.app.locals.kubero.getBuildpipelineEnabled(),
         "templatesEnabled": req.app.locals.kubero.getTemplateEnabled(),
         "auditEnabled": req.app.locals.audit.getAuditEnabled(),