+ <div class="form-group row"
+ *ngIf="serviceForm.controls.service_type.value === 'rgw'">
+ <label class="cd-col-form-label"
+ for="realm_name"
+ i18n>Realm</label>
+ <div class="cd-col-form-input">
+ <select class="form-select"
+ id="realm_name"
+ formControlName="realm_name"
+ name="realm_name"
+ [attr.disabled]="realmList.length === 0 || editing ? true : null">
+ <option *ngIf="realmList.length === 0"
+ i18n
+ selected>-- No realm available --</option>
+ <option *ngFor="let realm of realmList"
+ [value]="realm.name">
+ {{ realm.name }}
+ </option>
+ </select>
+ </div>
+ </div>
+
+ <div class="form-group row"
+ *ngIf="serviceForm.controls.service_type.value === 'rgw'">
+ <label class="cd-col-form-label"
+ for="zonegroup_name"
+ i18n>Zone Group</label>
+ <div class="cd-col-form-input">
+ <select class="form-select"
+ id="zonegroup_name"
+ formControlName="zonegroup_name"
+ name="zonegroup_name"
+ [attr.disabled]="zonegroupList.length === 0 || editing ? true : null">
+ <option *ngFor="let zonegroup of zonegroupList"
+ [value]="zonegroup.name">
+ {{ zonegroup.name }}
+ </option>
+ </select>
+ </div>
+ </div>
+
+ <div class="form-group row"
+ *ngIf="serviceForm.controls.service_type.value === 'rgw'">
+ <label class="cd-col-form-label"
+ for="zone_name"
+ i18n>Zone</label>
+ <div class="cd-col-form-input">
+ <select class="form-select"
+ id="zone_name"
+ formControlName="zone_name"
+ name="zone_name"
+ [attr.disabled]="zoneList.length === 0 || editing ? true : null">
+ <option *ngFor="let zone of zoneList"
+ [value]="zone.name">
+ {{ zone.name }}
+ </option>
+ </select>
+ </div>
+ </div>
+