2018-10-23 15:25:44 +02:00
|
|
|
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
|
|
|
<header>
|
|
|
|
<div class="left">
|
|
|
|
<button type="button" appBlurClick (click)="cancel()">{{ "cancel" | i18n }}</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-11-02 23:28:53 +01:00
|
|
|
<h1 class="center">
|
2021-06-22 22:44:06 +02:00
|
|
|
<span class="title">{{ "moveToOrganization" | i18n }}</span>
|
2021-12-21 15:43:35 +01:00
|
|
|
</h1>
|
2018-10-23 15:25:44 +02:00
|
|
|
<div class="right">
|
2021-12-21 15:43:35 +01:00
|
|
|
<button
|
2018-10-23 16:29:05 +02:00
|
|
|
type="submit"
|
|
|
|
appBlurClick
|
|
|
|
[disabled]="form.loading || !canSave"
|
2018-10-23 15:25:44 +02:00
|
|
|
*ngIf="organizations && organizations.length"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2021-06-22 22:44:06 +02:00
|
|
|
<span [hidden]="form.loading">{{ "move" | 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-10-23 15:25:44 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2018-10-23 15:25:44 +02:00
|
|
|
</header>
|
2018-10-23 16:29:05 +02:00
|
|
|
<content>
|
2018-10-23 15:25:44 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content" *ngIf="!organizations || !organizations.length">
|
2019-03-06 22:53:58 +01:00
|
|
|
<div class="box-content-row padded no-hover">
|
|
|
|
{{ "noOrganizationsList" | i18n }}
|
2018-10-23 15:25:44 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-10-23 16:29:05 +02:00
|
|
|
<div class="box-content" *ngIf="organizations && organizations.length">
|
2021-06-22 22:44:06 +02:00
|
|
|
<div class="box-content-row" appBoxRow>
|
|
|
|
<label for="organization">{{ "organization" | i18n }}</label>
|
|
|
|
<select
|
2018-10-23 16:29:05 +02:00
|
|
|
id="organization"
|
|
|
|
name="OrganizationId"
|
2021-06-22 22:44:06 +02:00
|
|
|
[(ngModel)]="organizationId"
|
2019-10-08 23:04:44 +02:00
|
|
|
(change)="filterCollections()"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2019-10-08 23:04:44 +02:00
|
|
|
<option *ngFor="let o of organizations" [ngValue]="o.id">{{ o.name }}</option>
|
2018-10-23 15:25:44 +02:00
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box-footer">
|
|
|
|
{{ "moveToOrgDesc" | i18n }}
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-10-23 15:25:44 +02:00
|
|
|
<div class="box" *ngIf="organizations && organizations.length">
|
2019-03-06 22:53:58 +01:00
|
|
|
<h2 class="box-header">
|
|
|
|
{{ "collections" | i18n }}
|
2018-10-23 15:25:44 +02:00
|
|
|
</h2>
|
|
|
|
<div class="box-content" *ngIf="!collections || !collections.length">
|
|
|
|
<div class="box-content-row padded no-hover">
|
2018-10-23 16:29:05 +02:00
|
|
|
{{ "noCollectionsInList" | i18n }}
|
2018-10-23 15:25:44 +02:00
|
|
|
</div>
|
2019-06-25 02:38:23 +02:00
|
|
|
</div>
|
2018-10-23 15:25:44 +02:00
|
|
|
<div class="box-content" *ngIf="collections && collections.length">
|
2019-02-21 22:53:57 +01:00
|
|
|
<div
|
|
|
|
class="box-content-row box-content-row-checkbox"
|
|
|
|
*ngFor="let c of collections; let i = index"
|
|
|
|
appBoxRow
|
|
|
|
>
|
2018-10-23 16:29:05 +02:00
|
|
|
<label for="collection_{{ i }}">{{ c.name }}</label>
|
|
|
|
<input
|
|
|
|
id="collection_{{ i }}"
|
|
|
|
type="checkbox"
|
|
|
|
[(ngModel)]="c.checked"
|
|
|
|
name="Collection[{{ i }}].Checked"
|
2018-10-23 15:25:44 +02:00
|
|
|
/>
|
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-10-23 15:25:44 +02:00
|
|
|
</content>
|
2018-10-23 16:29:05 +02:00
|
|
|
</form>
|