]>
Commit | Line | Data |
---|---|---|
1 | <div class="root flex-column"> | |
2 | <div class="d-flex"> | |
3 | <label class="form-group-checkbox"> | |
4 | <input | |
5 | type="checkbox" | |
6 | [(ngModel)]="checked" | |
7 | (ngModelChange)="onModelChange()" | |
8 | [id]="inputName" | |
9 | [disabled]="disabled" | |
10 | /> | |
11 | <span role="checkbox" [attr.aria-checked]="checked" [attr.aria-label]="labelText || labelInnerHTML"></span> | |
12 | <span *ngIf="labelText">{{ labelText }}</span> | |
13 | <span | |
14 | *ngIf="!labelText && labelInnerHTML" | |
15 | [innerHTML]="labelInnerHTML" | |
16 | ></span> | |
17 | ||
18 | <span *ngIf="labelTemplate"> | |
19 | <ng-container *ngTemplateOutlet="labelTemplate"></ng-container> | |
20 | </span> | |
21 | </label> | |
22 | ||
23 | <my-help | |
24 | *ngIf="helpTemplate" | |
25 | [tooltipPlacement]="helpPlacement" | |
26 | helpType="custom" | |
27 | > | |
28 | <ng-template ptTemplate="customHtml"> | |
29 | <ng-template *ngTemplateOutlet="helpTemplate"></ng-template> | |
30 | </ng-template> | |
31 | </my-help> | |
32 | ||
33 | <div *ngIf="recommended" class="recommended" i18n>Recommended</div> | |
34 | </div> | |
35 | ||
36 | <div class="ml-4 d-flex flex-column"> | |
37 | <small class="wrapper mt-2 text-muted"> | |
38 | <ng-content select="description"></ng-content> | |
39 | </small> | |
40 | ||
41 | <span class="wrapper mt-3"> | |
42 | <ng-content select="extra"></ng-content> | |
43 | </span> | |
44 | </div> | |
45 | </div> |