mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
43 lines
2.0 KiB
HTML
43 lines
2.0 KiB
HTML
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Database settings</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div [hidden]="!error" class="alert alert-danger" role="alert"><strong>Error: </strong>{{error}}</div>
|
|
<form #settingsForm="ngForm">
|
|
<p class="title">Type:</p>
|
|
<select class="form-control" [(ngModel)]="settings.type" name="type" required>
|
|
<option *ngFor="let type of types" [ngValue]="type.key">{{type.value}}
|
|
</option>
|
|
</select>
|
|
<span *ngIf="settings.type == DatabaseType.mysql"
|
|
class="help-block">Install manually mysql node module to use mysql (npm install mysql)</span>
|
|
|
|
<ng-container *ngIf="settings.type == DatabaseType.mysql">
|
|
<p class="title">MySQL settings:</p>
|
|
<input type="text" class="form-control" placeholder="Host" autofocus
|
|
[(ngModel)]="settings.mysql.host" name="host" required>
|
|
<input type="text" class="form-control" placeholder="Database" autofocus
|
|
[(ngModel)]="settings.mysql.database" name="database" required>
|
|
<input type="text" class="form-control" placeholder="Username"
|
|
[(ngModel)]="settings.mysql.username" name="username">
|
|
<input type="password" class="form-control" placeholder="Password"
|
|
[(ngModel)]="settings.mysql.password" name="password">
|
|
</ng-container>
|
|
<ng-container *ngIf="settings.type == DatabaseType.sqlite">
|
|
<p class="title">SQLie settings:</p>
|
|
<input type="text" class="form-control" placeholder="storage" autofocus
|
|
[(ngModel)]="settings.sqlite.storage" name="host" required>
|
|
</ng-container>
|
|
|
|
</form>
|
|
<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>
|