Projects/Namespaces, istio enabled icon

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

shell/assets/translations/en-us.yaml

@@ -4143,6 +4143,7 @@ projectNamespaces:
   label: Projects/Namespaces
   noNamespaces: There are no namespaces defined.
   noProjectNoNamespaces: All namespaces are in a project
+  isIstioInjectionEnabled: Istio automatic sidecar injection is enabled for this namespace
 
 prometheusRule:
   alertingRules:

shell/components/ExplorerProjectsNamespaces.vue

@@ -415,6 +415,11 @@ export default {
           <span v-else>
             {{ row.name }}
           </span>
+          <i
+            v-if="row.isIstioInjectionEnabled"
+            v-tooltip="t('projectNamespaces.isIstioInjectionEnabled')"
+            class="icon icon-istio ml-5"
+          />
           <i
             v-if="row.hasSystemLabels"
             v-tooltip="getPsaTooltip(row)"
@@ -487,6 +492,10 @@ export default {
     .namespace-name {
       display: flex;
       align-items: center;
+
+      .icon-istio {
+        color: var(--primary);
+      }
     }
   }
 }

shell/components/ResourceDetail/Masthead.vue

@@ -429,6 +429,15 @@ export default {
               class="masthead-state"
               :value="value"
             />
+            <span
+              v-if="!isCreate && value.isIstioInjectionEnabled"
+              class="masthead-istio"
+            >
+              <i
+                v-tooltip="t('projectNamespaces.isIstioInjectionEnabled')"
+                class="icon icon-sm icon-istio"
+              />
+            </span>
           </h1>
         </div>
         <div
@@ -568,6 +577,13 @@ export default {
     top: -2px;
   }
 
+  .masthead-istio {
+    .icon {
+      vertical-align: middle;
+      color: var(--primary);
+    }
+  }
+
   .left-right-split {
     display: grid;
     align-items: center;

shell/models/namespace.js

@@ -260,4 +260,8 @@ export default class Namespace extends SteveModel {
   get hideDetailLocation() {
     return !!this.$rootGetters['currentProduct'].hideNamespaceLocation;
   }
+
+  get isIstioInjectionEnabled() {
+    return this.metadata.labels[ISTIO_LABELS.AUTO_INJECTION] === 'enabled';
+  }
 }