Merge pull request #851 from bcgov/oleks

Added IsActive flag to a Jurisdictions table
bcgov · Dec 5, 2024 · c6cf68a · c6cf68a
2 parents d37a547 + 1a4be28
commit c6cf68a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/...tend/src/app/features/components/manage-jurisdictions/manage-jurisdictions.component.html b/...tend/src/app/features/components/manage-jurisdictions/manage-jurisdictions.component.html
@@ -122,18 +122,27 @@ <h2>Manage Jurisdictions</h2>
                     <i class="pi pi-angle-up"
                         *ngIf="this.sortSub && this.sortSub.prop === 'isBusinessLicenceRequired' && this.sortSub.dir === 'asc'"></i>
                 </th>
+                <th class="sortable-header" id="isActive_header"
+                    [class.sorted]="this.sortSub && this.sortSub.prop === 'isActive'" (click)="onSortSub('isActive')">
+                    Active
+                    <i class="pi pi-angle-down"
+                        *ngIf="this.sortSub && this.sortSub.prop === 'isActive' && this.sortSub.dir === 'desc'"></i>
+                    <i class="pi pi-angle-up"
+                        *ngIf="this.sortSub && this.sortSub.prop === 'isActive' && this.sortSub.dir === 'asc'"></i>
+                </th>
                 <th *ngIf="canEdit"> Update Jurisdiction Info </th>
             </tr>
         </ng-template>
 
         <ng-template pTemplate="body" let-jurisdiction let-index>
-            <tr>
+            <tr [class.inactive-jurisdiction]="!jurisdiction.isActive">
                 <td>{{jurisdiction.organizationNm || '-'}}</td>
                 <td>{{jurisdiction.shapeFileId || '-'}}</td>
                 <td>{{jurisdiction.isPrincipalResidenceRequired?'Yes':'No'}} </td>
                 <td>{{jurisdiction.isStrProhibited?'Yes':'No'}} </td>
                 <td>{{jurisdiction.isStraaExempt?'Yes':'No'}} </td>
                 <td>{{jurisdiction.isBusinessLicenceRequired?'Yes':'No'}} </td>
+                <td>{{jurisdiction.isActive?'Yes':'No'}} </td>
                 <td *ngIf="canEdit" style="text-align: center">
                     <a id="jurisdiction-edit-{{index}}-icon"
                         [routerLink]="'/update-jurisdiction-information/'+jurisdiction.organizationId">

diff --git a/...tend/src/app/features/components/manage-jurisdictions/manage-jurisdictions.component.scss b/...tend/src/app/features/components/manage-jurisdictions/manage-jurisdictions.component.scss
@@ -22,6 +22,11 @@
                     background-color: #C1DDFC;
                 }
             }
+
+            &.inactive-jurisdiction {
+                color: #999999;
+                background-color: #fcfcfc;
+            }
         }
 
         th {