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
31
32
33
34
35
36
37
38
39
40
41
42
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="row" [ngClass]="{ 'form-group': field.type === 'ish-checkbox-field' }">
  @if (props.title) {
    <div class="col-form-label" [ngClass]="props.titleClass ? props.titleClass : dprops.titleClass">
      {{ props.titleNoTranslate ? props.title : (props.title | translate) }}
      @if (props.required && !props.hideRequiredMarker) {
        <span aria-hidden="true" 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 />
      @if (props.label || props.tooltip) {
        <label
          class="form-check-label"
          [attr.for]="id"
          [ngClass]="props.labelClass ? props.labelClass : dprops.labelClass"
        >
          @if (props.label) {
            <span>{{ props.labelNoTranslate ? props.label : (props.label | translate) }}</span>
          }
          @if (props.tooltip) {
            <ish-field-tooltip [tooltipInfo]="props.tooltip" />
          }
        </label>
      }
    </div>
    @if (showError) {
      <ng-container class="invalid-feedback d-block">
        <ish-validation-message class="validation-message" [field]="field" />
      </ng-container>
    }
  </div>
</div>