Cloud Log Manager modals shows cluster id

core/ui/public/i18n/en/translation.json

@@ -1390,6 +1390,7 @@
         "learn_more": "Learn more",
         "address_placeholder": "E.g. https://nar.nethesis.it",
         "available_with_subscription_title": "Activate subscription to enable this feature",
-        "available_with_subscription": "Send a stream of logs from applications and nodes of this cluster to Cloud Log Manager, where you can store, archive, and search them in a central place."
+        "available_with_subscription": "Send a stream of logs from applications and nodes of this cluster to Cloud Log Manager, where you can store, archive, and search them in a central place.",
+        "cluster_id_notification": "This cluster is identified as '{clusterId}' in the Cloud Log Manager UI"
     }
 }

core/ui/src/components/settings/CloudLogManagerConfigureModal.vue

@@ -17,6 +17,16 @@
     }}</template>
     <template slot="content">
       <cv-form v-if="subscription">
+        <NsInlineNotification
+          v-if="clusterId"
+          kind="info"
+          :description="
+            $t('cloud_log_manager_forwarder.cluster_id_notification', {
+              clusterId: clusterId,
+            })
+          "
+          :showCloseButton="false"
+        />
         <NsToggle
           :label="$t('cloud_log_manager_forwarder.export_to_cloud_log_manager')"
           v-model="toggleEnabled"
@@ -148,6 +158,7 @@ export default {
       toggleEnabled: false,
       address: "",
       tenant: "",
+      clusterId: "",
       date: "",
       time: "",
       lastTimestampFormatted: "",
@@ -202,6 +213,10 @@ export default {
         this.tenant = this.configuration.tenant;
       }
 
+      if (!this.configuration.cluster_id == "") {
+        this.clusterId = this.configuration.cluster_id;
+      }
+
       if (this.configuration.last_timestamp == "") {
         this.radioVal = "choose_date_time";
       } else {