git.apps.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container class="modal-title">
   3     <ng-container i18n>Upgrade Cluster</ng-container>&nbsp;
   4   </ng-container>
   5
   6   <ng-container class="modal-content">
   7     <form name="upgradeForm"
   8           class="form"
   9           #formDir="ngForm"
  10           [formGroup]="upgradeForm"
  11           novalidate>
  12       <div class="modal-body">
  13         <cd-alert-panel type="warning"
  14                         spacingClass="mb-3"
  15                         *ngIf="showImageField"
  16                         i18n>Make sure to put the correct image. Passing an incorrect image can lead the cluster into an undesired state.</cd-alert-panel>
  17         <div class="form-group row">
  18           <label class="cd-col-form-label"
  19                  [ngClass]="{'required': !showImageField}"
  20                  for="availableVersions"
  21                  i18n>New Version</label>
  22           <div class="cd-col-form-input">
  23             <select id="availableVersions"
  24                     name="availableVersions"
  25                     class="form-select"
  26                     formControlName="availableVersions">
  27               <option *ngIf="versions === null"
  28                       ngValue="null"
  29                       i18n>Loading...</option>
  30               <option *ngIf="versions !== null && versions.length === 0"
  31                       [ngValue]="null"
  32                       i18n>-- No version available --</option>
  33               <option *ngIf="versions !== null && versions.length > 0"
  34                       [ngValue]="null"
  35                       i18n>-- Select a version --</option>
  36               <option *ngFor="let version of versions"
  37                       [value]="version">{{ version }}</option>
  38             </select>
  39             <span class="invalid-feedback"
  40                   *ngIf="upgradeForm.showError('availableVersions', formDir, 'required')"
  41                   i18n>This field is required!</span>
  42           </div>
  43         </div>
  44
  45         <div class="form-group row">
  46           <div class="cd-col-form-offset">
  47             <div class="custom-control custom-checkbox">
  48               <input type="checkbox"
  49                      class="custom-control-input"
  50                      id="useImage"
  51                      name="useImage"
  52                      formControlName="useImage"
  53                      (click)="useImage()">
  54               <label class="custom-control-label"
  55                      for="useImage"
  56                      i18n>Use image</label>
  57             </div>
  58           </div>
  59         </div>
  60
  61         <!-- Custom image name input-->
  62         <div class="form-group row"
  63              *ngIf="showImageField">
  64           <label class="cd-col-form-label required"
  65                  for="customImageName"
  66                  i18n>Image</label>
  67           <div class="cd-col-form-input">
  68             <input type="text"
  69                    class="form-control"
  70                    id="customImageName"
  71                    name="customImageName"
  72                    formControlName="customImageName">
  73             <span class="invalid-feedback"
  74                   *ngIf="upgradeForm.showError('customImageName', formDir, 'required')"
  75                   i18n>This field is required!</span>
  76           </div>
  77         </div>
  78       </div>
  79
  80       <div class="modal-footer">
  81         <cd-form-button-panel (submitActionEvent)="startUpgrade()"
  82                               [form]="upgradeForm"
  83                               [submitText]="actionLabels.START_UPGRADE"></cd-form-button-panel>
  84       </div>
  85     </form>
  86   </ng-container>
  87 </cd-modal>