mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-05-24 02:02:23 -04:00
47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
<div class="mb-3">
|
|
<div class="row">
|
|
@if (!horizontal) {
|
|
<div class="d-flex align-items-center position-relative hidden-button-container col-md-3">
|
|
<label class="form-label" [for]="inputId" [ngbTooltip]="showUnsetNote && isUnset ? tipContent: null" placement="end">
|
|
{{title}}
|
|
@if (showUnsetNote && isUnset) {
|
|
<svg class="sidebaricon-sm ms-1" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#exclamation-triangle"/>
|
|
</svg>
|
|
}
|
|
</label>
|
|
@if (removable) {
|
|
<button type="button" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#x"/>
|
|
</svg> <ng-container i18n>Remove</ng-container>
|
|
</button>
|
|
}
|
|
</div>
|
|
}
|
|
<div [ngClass]="{'col-md-9': horizontal, 'align-items-center': horizontal, 'd-flex': horizontal}">
|
|
<div class="form-check form-switch">
|
|
<input #inputField type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled">
|
|
@if (horizontal) {
|
|
<label class="form-check-label" [class.text-muted]="showUnsetNote && isUnset" [for]="inputId" [ngbTooltip]="showUnsetNote && isUnset ? tipContent: null" placement="end">
|
|
{{title}}
|
|
@if (showUnsetNote && isUnset) {
|
|
<svg class="sidebaricon-sm ms-1" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#exclamation-triangle"/>
|
|
</svg>
|
|
}
|
|
</label>
|
|
}
|
|
@if (hint) {
|
|
<div class="form-text text-muted">{{hint}}</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<ng-template #tipContent>
|
|
<span class="text-light fst-italic" i18n>Note: value has not yet been set and will not apply until explicitly changed</span>
|
|
</ng-template>
|