]> git.apps.os.sepia.ceph.com Git - ceph-ci.git/blob
d19a2adfa5c4c01df0b398c06d83f8236ae50a7a
[ceph-ci.git] /
1 <cd-modal>
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           <button i18n
42                   type="button"
43                   class="btn btn-sm btn-default"
44                   (click)="modalRef.hide()">Cancel</button>
45         </div>
46       </div>
47     </form>
48   </ng-container>
49 </cd-modal>