feat(orb-ui): #699 Agent View, show how many policies are applied and…

… how many are running (#2349) feat(orb-ui): #699 Agent View, show how many policies are applied and how many are running (#2349)
orb-community · May 3, 2023 · 7046386 · 7046386
1 parent 0bb55ac
commit 7046386
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.html b/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.html
@@ -1,6 +1,10 @@
 <nb-card>
   <nb-card-header>Active Policies/Datasets</nb-card-header>
   <nb-card-body>
+    <label *ngIf="policies?.length > 0" > <span class="code"> {{ amountRunningPolicies }}</span> 
+      out of <span class="code"> {{ policies?.length }} </span>
+      policies are running.
+    </label>
     <nb-accordion *ngFor="let policy of policies">
       <nb-accordion-item>
         <nb-accordion-item-header>

diff --git a/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.scss b/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.scss
@@ -104,6 +104,11 @@ nb-card {
     color: #969fb9 !important;
   }
 
+  .code {
+    color: #fff;
+    line-height: 2.5 !important;
+  }
+
   header p {
     align-items: center;
     display: flex;

diff --git a/.../shared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.ts b/.../shared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.ts
@@ -37,6 +37,8 @@ export class AgentPoliciesDatasetsComponent implements OnInit, OnChanges {
 
   errors;
 
+  amountRunningPolicies;
+
   constructor(
     private router: Router,
     private route: ActivatedRoute,
@@ -46,10 +48,21 @@ export class AgentPoliciesDatasetsComponent implements OnInit, OnChanges {
     this.datasets = {};
     this.policies = [];
     this.errors = {};
+    this.amountRunningPolicies = 0;
   }
 
-  ngOnInit(): void {}
-
+  ngOnInit(): void { 
+    this.getAmountRunningPolicies() 
+  }
+
+  getAmountRunningPolicies() {
+    this.policies.forEach(element => {
+      if (element.state == 'running') {
+        this.amountRunningPolicies++;
+      }
+    }); 
+  }
+
   ngOnChanges(changes: SimpleChanges): void {
     if (changes.agent) {
       const policiesStates = this.agent?.last_hb_data?.policy_state;