spacingClass="mb-3"
*ngIf="showImageField"
i18n>Make sure to put the correct image. Passing an incorrect image can lead the cluster into an undesired state.</cd-alert-panel>
- <div class="form-group row">
+ <div *ngIf="versions"
+ class="form-group row">
<label class="cd-col-form-label"
[ngClass]="{'required': !showImageField}"
for="availableVersions"
</div>
</div>
- <div class="form-group row">
+ <div *ngIf="versions"
+ class="form-group row">
<div class="cd-col-form-offset">
<div class="custom-control custom-checkbox">
<input type="checkbox"
<!-- Custom image name input-->
<div class="form-group row"
- *ngIf="showImageField">
+ *ngIf="showImageField || !versions">
<label class="cd-col-form-label required"
for="customImageName"
i18n>Image</label>
useImage: new FormControl(false),
customImageName: new FormControl(null)
});
+ if (this.versions === undefined) {
+ const availableVersionsControl = this.upgradeForm.get('availableVersions');
+ availableVersionsControl.clearValidators();
+ const customImageNameControl = this.upgradeForm.get('customImageName');
+ customImageNameControl.setValidators(Validators.required);
+ customImageNameControl.updateValueAndValidity();
+ }
}
startUpgrade() {
class="text-success"></i>
Cluster is up-to-date
</span>
+ <a class="link-primary mb-2"
+ (click)="startUpgradeModal()"
+ i18n>Upgrade using custom image...</a>
</ng-template>
<ng-template #warningIcon>
<i [ngClass]="[icons.danger]"></i>
{{ errorMessage }}
</span>
+ <a class="link-primary mb-2"
+ (click)="startUpgradeModal()"
+ i18n>Upgrade using custom image...</a>
</div>
</ng-template>