1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00

improving settings views

This commit is contained in:
Braun Patrik 2017-07-15 17:42:50 +02:00
parent 3f9852a70c
commit 14e81d9091
3 changed files with 18 additions and 7 deletions

View File

@ -1,4 +1,4 @@
<form #settingsForm="ngForm">
<form #settingsForm="ngForm" class="form-horizontal">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title col-sm-4">Map settings</h3>
@ -21,12 +21,19 @@
<div [hidden]="!error" class="alert alert-danger" role="alert"><strong>Error: </strong>{{error}}</div>
<input type="text" class="form-control" placeholder="Google api key"
[(ngModel)]="settings.googleApiKey"
[disabled]="!settings.enabled"
name="googleApiKey" required>
<span class="help-block">To show the images on a map, <a
href="https://developers.google.com/maps/documentation/javascript/get-api-key">google api key</a> is need</span>
<div class="form-group">
<label class="col-sm-2 control-label" for="googleApiKey">Google maps api key</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Google api key"
[(ngModel)]="settings.googleApiKey"
[disabled]="!settings.enabled"
name="googleApiKey" id="googleApiKey" required>
<span class="help-block">To show the images on a map, <a
href="https://developers.google.com/maps/documentation/javascript/get-api-key">google api key</a> is need</span>
</div>
</div>
<button class="btn btn-success pull-right"
[disabled]="!settingsForm.form.valid || !changed || inProgress"

View File

@ -39,6 +39,7 @@
[switch-label-width]="'20'"
[(ngModel)]="settings.autocompleteEnabled">
</bSwitch>
<span class="help-block">Show hints while typing search query</span>
</div>
</div>
@ -59,6 +60,7 @@
[switch-label-width]="'20'"
[(ngModel)]="settings.instantSearchEnabled">
</bSwitch>
<span class="help-block">Enables showing search results, while typing search query</span>
</div>
</div>

View File

@ -38,6 +38,8 @@
[switch-label-width]="'20'"
[(ngModel)]="settings.passwordProtected">
</bSwitch>
<span class="help-block">Enables password protected sharing links</span>
</div>
</div>