]>
Commit | Line | Data |
---|---|---|
92f5a8d4 | 1 | <cd-modal [modalRef]="modalRef"> |
11fdf7f2 TL |
2 | <ng-container i18n |
3 | class="modal-title">Move an image to trash</ng-container> | |
4 | ||
5 | <ng-container class="modal-content"> | |
6 | <form name="moveForm" | |
7 | class="form" | |
8 | #formDir="ngForm" | |
9 | [formGroup]="moveForm" | |
10 | novalidate> | |
11 | <div class="modal-body"> | |
12 | <p i18n>To move <kbd>{{ poolName }}/{{ imageName }}</kbd> to trash, | |
13 | click <kbd>Move Image</kbd>. Optionally, you can pick an expiration date.</p> | |
14 | ||
15 | <div class="form-group" | |
16 | [ngClass]="{'has-error': moveForm.showError('expiresAt', formDir)}"> | |
17 | <label for="expires" | |
18 | i18n>Protection expires at</label> | |
19 | <input type="text" | |
20 | placeholder="NOT PROTECTED" | |
21 | i18n-placeholder | |
22 | class="form-control" | |
23 | [minDate]="minDate" | |
24 | [bsConfig]="bsConfig" | |
25 | formControlName="expiresAt" | |
26 | bsDatepicker> | |
27 | <span class="help-block" | |
28 | *ngIf="moveForm.showError('expiresAt', formDir, 'format')" | |
29 | i18n>Wrong date format. Please use "YYYY-MM-DD HH:mm:ss".</span> | |
30 | <span class="help-block" | |
31 | *ngIf="moveForm.showError('expiresAt', formDir, 'expired')" | |
32 | i18n>Protection has already expired. Please pick a future date or leave it empty.</span> | |
33 | </div> | |
34 | </div> | |
35 | ||
36 | <div class="modal-footer"> | |
37 | <div class="button-group text-right"> | |
38 | <cd-submit-button i18n | |
39 | [form]="moveForm" | |
40 | (submitAction)="moveImage()">Move Image</cd-submit-button> | |
41 | <cd-back-button [back]="modalRef.hide" | |
42 | name="Cancel" | |
43 | i18n-name> | |
44 | </cd-back-button> | |
45 | </div> | |
46 | </div> | |
47 | </form> | |
48 | </ng-container> | |
49 | </cd-modal> |