checkbox.component.html 865 Bytes
Newer Older
François Agneray's avatar
François Agneray committed
1
2
3
4
<div class="form-group row">
    <label class="col-3 col-form-label">{{label}}</label>
    <div class="col">
        <div *ngFor="let cb of checkboxes.controls; let i=index" class="form-check form-check-inline">
Tifenn Guillas's avatar
Tifenn Guillas committed
5
6
            <input class="form-check-input" type="checkbox" id="cb_{{_options[i].value}}" [formControl]="cb">
            <label class="form-check-label" for="cb_{{_options[i].value}}">{{_options[i].label}}</label>
François Agneray's avatar
François Agneray committed
7
8
        </div>
    </div>
François Agneray's avatar
François Agneray committed
9
    <div class="col-2 text-center">
10
11
12
13
14
15
        <button class="btn btn-outline-success" *ngIf="!checkboxes.disabled" [hidden]="!isChecked()" (click)="addCriterion()">
            <i class="fas fa-plus fa-fw"></i>
        </button>
        <button class="btn btn-outline-danger" *ngIf="checkboxes.disabled" (click)="deleteCriterion()">
            <i class="fa fa-times fa-fw"></i>
        </button>
François Agneray's avatar
François Agneray committed
16
17
    </div>
</div>