paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

bs5: fix settings display

Browse Source
This commit is contained in:
Michael Shamoon
2022-02-19 23:34:32 -08:00
parent e9a3a53849
commit 0eaa1e3385
2 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/common/input/check/check.component.html
View File

@@ -1,5 +1,5 @@
<div class="mb-3 form-check"> <div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled"> <input type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled">
<label class="form-check-label" [for]="inputId">{{title}}</label> <label class="form-check-label" [for]="inputId">{{title}}</label>
<small *ngIf="hint" class="form-text text-muted">{{hint}}</small> <div *ngIf="hint" class="form-text text-muted">{{hint}}</div>
</div> </div>

60
src-ui/src/app/components/manage/settings/settings.component.html
View File

@@ -12,7 +12,7 @@
<h4 i18n>Appearance</h4> <h4 i18n>Appearance</h4>
<div class="form-row form-group"> <div class="row mb-3">
<div class="col-md-3 col-form-label"> <div class="col-md-3 col-form-label">
<span i18n>Display language</span> <span i18n>Display language</span>
</div> </div>
@@ -27,7 +27,7 @@
</div> </div>
</div> </div>
<div class="form-row form-group"> <div class="row mb-3">
<div class="col-md-3 col-form-label"> <div class="col-md-3 col-form-label">
<span i18n>Date display</span> <span i18n>Date display</span>
</div> </div>
@@ -40,29 +40,29 @@
</div> </div>
</div> </div>
<div class="form-row form-group"> <div class="row mb-3">
<div class="col-md-3 col-form-label"> <div class="col-md-3 col-form-label">
<span i18n>Date format</span> <span i18n>Date format</span>
</div> </div>
<div class="col"> <div class="col">
<div class="custom-control custom-radio"> <div class="form-check">
<input type="radio" id="dateFormatShort" name="dateFormat" class="custom-control-input" formControlName="dateFormat" value="shortDate"> <input type="radio" id="dateFormatShort" name="dateFormat" class="form-check-input" formControlName="dateFormat" value="shortDate">
<label class="custom-control-label" for="dateFormatShort" i18n>Short: {{today | customDate:'shortDate':null:computedDateLocale}}</label> <label class="form-check-label" for="dateFormatShort" i18n>Short: {{today | customDate:'shortDate':null:computedDateLocale}}</label>
</div> </div>
<div class="custom-control custom-radio"> <div class="form-check">
<input type="radio" id="dateFormatMedium" name="dateFormat" class="custom-control-input" formControlName="dateFormat" value="mediumDate"> <input type="radio" id="dateFormatMedium" name="dateFormat" class="form-check-input" formControlName="dateFormat" value="mediumDate">
<label class="custom-control-label" for="dateFormatMedium" i18n>Medium: {{today | customDate:'mediumDate':null:computedDateLocale}}</label> <label class="form-check-label" for="dateFormatMedium" i18n>Medium: {{today | customDate:'mediumDate':null:computedDateLocale}}</label>
</div> </div>
<div class="custom-control custom-radio"> <div class="form-check">
<input type="radio" id="dateFormatLong" name="dateFormat" class="custom-control-input" formControlName="dateFormat" value="longDate"> <input type="radio" id="dateFormatLong" name="dateFormat" class="form-check-input" formControlName="dateFormat" value="longDate">
<label class="custom-control-label" for="dateFormatLong" i18n>Long: {{today | customDate:'longDate':null:computedDateLocale}}</label> <label class="form-check-label" for="dateFormatLong" i18n>Long: {{today | customDate:'longDate':null:computedDateLocale}}</label>
</div> </div>
</div> </div>
</div> </div>
<div class="form-row form-group"> <div class="row mb-3">
<div class="col-md-3 col-form-label"> <div class="col-md-3 col-form-label">
<span i18n>Items per page</span> <span i18n>Items per page</span>
</div> </div>
@@ -78,7 +78,7 @@
</div> </div>
</div> </div>
<div class="form-row form-group"> <div class="row mb-3">
<div class="col-md-3 col-form-label"> <div class="col-md-3 col-form-label">
<span i18n>Document editor</span> <span i18n>Document editor</span>
</div> </div>
@@ -89,7 +89,7 @@
</div> </div>
</div> </div>
<div class="form-row form-group"> <div class="row mb-3">
<div class="col-md-3 col-form-label"> <div class="col-md-3 col-form-label">
<span i18n>Dark mode</span> <span i18n>Dark mode</span>
</div> </div>
@@ -102,7 +102,7 @@
<h4 class="mt-4" i18n>Bulk editing</h4> <h4 class="mt-4" i18n>Bulk editing</h4>
<div class="form-row form-group"> <div class="row mb-3">
<div class="offset-md-3 col"> <div class="offset-md-3 col">
<app-input-check i18n-title title="Show confirmation dialogs" formControlName="bulkEditConfirmationDialogs" i18n-hint hint="Deleting documents will always ask for confirmation."></app-input-check> <app-input-check i18n-title title="Show confirmation dialogs" formControlName="bulkEditConfirmationDialogs" i18n-hint hint="Deleting documents will always ask for confirmation."></app-input-check>
<app-input-check i18n-title title="Apply on close" formControlName="bulkEditApplyOnClose"></app-input-check> <app-input-check i18n-title title="Apply on close" formControlName="bulkEditApplyOnClose"></app-input-check>
@@ -118,7 +118,7 @@
<h4 i18n>Document processing</h4> <h4 i18n>Document processing</h4>
<div class="form-row form-group"> <div class="row mb-3">
<div class="offset-md-3 col"> <div class="offset-md-3 col">
<app-input-check i18n-title title="Show notifications when new documents are detected" formControlName="notificationsConsumerNewDocument"></app-input-check> <app-input-check i18n-title title="Show notifications when new documents are detected" formControlName="notificationsConsumerNewDocument"></app-input-check>
<app-input-check i18n-title title="Show notifications when document processing completes successfully" formControlName="notificationsConsumerSuccess"></app-input-check> <app-input-check i18n-title title="Show notifications when document processing completes successfully" formControlName="notificationsConsumerSuccess"></app-input-check>
@@ -136,26 +136,26 @@
<div formGroupName="savedViews"> <div formGroupName="savedViews">
<div *ngFor="let view of savedViews" [formGroupName]="view.id" class="form-row"> <div *ngFor="let view of savedViews" [formGroupName]="view.id" class="row">
<div class="form-group col-4 me-3"> <div class="mb-3 col-4 me-3">
<label for="name_{{view.id}}" i18n>Name</label> <label class="form-label" for="name_{{view.id}}" i18n>Name</label>
<input type="text" class="form-control" formControlName="name" id="name_{{view.id}}"> <input type="text" class="form-control" formControlName="name" id="name_{{view.id}}">
</div> </div>
<div class="form-group col-auto me-3"> <div class="mb-2 col-auto me-3">
<label for="show_on_dashboard_{{view.id}}" i18n>Appears on</label> <label class="form-label" for="show_on_dashboard_{{view.id}}" i18n>Appears on</label>
<div class="custom-control custom-switch"> <div class="form-check form-switch">
<input type="checkbox" class="custom-control-input" id="show_on_dashboard_{{view.id}}" formControlName="show_on_dashboard"> <input type="checkbox" class="form-check-input" id="show_on_dashboard_{{view.id}}" formControlName="show_on_dashboard">
<label class="custom-control-label" for="show_on_dashboard_{{view.id}}" i18n>Show on dashboard</label> <label class="form-check-label" for="show_on_dashboard_{{view.id}}" i18n>Show on dashboard</label>
</div> </div>
<div class="custom-control custom-switch"> <div class="form-check form-switch">
<input type="checkbox" class="custom-control-input" id="show_in_sidebar_{{view.id}}" formControlName="show_in_sidebar"> <input type="checkbox" class="form-check-input" id="show_in_sidebar_{{view.id}}" formControlName="show_in_sidebar">
<label class="custom-control-label" for="show_in_sidebar_{{view.id}}" i18n>Show in sidebar</label> <label class="form-check-label" for="show_in_sidebar_{{view.id}}" i18n>Show in sidebar</label>
</div> </div>
</div> </div>
<div class="form-group col-auto"> <div class="mb-2 col-auto">
<label for="name_{{view.id}}" i18n>Actions</label> <label class="form-label" for="name_{{view.id}}" i18n>Actions</label>
<button type="button" class="btn btn-sm btn-outline-danger form-control" (click)="deleteSavedView(view)" i18n>Delete</button> <button type="button" class="btn btn-sm btn-outline-danger form-control" (click)="deleteSavedView(view)" i18n>Delete</button>
</div> </div>
</div> </div>