1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
pigallery2/frontend/app/settings/other/other.settings.component.html
2018-03-29 20:30:23 -04:00

101 lines
3.7 KiB
HTML

<form #settingsForm="ngForm" class="form-horizontal">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title" i18n>Other settings</h3>
</div>
<div class="panel-body">
<div [hidden]="!error" class="alert alert-danger" role="alert"><strong i18n>Error: </strong>{{error}}</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="enableThreading" i18n>Threading</label>
<div class="col-sm-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>
<span class="help-block" i18n>Runs directory scanning and thumbnail generation (only for Jimp) in a different thread</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="enableOnScrollThumbnailPrioritising" i18n>Scroll based thumbnail
generation</label>
<div class="col-sm-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>
<span class="help-block" i18n>Those thumbnails get higher priority that are visible on the screen</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="enableOnScrollRendering" i18n>Lazy image rendering</label>
<div class="col-sm-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>
<span class="help-block" i18n>Shows only the required amount of photos at once. Renders more if page bottom is reached</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="enableCache" i18n>Cache</label>
<div class="col-sm-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>
<span class="help-block" i18n>Caches directory contents and search results for better performance</span>
</div>
</div>
<button class="btn btn-success pull-right"
[disabled]="!settingsForm.form.valid || !changed || inProgress"
(click)="save()" i18n>Save
</button>
<button class="btn btn-default pull-right"
(click)="reset()" i18n>Reset
</button>
</div>
</div>
</form>