All files / src/app/shared/formly/wrappers/horizontal-checkbox-wrapper horizontal-checkbox-wrapper.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div [ngClass]="{ 'form-group': field.type === 'ish-checkbox-field' }" class="row">
  <div *ngIf="props.title" class="col-form-label" [ngClass]="props.titleClass ? props.titleClass : dprops.titleClass">
    {{ props.titleNoTranslate ? props.title : (props.title | translate)
    }}<span *ngIf="props.required && !props.hideRequiredMarker" class="required">*</span>
  </div>
  <div
    class="col-form-label"
    [class.has-error]="showError"
    [ngClass]="[
      props.fieldClass ? props.fieldClass : dprops.fieldClass,
      props.title || props.fieldClass ? '' : dprops.noTitleClass
    ]"
  >
    <div class="form-check" [attr.data-testing-id]="keyString + '-wrapper'">
      <ng-template #fieldComponent></ng-template>
      <label
        [attr.for]="id"
        class="form-check-label"
        [ngClass]="props.labelClass ? props.labelClass : dprops.labelClass"
      >
        <span *ngIf="props.label">{{ props.labelNoTranslate ? props.label : (props.label | translate) }}</span>
        <ish-field-tooltip *ngIf="props.tooltip" [tooltipInfo]="props.tooltip" />
      </label>
    </div>
    <ng-container *ngIf="showError" class="invalid-feedback d-block">
      <ish-validation-message [field]="field" class="validation-message" />
    </ng-container>
  </div>
</div>