pdnsmanager/frontend/src/app/pages/edit-user/edit-user.component.html
2018-04-10 22:03:56 +02:00

66 lines
3 KiB
HTML

<div class="row">
<div class="col-12 col-md-4 col-lg-3">
<p class="font-weight-bold">Edit user {{ username }}</p>
<form autocomplete="off" [formGroup]="userForm" (ngSubmit)="onSubmit()">
<div class="form-group" *ngIf="isNative">
<label>Name</label>
<input type="text" class="form-control auto-invalid" formControlName="name" />
<div class="invalid-feedback">
Name can not be empty.
</div>
</div>
<div class="form-group" *ngIf="isNative">
<label>Password</label>
<input type="password" class="form-control auto-valid" formControlName="password" placeholder="(unchanged)"
/>
</div>
<div class="form-group" *ngIf="isNative">
<label>Repeat password</label>
<input type="password" class="form-control auto-validstate" formControlName="password2" placeholder="(unchanged)"
/>
<div class="invalid-feedback">
Passwords do not match.
</div>
</div>
<div class="form-group">
<label>Type</label>
<app-select [options]="['user', 'admin']" notNull formControlName="type"></app-select>
</div>
<button type="submit" class="btn btn-primary float-right" [disabled]="!userForm.valid || userForm.pristine">Save</button>
</form>
</div>
<div class="col-12 col-md-8 col-lg-8 offset-lg-1">
<div class="row no-gutters">
<div class="col-12 col-md-8 col-lg-4">
<p class="font-weight-bold">Add permission for domain</p>
<app-search (resultClicked)="addPermissionFor($event)" [searchService]="domains"></app-search>
</div>
</div>
<div class="row no-gutters mt-3">
<div class="col-12 col-lg-8">
<p class="font-weight-bold">Manage existing permissions</p>
<app-pagesize class="float-md-right" [pagesizes]="gs.pageSizes" [currentPagesize]="gs.pageSize" (pagesizeChange)="onPagesizeChange($event)"></app-pagesize>
<table class="table table-hover">
<tbody>
<tr *ngFor="let permission of permissions">
<td>{{ permission.domainName }}</td>
<td class="w-10">
<app-fa-icon class="cursor-pointer" icon="times" appStopPropagateClick (click)="onRemovePermission(permission)"></app-fa-icon>
</td>
</tr>
</tbody>
</table>
<p *ngIf="permissions.length === 0" class="text-center">There are currently no permission for this user!</p>
<app-paging [pagingInfo]="pagingInfo" [pageWidth]="3" (pageChange)="onPageChange($event)"></app-paging>
</div>
</div>
</div>
</div>