checkbox.component.html 874 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_{{optionList[i].value}}" [formControl]="cb">
            <label class="form-check-label" for="cb_{{optionList[i].value}}">{{optionList[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">
Tifenn Guillas's avatar
Tifenn Guillas committed
10
        <button class="btn btn-outline-success" *ngIf="!checkboxes.disabled" [hidden]="!isChecked()" (click)="emitAdd()">
Tifenn Guillas's avatar
Tifenn Guillas committed
11
            <span class="fas fa-plus fa-fw"></span>
12
        </button>
Tifenn Guillas's avatar
Tifenn Guillas committed
13
        <button class="btn btn-outline-danger" *ngIf="checkboxes.disabled" (click)="emiteDelete()">
Tifenn Guillas's avatar
Tifenn Guillas committed
14
            <span class="fa fa-times fa-fw"></span>
15
        </button>
François Agneray's avatar
François Agneray committed
16
17
    </div>
</div>