diff options
| author | Alex Shnitman <alexta69@gmail.com> | 2022-06-23 23:30:09 +0300 |
|---|---|---|
| committer | Alex Shnitman <alexta69@gmail.com> | 2022-06-23 23:30:09 +0300 |
| commit | ad0eab880c4a893f174141050d4d53e9f5f35868 (patch) | |
| tree | 3fa981dfa0394b1d7dd76e9254286db238f4e7c3 /ui/src/app/master-checkbox.component.ts | |
| parent | refactor of the entrypoint feature (diff) | |
| download | metube-ad0eab880c4a893f174141050d4d53e9f5f35868.tar.gz metube-ad0eab880c4a893f174141050d4d53e9f5f35868.tar.bz2 metube-ad0eab880c4a893f174141050d4d53e9f5f35868.zip | |
angular 13 and bootstrap 5
Diffstat (limited to 'ui/src/app/master-checkbox.component.ts')
| -rw-r--r-- | ui/src/app/master-checkbox.component.ts | 12 |
1 files changed, 6 insertions, 6 deletions
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> ` }) |