<select id="{{ setting }}"
name="{{ setting }}"
*ngIf="limits['type'] === 'enum'"
- class="form-control custom-select"
+ class="custom-select"
[formControlName]="setting">
<option [ngValue]="null"></option>
<option *ngFor="let opt of limits['values']"
i18n>Backstore</label>
<select id="backstore"
name="backstore"
- class="form-control custom-select"
+ class="custom-select"
formControlName="backstore">
<option *ngFor="let bs of backstores"
[value]="bs">{{ bs | iscsiBackstore }}</option>
</label>
<select id="direction"
name="direction"
- class="form-control custom-select"
+ class="custom-select"
formControlName="direction">
<option *ngFor="let direction of directions"
[value]="direction.key">{{ direction.desc }}</option>
</label>
<select id="mirrorMode"
name="mirrorMode"
- class="form-control custom-select"
+ class="custom-select"
formControlName="mirrorMode">
<option *ngFor="let mirrorMode of mirrorModes"
[value]="mirrorMode.id">{{ mirrorMode.name }}</option>
*ngIf="mode === 'editing' || !poolPermission.read">
<select id="pool"
name="pool"
- class="form-control custom-select"
+ class="custom-select"
formControlName="pool"
*ngIf="mode !== 'editing' && poolPermission.read">
<option *ngIf="pools === null"
*ngIf="mode === 'editing' || !poolPermission.read">
<select id="namespace"
name="namespace"
- class="form-control custom-select"
+ class="custom-select"
formControlName="namespace"
*ngIf="mode !== 'editing' && poolPermission.read">
<option *ngIf="pools === null"
*ngIf="mode === 'editing' || !poolPermission.read">
<select id="dataPool"
name="dataPool"
- class="form-control custom-select"
+ class="custom-select"
formControlName="dataPool"
(change)="onDataPoolChange($event.target.value)"
*ngIf="mode !== 'editing' && poolPermission.read">
<div class="cd-col-form-input">
<select id="obj_size"
name="obj_size"
- class="form-control custom-select"
+ class="custom-select"
formControlName="obj_size">
<option *ngFor="let objectSize of objectSizes"
[value]="objectSize">{{ objectSize }}</option>
<div class="cd-col-form-input">
<select id="stripingUnit"
name="stripingUnit"
- class="form-control custom-select"
+ class="custom-select"
formControlName="stripingUnit">
<option i18n
[ngValue]="null">-- Select stripe unit --</option>
*ngIf="!poolPermission.read">
<select id="pool"
name="pool"
- class="form-control custom-select"
+ class="custom-select"
formControlName="pool"
*ngIf="poolPermission.read">
<option *ngIf="pools === null"
*ngIf="!poolPermission.read">
<select id="poolName"
name="poolName"
- class="form-control custom-select"
+ class="custom-select"
formControlName="poolName"
*ngIf="poolPermission.read">
<option value=""
<div class="cd-col-form-input">
<select id="pool"
name="pool"
- class="form-control custom-select"
+ class="custom-select"
[formControlName]="section">
<option [ngValue]="null"
i18n>-- Default --</option>
<label for="logs-priority"
i18n>Priority:</label>
<select id="logs-priority"
- class="form-control custom-select"
+ class="custom-select"
[(ngModel)]="priority"
(ngModelChange)="filterLogs()">
<option *ngFor="let prio of priorities"
formControlName="{{ moduleOption.value.name }}"
*ngIf="moduleOption.value.enum_allowed.length === 0">
<select id="{{ moduleOption.value.name }}"
- class="form-control custom-select"
+ class="custom-select"
formControlName="{{ moduleOption.value.name }}"
*ngIf="moduleOption.value.enum_allowed.length > 0">
<option *ngFor="let value of moduleOption.value.enum_allowed"
for="priority"
i18n>Priority</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="priority"
id="priority"
(change)="onPriorityChange($event.target.value)">
<div class="cd-col-form-input">
<select id="service_type"
name="service_type"
- class="form-control custom-select"
+ class="custom-select"
formControlName="service_type">
<option i18n
[ngValue]="null">-- Select a service type --</option>
<div class="cd-col-form-input">
<select id="backend_service"
name="backend_service"
- class="form-control custom-select"
+ class="custom-select"
formControlName="backend_service"
(change)="prePopulateId()">
<option *ngIf="services === null"
i18n>Placement</label>
<div class="cd-col-form-input">
<select id="placement"
- class="form-control custom-select"
+ class="custom-select"
formControlName="placement">
<option i18n
value="hosts">Hosts</option>
<div class="cd-col-form-input">
<select id="pool"
name="pool"
- class="form-control custom-select"
+ class="custom-select"
formControlName="pool">
<option *ngIf="pools === null"
[ngValue]="null"
<div class="cd-col-form-input">
<select id="snmp_version"
name="snmp_version"
- class="form-control custom-select"
+ class="custom-select"
formControlName="snmp_version"
(change)="clearValidations()">
<option i18n
<div class="cd-col-form-input">
<select id="auth_protocol"
name="auth_protocol"
- class="form-control custom-select"
+ class="custom-select"
formControlName="auth_protocol">
<option i18n
[ngValue]="null">-- Select auth protocol --</option>
<div class="cd-col-form-input">
<select id="privacy_protocol"
name="privacy_protocol"
- class="form-control custom-select"
+ class="custom-select"
formControlName="privacy_protocol">
<option i18n
[ngValue]="null">-- Select privacy protocol --</option>
class="cd-col-form-label"
for="access_type">Access Type</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
name="access_type"
id="access_type"
formControlName="access_type">
<ng-container *ngTemplateOutlet="squashHelperTpl"></ng-container>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
name="squash"
id="squash"
formControlName="squash">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="cluster_id"
name="cluster_id"
id="cluster_id">
for="name"
i18n>Storage Backend</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="name"
name="name"
id="name"
for="fs_name"
i18n>Volume</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="fs_name"
name="fs_name"
id="fs_name"
for="access_type"
i18n>Access Type</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="access_type"
name="access_type"
id="access_type"
<ng-container *ngTemplateOutlet="squashHelper"></ng-container>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
name="squash"
formControlName="squash"
id="squash">
<span class="required"></span>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="root"
name="root"
formControlName="root">
<span class="required"></span>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="failure_domain"
name="failure_domain"
formControlName="failure_domain">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="device_class"
name="device_class"
formControlName="device_class">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="plugin"
name="plugin"
formControlName="plugin">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="crushFailureDomain"
name="crushFailureDomain"
formControlName="crushFailureDomain">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="crushLocality"
name="crushLocality"
formControlName="crushLocality">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="scalar_mds"
name="scalar_mds"
formControlName="scalar_mds">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="technique"
name="technique"
formControlName="technique">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="crushRoot"
name="crushRoot"
formControlName="crushRoot">
</cd-helper>
</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="crushDeviceClass"
name="crushDeviceClass"
formControlName="crushDeviceClass">
for="poolType"
i18n>Pool type</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="poolType"
formControlName="poolType"
name="poolType">
class="cd-col-form-label"
for="pgAutoscaleMode">PG Autoscale</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="pgAutoscaleMode"
name="pgAutoscaleMode"
formControlName="pgAutoscaleMode">
for="erasureProfile">Erasure code profile</label>
<div class="cd-col-form-input">
<div class="input-group">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="erasureProfile"
name="erasureProfile"
formControlName="erasureProfile">
</ng-template>
<div *ngIf="current.rules.length > 0; else noRules">
<div class="input-group">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="crushRule"
formControlName="crushRule"
name="crushSet">
class="cd-col-form-label"
for="mode">Mode</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="mode"
name="mode"
formControlName="mode">
class="cd-col-form-label"
for="algorithm">Algorithm</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="algorithm"
name="algorithm"
formControlName="algorithm">
<div class="cd-col-form-input">
<select id="owner"
name="owner"
- class="form-control custom-select"
+ class="custom-select"
formControlName="owner"
[autofocus]="editing">
<option i18n
<select id="placement-target"
name="placement-target"
formControlName="placement-target"
- class="form-control custom-select">
+ class="custom-select">
<option i18n
*ngIf="placementTargets === null"
[ngValue]="null">Loading...</option>
for="lock_mode"
i18n>Mode</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="lock_mode"
name="lock_mode"
id="lock_mode">
[readonly]="true"
formControlName="type">
<select id="type"
- class="form-control custom-select"
+ class="custom-select"
formControlName="type"
*ngIf="!editing"
autofocus>
i18n>Permission</label>
<div class="cd-col-form-input">
<select id="perm"
- class="form-control custom-select"
+ class="custom-select"
formControlName="perm">
<option i18n
[ngValue]="null">-- Select a permission --</option>
for="max_buckets_mode"
i18n>Max. buckets</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
formControlName="max_buckets_mode"
name="max_buckets_mode"
id="max_buckets_mode"
[readonly]="true"
formControlName="user">
<select id="user"
- class="form-control custom-select"
+ class="custom-select"
formControlName="user"
*ngIf="!viewing"
autofocus>
i18n>Permission</label>
<div class="cd-col-form-input">
<select id="perm"
- class="form-control custom-select"
+ class="custom-select"
formControlName="perm">
<option i18n
[ngValue]="null">-- Select a permission --</option>
for="project"
i18n>Project name</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="project"
formControlName="project">
<option ngValue=""
for="tracker"
i18n>Tracker</label>
<div class="cd-col-form-input">
- <select class="form-control custom-select"
+ <select class="custom-select"
id="tracker"
formControlName="tracker">
<option ngValue=""
[formControlName]="field.name"
cdDimlessBinary>
<select *ngIf="field.type === 'select'"
- class="form-control custom-select"
+ class="custom-select"
[id]="field.name"
[formControlName]="field.name">
<option *ngIf="field?.typeConfig?.placeholder"
i18n>Refresh</label>
<select id="refreshInterval"
name="refreshInterval"
- class="form-control custom-select"
+ class="custom-select"
(change)="changeRefreshInterval($event.target.value)"
[(ngModel)]="selectedInterval">
<option *ngFor="let key of intervalKeys"