From ad0eab880c4a893f174141050d4d53e9f5f35868 Mon Sep 17 00:00:00 2001
From: Alex Shnitman <alexta69@gmail.com>
Date: Thu, 23 Jun 2022 23:30:09 +0300
Subject: angular 13 and bootstrap 5

---
 ui/src/app/master-checkbox.component.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'ui/src/app/master-checkbox.component.ts')

diff --git a/ui/src/app/master-checkbox.component.ts b/ui/src/app/master-checkbox.component.ts
index 8c8208a..a8358fc 100644
--- a/ui/src/app/master-checkbox.component.ts
+++ b/ui/src/app/master-checkbox.component.ts
@@ -7,9 +7,9 @@ interface Checkable {
 @Component({
   selector: 'app-master-checkbox',
   template: `
-  <div class="custom-control custom-checkbox">
-    <input type="checkbox" class="custom-control-input" id="{{id}}-select-all" #masterCheckbox [(ngModel)]="selected" (change)="clicked()">
-    <label class="custom-control-label" for="{{id}}-select-all"></label>
+  <div class="form-check">
+    <input type="checkbox" class="form-check-input" id="{{id}}-select-all" #masterCheckbox [(ngModel)]="selected" (change)="clicked()">
+    <label class="form-check-label" for="{{id}}-select-all"></label>
   </div>
 `
 })
@@ -40,9 +40,9 @@ export class MasterCheckboxComponent {
 @Component({
   selector: 'app-slave-checkbox',
   template: `
-  <div class="custom-control custom-checkbox">
-    <input type="checkbox" class="custom-control-input" id="{{master.id}}-{{id}}-select" [(ngModel)]="checkable.checked" (change)="master.selectionChanged()">
-    <label class="custom-control-label" for="{{master.id}}-{{id}}-select"></label>
+  <div class="form-check">
+    <input type="checkbox" class="form-check-input" id="{{master.id}}-{{id}}-select" [(ngModel)]="checkable.checked" (change)="master.selectionChanged()">
+    <label class="form-check-label" for="{{master.id}}-{{id}}-select"></label>
   </div>
 `
 })
-- 
cgit