2017-07-15 20:27:12 +08:00
|
|
|
<form #settingsForm="ngForm">
|
|
|
|
|
<div class="panel panel-default"
|
2017-07-15 21:29:04 +08:00
|
|
|
[ngClass]="_settingsService.settings.enabled && !_settingsService.isSupported()?'panel-warning':''">
|
2017-07-15 20:27:12 +08:00
|
|
|
<div class="panel-heading">
|
|
|
|
|
<h3 class="panel-title col-sm-4">Search settings</h3>
|
|
|
|
|
<div class="switch-wrapper col-sm-8">
|
|
|
|
|
<bSwitch
|
|
|
|
|
class="switch"
|
|
|
|
|
name="enabled"
|
|
|
|
|
[switch-on-color]="'success'"
|
|
|
|
|
[switch-inverse]="'inverse'"
|
|
|
|
|
[switch-off-text]="'Disabled'"
|
|
|
|
|
[switch-on-text]="'Enabled'"
|
|
|
|
|
[switch-disabled]="inProgress || (!_settingsService.settings.enabled && !_settingsService.isSupported())"
|
|
|
|
|
[switch-handle-width]="'100'"
|
|
|
|
|
[switch-label-width]="'20'"
|
|
|
|
|
[(ngModel)]="_settingsService.settings.enabled">
|
|
|
|
|
</bSwitch>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel-body">
|
|
|
|
|
<div [hidden]="!error" class="alert alert-danger" role="alert"><strong>Error: </strong>{{error}}</div>
|
|
|
|
|
|
2017-07-15 21:29:04 +08:00
|
|
|
<ng-container *ngIf="_settingsService.settings.enabled || _settingsService.isSupported()">
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-2 control-label" for="autocompleteEnabled">Autocomplete</label>
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
<bSwitch
|
|
|
|
|
id="autocompleteEnabled"
|
|
|
|
|
class="switch"
|
|
|
|
|
name="autocompleteEnabled"
|
|
|
|
|
[switch-on-color]="'primary'"
|
|
|
|
|
[switch-disabled]="!_settingsService.settings.enabled"
|
|
|
|
|
[switch-inverse]="'inverse'"
|
|
|
|
|
[switch-off-text]="'Disabled'"
|
|
|
|
|
[switch-on-text]="'Enabled'"
|
|
|
|
|
[switch-handle-width]="'100'"
|
|
|
|
|
[switch-label-width]="'20'"
|
|
|
|
|
[(ngModel)]="_settingsService.settings.autocompleteEnabled">
|
|
|
|
|
</bSwitch>
|
|
|
|
|
</div>
|
2017-07-15 20:27:12 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2017-07-15 21:29:04 +08:00
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-2 control-label" for="instantSearchEnabled">Instant search</label>
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
<bSwitch
|
|
|
|
|
id="instantSearchEnabled"
|
|
|
|
|
class="switch"
|
|
|
|
|
name="instantSearchEnabled"
|
|
|
|
|
[switch-on-color]="'primary'"
|
|
|
|
|
[switch-disabled]="!_settingsService.settings.enabled"
|
|
|
|
|
[switch-inverse]="'inverse'"
|
|
|
|
|
[switch-off-text]="'Disabled'"
|
|
|
|
|
[switch-on-text]="'Enabled'"
|
|
|
|
|
[switch-handle-width]="'100'"
|
|
|
|
|
[switch-label-width]="'20'"
|
|
|
|
|
[(ngModel)]="_settingsService.settings.instantSearchEnabled">
|
|
|
|
|
</bSwitch>
|
|
|
|
|
</div>
|
2017-07-15 20:27:12 +08:00
|
|
|
</div>
|
|
|
|
|
|
2017-07-15 21:29:04 +08:00
|
|
|
</ng-container>
|
|
|
|
|
<div class="panel-info" *ngIf="(!_settingsService.settings.enabled && !_settingsService.isSupported())">
|
|
|
|
|
Search is not supported with these settings
|
|
|
|
|
</div>
|
2017-07-15 20:27:12 +08:00
|
|
|
<button class="btn btn-success pull-right"
|
|
|
|
|
[disabled]="!settingsForm.form.valid || !changed || inProgress"
|
|
|
|
|
(click)="save()">Save
|
|
|
|
|
</button>
|
|
|
|
|
<button class="btn btn-default pull-right"
|
|
|
|
|
(click)="reset()">Reset
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</form>
|
