client/src/app/shared/shared-forms/peertube-checkbox.component.html

   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"></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>