Merge pull request #292 from NREL/issue-291

fix stakeholders bug in system inventory

Author: RLiNREL

src/app/shared/contact-modal/contact-modal.component.css

@@ -0,0 +1,3 @@
+.success{
+    color: green;
+}

src/app/shared/contact-modal/contact-modal.component.html

@@ -11,9 +11,12 @@
                         *ngFor="let contact of contacts; let index = index;" (click)="toggleContactActive(index)">
                         <div class="d-flex justify-content-between w-100">
                             <div class="p-0">
-                                <ng-template
-                                    [ngIf]="(contextGuid | includesContact:contactContext: contact)">
-                                    <fa-icon [icon]="faCircleCheck"></fa-icon>
+                                <ng-template [ngIf]="(contextGuid | includesContact:contactContext: contact)"
+                                    [ngIfElse]="notSelectedBlock">
+                                    <fa-icon class="success" [icon]="faCircleCheck"></fa-icon>
+                                </ng-template>
+                                <ng-template #notSelectedBlock>
+                                    <fa-icon [icon]="faCircle"></fa-icon>
                                 </ng-template>
                                 {{contact | contactNameDisplay}}
                             </div>
@@ -41,9 +44,8 @@
                             Stakeholder
                         </th>
                         <th>
-                            <ng-template
-                                [ngIf]="(contextGuid | includesContact:contactContext: selectedContact)">
-                                <fa-icon [icon]="faCircleCheck"></fa-icon>
+                            <ng-template [ngIf]="(contextGuid | includesContact:contactContext: selectedContact)">
+                                <fa-icon class="success" [icon]="faCircleCheck"></fa-icon>
                             </ng-template>
                             {{selectedContact | contactNameDisplay}}
                         </th>
@@ -97,6 +99,7 @@
     </div>
     <div class="popup-footer d-flex justify-content-end">
         <button class="btn btn-secondary me-2 btn-sm" (click)="closeModal()">Cancel</button>
-        <button class="btn btn-success btn-sm" (click)="saveChanges()"><fa-icon [icon]="faSave"></fa-icon> Set Stakeholders</button>
+        <button class="btn btn-success btn-sm" (click)="saveChanges()"><fa-icon [icon]="faSave"></fa-icon> Set
+            Stakeholders</button>
     </div>
 </div>

src/app/shared/contact-modal/contact-modal.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { IconDefinition, faChevronLeft, faCircleCheck, faContactBook, faSave, faUser } from '@fortawesome/free-solid-svg-icons';
+import { IconDefinition, faChevronLeft, faCircle, faCircleCheck, faContactBook, faSave, faUser } from '@fortawesome/free-solid-svg-icons';
 import { firstValueFrom } from 'rxjs';
 import { ContactIdbService } from 'src/app/indexed-db/contact-idb.service';
 import { ContactContext, IdbContact } from 'src/app/models/contact';
@@ -28,6 +28,7 @@ export class ContactModalComponent implements OnInit {
   faChevronLeft: IconDefinition = faChevronLeft;
   faUser: IconDefinition = faUser;
   faContactBook: IconDefinition = faContactBook;
+  faCircle: IconDefinition = faCircle;
   constructor(
     private contactIdbService: ContactIdbService
   ) {

src/app/shared/helper-pipes/associated-contacts.pipe.ts

@@ -22,6 +22,8 @@ export class AssociatedContactsPipe implements PipeTransform {
         _contacts.push(_contact);
       } else if (context == 'nonEnergyBenefit' && _contact.nonEnergyBenefitIds.includes(guid)) {
         _contacts.push(_contact);
+      } else if (context == 'energyEquipment' && _contact.energyEquipmentIds.includes(guid)) {
+        _contacts.push(_contact);
       }
     });
     if (_contacts.length > 0) {