2018-04-13 06:06:48 +02:00
|
|
|
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
|
|
|
<header>
|
|
|
|
<div class="left">
|
2018-04-13 19:18:43 +02:00
|
|
|
<a routerLink="/folders">{{ "cancel" | i18n }}</a>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-11-02 23:28:53 +01:00
|
|
|
<h1 class="center">
|
2018-04-13 06:06:48 +02:00
|
|
|
<span class="title">{{ title }}</span>
|
2021-12-21 15:43:35 +01:00
|
|
|
</h1>
|
2018-04-13 06:06:48 +02:00
|
|
|
<div class="right">
|
|
|
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
|
|
|
<span [hidden]="form.loading">{{ "save" | i18n }}</span>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-spinner bwi-lg bwi-spin" [hidden]="!form.loading" aria-hidden="true"></i>
|
2018-04-13 06:06:48 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2018-04-13 06:06:48 +02:00
|
|
|
</header>
|
2022-04-29 02:06:33 +02:00
|
|
|
<main tabindex="-1" *ngIf="folder">
|
2018-04-13 06:06:48 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row" appBoxRow>
|
|
|
|
<label for="name">{{ "name" | i18n }}</label>
|
2021-12-21 15:43:35 +01:00
|
|
|
<input
|
2019-02-21 22:53:57 +01:00
|
|
|
id="name"
|
|
|
|
type="text"
|
|
|
|
name="Name"
|
|
|
|
[(ngModel)]="folder.name"
|
|
|
|
[appAutofocus]="!editMode"
|
2021-12-21 15:43:35 +01:00
|
|
|
/>
|
2018-04-13 06:06:48 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box list" *ngIf="editMode">
|
|
|
|
<div class="box-content single-line">
|
|
|
|
<button
|
2021-07-31 21:03:51 +02:00
|
|
|
type="button"
|
2018-04-13 06:06:48 +02:00
|
|
|
class="box-content-row"
|
2021-07-31 21:03:51 +02:00
|
|
|
appStopClick
|
|
|
|
appBlurClick
|
|
|
|
(click)="delete()"
|
2019-02-21 22:53:57 +01:00
|
|
|
[appApiAction]="deletePromise"
|
|
|
|
#deleteBtn
|
|
|
|
>
|
2018-04-13 06:06:48 +02:00
|
|
|
<div class="row-main text-danger">
|
2019-10-08 23:04:44 +02:00
|
|
|
<div class="icon text-danger" aria-hidden="true">
|
2022-01-28 11:53:06 +01:00
|
|
|
<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>
|
2018-04-13 06:06:48 +02:00
|
|
|
</div>
|
|
|
|
<span>{{ "deleteFolder" | i18n }}</span>
|
|
|
|
</div>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2022-04-29 02:06:33 +02:00
|
|
|
</main>
|
2018-04-13 06:06:48 +02:00
|
|
|
</form>
|