From 2e4fd33ab6cbb95f0c22e5ea8c27567e52167a72 Mon Sep 17 00:00:00 2001
From: Jake Fink <jfink@bitwarden.com>
Date: Tue, 31 Jan 2023 12:48:52 -0500
Subject: [PATCH] [EC-1050] add CL checkbox to tables (#4600)

* [EC-1050] use CL checkbox on Members table

* [EC-1050] use CL checkboxes on vault table

* [EC-1050] use CL checkboxes on Groups table
---
 apps/web/src/app/organizations/manage/groups.component.html  | 3 ++-
 apps/web/src/app/organizations/members/people.component.html | 3 ++-
 apps/web/src/app/vault/vault-items.component.html            | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/organizations/manage/groups.component.html b/apps/web/src/app/organizations/manage/groups.component.html
index 9d66f934bf..45e3eeabe3 100644
--- a/apps/web/src/app/organizations/manage/groups.component.html
+++ b/apps/web/src/app/organizations/manage/groups.component.html
@@ -45,6 +45,7 @@
           <th bitCell class="tw-w-20">
             <input
               type="checkbox"
+              bitCheckbox
               class="tw-mr-2"
               (change)="toggleAllVisible($event)"
               id="selectAll"
@@ -77,7 +78,7 @@
       <ng-template body>
         <tr bitRow *ngFor="let g of visibleGroups">
           <td bitCell (click)="check(g)" class="tw-cursor-pointer">
-            <input type="checkbox" [(ngModel)]="g.checked" />
+            <input type="checkbox" bitCheckbox [(ngModel)]="g.checked" />
           </td>
           <td bitCell class="tw-cursor-pointer tw-font-bold" (click)="edit(g)">
             <button bitLink>
diff --git a/apps/web/src/app/organizations/members/people.component.html b/apps/web/src/app/organizations/members/people.component.html
index d317ff136d..f6833344ab 100644
--- a/apps/web/src/app/organizations/members/people.component.html
+++ b/apps/web/src/app/organizations/members/people.component.html
@@ -77,6 +77,7 @@
             <th bitCell class="tw-w-20">
               <input
                 type="checkbox"
+                bitCheckbox
                 class="tw-mr-1"
                 (change)="selectAll($any($event.target).checked)"
                 id="selectAll"
@@ -135,7 +136,7 @@
         <ng-template body>
           <tr bitRow *ngFor="let u of searchedUsers" alignContent="middle">
             <td bitCell (click)="checkUser(u)">
-              <input type="checkbox" [(ngModel)]="$any(u).checked" />
+              <input type="checkbox" bitCheckbox [(ngModel)]="$any(u).checked" />
             </td>
             <td bitCell (click)="edit(u)" class="tw-cursor-pointer">
               <div class="tw-flex tw-items-center">
diff --git a/apps/web/src/app/vault/vault-items.component.html b/apps/web/src/app/vault/vault-items.component.html
index d8938bcf8b..82a0f141bc 100644
--- a/apps/web/src/app/vault/vault-items.component.html
+++ b/apps/web/src/app/vault/vault-items.component.html
@@ -14,6 +14,7 @@
           <input
             class="tw-mr-2"
             type="checkbox"
+            bitCheckbox
             id="checkAll"
             (change)="checkAll($any($event.target).checked)"
             [(ngModel)]="isAllChecked"
@@ -85,6 +86,7 @@
             *ngIf="canDeleteCollection(col.node)"
             class="tw-cursor-pointer"
             type="checkbox"
+            bitCheckbox
             [(ngModel)]="$any(col).checked"
             appStopProp
           />
@@ -170,7 +172,7 @@
         alignContent="middle"
       >
         <td bitCell (click)="checkRow(c)" appStopProp>
-          <input type="checkbox" [(ngModel)]="$any(c).checked" appStopProp />
+          <input type="checkbox" bitCheckbox [(ngModel)]="$any(c).checked" appStopProp />
         </td>
         <td bitCell>
           <app-vault-icon [cipher]="c"></app-vault-icon>