mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
107 lines
3.8 KiB
HTML
107 lines
3.8 KiB
HTML
<form #settingsForm="ngForm" class="form-horizontal">
|
|
<div class="card mb-4">
|
|
<h5 class="card-header" i18n>
|
|
Other settings
|
|
</h5>
|
|
<div class="card-body">
|
|
<div [hidden]="!error" class="alert alert-danger" role="alert"><strong i18n>Error: </strong>{{error}}</div>
|
|
|
|
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label" for="enableThreading" i18n>Threading</label>
|
|
<div class="col-md-10">
|
|
<bSwitch
|
|
id="enableThreading"
|
|
class="switch"
|
|
name="enableThreading"
|
|
[switch-on-color]="'primary'"
|
|
[switch-inverse]="'inverse'"
|
|
[switch-off-text]="text.Disabled"
|
|
[switch-on-text]="text.Enabled"
|
|
[switch-handle-width]="'100'"
|
|
[switch-label-width]="'20'"
|
|
[(ngModel)]="settings.enableThreading">
|
|
</bSwitch>
|
|
<small class="form-text text-muted" i18n>Runs directory scanning and thumbnail generation (only for Jimp) in a
|
|
different thread
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label" for="enableOnScrollThumbnailPrioritising" i18n>Scroll based thumbnail
|
|
generation</label>
|
|
<div class="col-md-10">
|
|
<bSwitch
|
|
id="enableOnScrollThumbnailPrioritising"
|
|
class="switch"
|
|
name="enableOnScrollThumbnailPrioritising"
|
|
[switch-on-color]="'primary'"
|
|
[switch-inverse]="'inverse'"
|
|
[switch-off-text]="text.Disabled"
|
|
[switch-on-text]="text.Enabled"
|
|
[switch-handle-width]="'100'"
|
|
[switch-label-width]="'20'"
|
|
[(ngModel)]="settings.enableOnScrollThumbnailPrioritising">
|
|
</bSwitch>
|
|
<small class="form-text text-muted" i18n>Those thumbnails get higher priority that are visible on the screen
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label" for="enableOnScrollRendering" i18n>Lazy image rendering</label>
|
|
<div class="col-md-10">
|
|
<bSwitch
|
|
id="enableOnScrollRendering"
|
|
class="switch"
|
|
name="enableOnScrollRendering"
|
|
[switch-on-color]="'primary'"
|
|
[switch-inverse]="'inverse'"
|
|
[switch-off-text]="text.Disabled"
|
|
[switch-on-text]="text.Enabled"
|
|
[switch-handle-width]="'100'"
|
|
[switch-label-width]="'20'"
|
|
[(ngModel)]="settings.enableOnScrollRendering">
|
|
</bSwitch>
|
|
<small class="form-text text-muted" i18n>Shows only the required amount of photos at once. Renders more if
|
|
page bottom is reached
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label" for="enableCache" i18n>Cache</label>
|
|
<div class="col-md-10">
|
|
<bSwitch
|
|
id="enableCache"
|
|
class="switch"
|
|
name="enableCache"
|
|
[switch-on-color]="'primary'"
|
|
[switch-inverse]="'inverse'"
|
|
[switch-off-text]="text.Disabled"
|
|
[switch-on-text]="text.Enabled"
|
|
[switch-handle-width]="'100'"
|
|
[switch-label-width]="'20'"
|
|
[(ngModel)]="settings.enableCache">
|
|
</bSwitch>
|
|
<small class="form-text text-muted" i18n>Caches directory contents and search results for better performance
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<button class="btn btn-success float-right"
|
|
[disabled]="!settingsForm.form.valid || !changed || inProgress"
|
|
(click)="save()" i18n>Save
|
|
</button>
|
|
<button class="btn btn-default float-right"
|
|
(click)="reset()" i18n>Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</form>
|