mirror of
https://github.com/ceph/ceph
synced 2025-04-01 23:02:17 +00:00
mgr/dashboard: Use bootstrap custom-select
Signed-off-by: Tiago Melo <tmelo@suse.com>
This commit is contained in:
Tiago Melo
parent
4a165a9af1
commit
1509668753
src/pybind/mgr/dashboard/frontend/src/app
ceph
block
iscsi-target-image-settings-modal
mirroring/pool-edit-mode-modal
rbd-form
rbd-trash-purge-modal
cluster
configuration
logs
mgr-modules/mgr-module-form
osd/osd-recv-speed-modal
nfs
pool
rgw
rgw-bucket-form
rgw-user-capability-modal
rgw-user-s3-key-modal
rgw-user-subuser-modal
shared/components
@ -16,7 +16,7 @@
|
||||
i18n>Backstore</label>
|
||||
<select id="backstore"
|
||||
name="backstore"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
[(ngModel)]="model.backstore"
|
||||
[disabled]="backstores.length == 1">
|
||||
<option *ngFor="let bs of backstores"
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
</label>
|
||||
<select id="mirrorMode"
|
||||
name="mirrorMode"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="mirrorMode">
|
||||
<option *ngFor="let mirrorMode of mirrorModes"
|
||||
[value]="mirrorMode.id">{{ mirrorMode.name }}</option>
|
||||
|
||||
@ -69,7 +69,7 @@
|
||||
*ngIf="mode === 'editing' || !poolPermission.read">
|
||||
<select id="pool"
|
||||
name="pool"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="pool"
|
||||
*ngIf="mode !== 'editing' && poolPermission.read">
|
||||
<option *ngIf="pools === null"
|
||||
@ -129,7 +129,7 @@
|
||||
*ngIf="mode === 'editing' || !poolPermission.read">
|
||||
<select id="dataPool"
|
||||
name="dataPool"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="dataPool"
|
||||
(change)="onDataPoolChange($event.target.value)"
|
||||
*ngIf="mode !== 'editing' && poolPermission.read">
|
||||
@ -228,7 +228,7 @@
|
||||
<div class="col-sm-9">
|
||||
<select id="obj_size"
|
||||
name="obj_size"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="obj_size">
|
||||
<option *ngFor="let objectSize of objectSizes"
|
||||
[value]="objectSize">{{ objectSize }}</option>
|
||||
@ -248,7 +248,7 @@
|
||||
<div class="col-sm-9">
|
||||
<select id="stripingUnit"
|
||||
name="stripingUnit"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="stripingUnit">
|
||||
<option i18n
|
||||
[ngValue]="null">-- Select stripe unit --</option>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
i18n-placeholder
|
||||
formControlName="poolName"
|
||||
*ngIf="!poolPermission.read">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="poolName"
|
||||
*ngIf="poolPermission.read">
|
||||
<option value=""
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<div class="form-group filter"
|
||||
*ngFor="let filter of filters">
|
||||
<label>{{ filter.label }}: </label>
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
[(ngModel)]="filter.value"
|
||||
(ngModelChange)="updateFilter()">
|
||||
<option *ngFor="let opt of filter.options">{{ opt }}</option>
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<label i18n>Priority:</label>
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
[(ngModel)]="priority"
|
||||
(ngModelChange)="filterLogs()">
|
||||
<option *ngFor="let prio of prioritys"
|
||||
|
||||
@ -48,7 +48,7 @@
|
||||
formControlName="{{ moduleOption.value.name }}"
|
||||
*ngIf="moduleOption.value.enum_allowed.length === 0">
|
||||
<select id="{{ moduleOption.value.name }}"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="{{ moduleOption.value.name }}"
|
||||
*ngIf="moduleOption.value.enum_allowed.length > 0">
|
||||
<option *ngFor="let value of moduleOption.value.enum_allowed"
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-6">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="priority"
|
||||
id="priority"
|
||||
(change)="onPriorityChange($event.target.value)">
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
class="col-sm-3 col-form-label"
|
||||
for="access_type">Access Type</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
name="access_type"
|
||||
id="access_type"
|
||||
formControlName="access_type">
|
||||
@ -75,7 +75,7 @@
|
||||
class="col-sm-3 col-form-label"
|
||||
for="squash">Squash</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
name="squash"
|
||||
id="squash"
|
||||
formControlName="squash">
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="cluster_id"
|
||||
name="cluster_id"
|
||||
id="cluster_id"
|
||||
@ -89,7 +89,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="name"
|
||||
name="name"
|
||||
id="name"
|
||||
@ -121,7 +121,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="rgw_user_id"
|
||||
name="rgw_user_id"
|
||||
id="rgw_user_id"
|
||||
@ -153,7 +153,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="user_id"
|
||||
name="user_id"
|
||||
id="user_id">
|
||||
@ -184,7 +184,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="fs_name"
|
||||
name="fs_name"
|
||||
id="fs_name"
|
||||
@ -399,7 +399,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
formControlName="access_type"
|
||||
name="access_type"
|
||||
id="access_type">
|
||||
@ -433,7 +433,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
name="squash"
|
||||
formControlName="squash"
|
||||
id="squash">
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
</cd-helper>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="plugin"
|
||||
name="plugin"
|
||||
formControlName="plugin">
|
||||
@ -172,7 +172,7 @@
|
||||
</cd-helper>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="crushFailureDomain"
|
||||
name="crushFailureDomain"
|
||||
formControlName="crushFailureDomain">
|
||||
@ -196,7 +196,7 @@
|
||||
</cd-helper>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="crushLocality"
|
||||
name="crushLocality"
|
||||
formControlName="crushLocality">
|
||||
@ -223,7 +223,7 @@
|
||||
</cd-helper>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="technique"
|
||||
name="technique"
|
||||
formControlName="technique">
|
||||
@ -281,7 +281,7 @@
|
||||
</cd-helper>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="crushDeviceClass"
|
||||
name="crushDeviceClass"
|
||||
formControlName="crushDeviceClass">
|
||||
|
||||
@ -48,7 +48,7 @@
|
||||
<span class="required"></span>
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="poolType"
|
||||
formControlName="poolType"
|
||||
name="poolType">
|
||||
@ -112,7 +112,7 @@
|
||||
i18n>Crush ruleset</label>
|
||||
<div class="col-sm-9">
|
||||
<div class="input-group">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="crushRule"
|
||||
formControlName="crushRule"
|
||||
name="crushSet">
|
||||
@ -202,7 +202,7 @@
|
||||
for="erasureProfile">Erasure code profile</label>
|
||||
<div class="col-sm-9">
|
||||
<div class="input-group">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="erasureProfile"
|
||||
name="erasureProfile"
|
||||
formControlName="erasureProfile">
|
||||
@ -304,7 +304,7 @@
|
||||
class="col-form-label col-sm-3"
|
||||
for="mode">Mode</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="mode"
|
||||
name="mode"
|
||||
formControlName="mode">
|
||||
@ -322,7 +322,7 @@
|
||||
class="col-form-label col-sm-3"
|
||||
for="algorithm">Algorithm</label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control"
|
||||
<select class="form-control custom-select"
|
||||
id="algorithm"
|
||||
name="algorithm"
|
||||
formControlName="algorithm">
|
||||
|
||||
@ -71,7 +71,7 @@
|
||||
<div class="col-sm-9">
|
||||
<select id="owner"
|
||||
name="owner"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="owner">
|
||||
<option i18n
|
||||
*ngIf="owners === null"
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
[readonly]="true"
|
||||
formControlName="type">
|
||||
<select id="type"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="type"
|
||||
*ngIf="!editing"
|
||||
autofocus>
|
||||
@ -56,7 +56,7 @@
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select id="perm"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="perm">
|
||||
<option i18n
|
||||
[ngValue]="null">-- Select a permission --</option>
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
[readonly]="true"
|
||||
formControlName="user">
|
||||
<select id="user"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="user"
|
||||
*ngIf="!viewing"
|
||||
autofocus>
|
||||
|
||||
@ -61,7 +61,7 @@
|
||||
</label>
|
||||
<div class="col-sm-9">
|
||||
<select id="perm"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
formControlName="perm">
|
||||
<option i18n
|
||||
[ngValue]="null">-- Select a permission --</option>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<select *ngIf="!isDropdown"
|
||||
(change)="changeLanguage($event.target.value)"
|
||||
[(ngModel)]="selectedLanguage"
|
||||
class="form-control">
|
||||
class="form-control custom-select">
|
||||
<option *ngFor="let lang of supportedLanguages | keyvalue"
|
||||
[value]="lang.key">{{ lang.value }}</option>
|
||||
</select>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
i18n>Refresh</label>
|
||||
<select id="refreshInterval"
|
||||
name="refreshInterval"
|
||||
class="form-control"
|
||||
class="form-control custom-select"
|
||||
(change)="changeRefreshInterval($event.target.value)"
|
||||
[(ngModel)]="selectedInterval">
|
||||
<option *ngFor="let key of intervalKeys"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user