54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
|
<header>
|
|
<div class="left">
|
|
<a routerLink="/folders">{{ "cancel" | i18n }}</a>
|
|
</div>
|
|
<h1 class="center">
|
|
<span class="title">{{ title }}</span>
|
|
</h1>
|
|
<div class="right">
|
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
|
<span [hidden]="form.loading">{{ "save" | i18n }}</span>
|
|
<i class="bwi bwi-spinner bwi-lg bwi-spin" [hidden]="!form.loading" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
<main tabindex="-1" *ngIf="folder">
|
|
<div class="box">
|
|
<div class="box-content">
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="name">{{ "name" | i18n }}</label>
|
|
<input
|
|
id="name"
|
|
type="text"
|
|
name="Name"
|
|
[(ngModel)]="folder.name"
|
|
[appAutofocus]="!editMode"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box list" *ngIf="editMode">
|
|
<div class="box-content single-line">
|
|
<button
|
|
type="button"
|
|
class="box-content-row"
|
|
appStopClick
|
|
appBlurClick
|
|
(click)="delete()"
|
|
[appApiAction]="deletePromise"
|
|
#deleteBtn
|
|
>
|
|
<div class="row-main text-danger">
|
|
<div class="icon text-danger" aria-hidden="true">
|
|
<i class="bwi bwi-trash bwi-lg bwi-fw" [hidden]="deleteBtn.loading"></i>
|
|
<i class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw" [hidden]="!deleteBtn.loading"></i>
|
|
</div>
|
|
<span>{{ "deleteFolder" | i18n }}</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</form>
|