Advanced Cluster Management - NGUI

	- Added new OKA packages module under packages
	- Added Profiless, KSU under k8s section
	- Feature 11020. 11022, 11023, 11024, 11025, 11026

Change-Id: Ibddeb4d5693ce24d80e378277693405c810f6e04
Signed-off-by: SANDHYA.JS <sandhya.j@tataelxsi.co.in>
diff --git a/src/app/k8s/k8scluster/K8sClusterComponent.html b/src/app/k8s/k8scluster/K8sClusterComponent.html
index 613e6aa..0bb251e 100644
--- a/src/app/k8s/k8scluster/K8sClusterComponent.html
+++ b/src/app/k8s/k8scluster/K8sClusterComponent.html
@@ -16,27 +16,49 @@
 Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
 -->
 <div class="d-flex flex-row justify-content-between">
-  <div class="d-flex align-items-center header-style">{{'PAGE.K8S.REGISTERK8CLUSTER' | translate}}</div>
-  <span class="button">
-    <button class="btn btn-primary" type="button" placement="top" container="body" ngbTooltip="{{'PAGE.K8S.ADDK8CLUSTER' | translate}}"
-      (click)="addK8sCluster()">
-      <i class="fas fa-plus-circle" aria-hidden="true"></i>&nbsp; {{'PAGE.K8S.ADDK8CLUSTER' | translate}}
+  <div class="d-flex align-items-center header-style">
+    <div class="switches-container justify-content-start">
+      <input type="radio" id="switchRegister" name="switchPlan" (change)="onChangeEvent($event.target.value)"
+        value="Registered" checked="checked" />
+      <input type="radio" id="switchManage" name="switchPlan" (change)="onChangeEvent($event.target.value)"
+        value="Managed" />
+      <label for="switchRegister">{{'PAGE.K8S.REGISTERED' | translate}}</label>
+      <label for="switchManage">{{'PAGE.K8S.MANAGED' | translate}}</label>
+      <div class="switch-wrapper">
+        <div class="switch">
+          <div>{{'PAGE.K8S.REGISTERED' | translate}}</div>
+          <div>{{'PAGE.K8S.MANAGED' | translate}}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <span class="button justify-content-end">
+    <button *ngIf="isCluster === 'Registered'" class="btn btn-primary me-2" type="button" placement="top"
+      container="body" ngbTooltip="{{'PAGE.K8S.REGISTERCLUSTER' | translate}}" (click)="addK8sCluster()">
+      <i class="fas fa-plus-circle" aria-hidden="true"></i>&nbsp; {{'PAGE.K8S.REGISTERCLUSTER' | translate}}
+    </button>
+    <button *ngIf="isCluster === 'Managed'" class="btn btn-primary me-2" type="button" placement="top" container="body"
+      ngbTooltip="{{'Create Cluster' | translate}}" (click)="addK8sCluster()">
+      <i class="fas fa-plus-circle" aria-hidden="true"></i>&nbsp; {{'PAGE.K8S.CREATECLUSTER' | translate}}
     </button>
   </span>
 </div>
 <div class="mt-2 mb-2 list-utilites-actions">
   <div class="col-auto me-auto">
     <nav class="custom-items-config">
-      <span><i class="fas fa-clock text-warning"></i>{{operationalStateFirstStep}}</span>
-      <span><i class="fas fa-check-circle text-success"></i>{{operationalStateSecondStep}}</span>
-      <span><i class="fas fa-times-circle text-danger"></i>{{operationalStateThirdStep}}</span>
+      <span><i class="fas fa-clock text-success"></i>{{operationalStateFirstStep}}</span>
+      <span><i class="fas fa-spinner text-warning"></i>{{operationalStateSecondStep}}</span>
+      <span><i class="fas fa-spinner text-danger"></i>{{operationalStateThirdStep}}</span>
+      <span><i class="fas fa-times-circle text-danger"></i>{{operationalStateFourthStep}}</span>
+      <span><i class="fas fa-times-circle text-warning"></i>{{operationalStateFifthStep}}</span>
     </nav>
   </div>
   <page-per-row class="me-2" (pagePerRow)="onChange($event)"></page-per-row>
   <page-reload></page-reload>
 </div>
 <div class="smarttable-style bg-white mt-1">
-  <ng2-smart-table [ngClass]="checkDataClass" [settings]="settings" [source]="dataSource" (userRowSelect)="onUserRowSelect($event)">
+  <ng2-smart-table [ngClass]="checkDataClass" [settings]="settings" [source]="dataSource"
+    (userRowSelect)="onUserRowSelect($event)">
   </ng2-smart-table>
 </div>
 <app-loader [waitingMessage]="message" *ngIf="isLoadingResults"></app-loader>
\ No newline at end of file