From: Tiago Melo <tmelo@suse.com>
Date: Fri, 3 May 2019 15:16:29 +0000 (+0000)
Subject: mgr/dashboard: Use bootstrap custom-select
X-Git-Tag: v15.1.0~2239^2
X-Git-Url: http://git.apps.os.sepia.ceph.com/?a=commitdiff_plain;h=150966875302cbcd71c4bfd7d3faa97e3ae5550f;p=ceph-ci.git

mgr/dashboard: Use bootstrap custom-select

Signed-off-by: Tiago Melo <tmelo@suse.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
index df7823661a6..438046184e5 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
@@ -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"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/pool-edit-mode-modal/pool-edit-mode-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/pool-edit-mode-modal/pool-edit-mode-modal.component.html
index a667f0eb186..97dada07147 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/pool-edit-mode-modal/pool-edit-mode-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/pool-edit-mode-modal/pool-edit-mode-modal.component.html
@@ -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>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-form/rbd-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-form/rbd-form.component.html
index a94998968f3..c14ddb2bebc 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-form/rbd-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-form/rbd-form.component.html
@@ -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>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
index 057702bf1c1..8c93fab2e60 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
@@ -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=""
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html
index 5c974d97e43..b5bfe83edcd 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html
@@ -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>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
index 616e9d6369a..e9385129d6d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
@@ -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"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/mgr-modules/mgr-module-form/mgr-module-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/mgr-modules/mgr-module-form/mgr-module-form.component.html
index 462a270dd0b..0c37a36785a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/mgr-modules/mgr-module-form/mgr-module-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/mgr-modules/mgr-module-form/mgr-module-form.component.html
@@ -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"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-recv-speed-modal/osd-recv-speed-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-recv-speed-modal/osd-recv-speed-modal.component.html
index 99cd318d1f0..978d1b95040 100755
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-recv-speed-modal/osd-recv-speed-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-recv-speed-modal/osd-recv-speed-modal.component.html
@@ -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)">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form-client/nfs-form-client.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form-client/nfs-form-client.component.html
index 7249f72e03d..22d082b212e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form-client/nfs-form-client.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form-client/nfs-form-client.component.html
@@ -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">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form/nfs-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form/nfs-form.component.html
index d7e9cdb7dd6..ce9240ca1d9 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form/nfs-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form/nfs-form.component.html
@@ -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">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form.component.html
index 326989814eb..dff7bc5e046 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form.component.html
@@ -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">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.html
index 33e35eb9d5d..3f2704a913a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.html
@@ -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">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
index 4ddf6db0cd9..9eb6e67fed0 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
@@ -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"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-capability-modal/rgw-user-capability-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-capability-modal/rgw-user-capability-modal.component.html
index 7a8d982918f..f1fdb7d2996 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-capability-modal/rgw-user-capability-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-capability-modal/rgw-user-capability-modal.component.html
@@ -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>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-s3-key-modal/rgw-user-s3-key-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-s3-key-modal/rgw-user-s3-key-modal.component.html
index 3de20c4896c..80e460886df 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-s3-key-modal/rgw-user-s3-key-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-s3-key-modal/rgw-user-s3-key-modal.component.html
@@ -31,7 +31,7 @@
                [readonly]="true"
                formControlName="user">
         <select id="user"
-                class="form-control"
+                class="form-control custom-select"
                 formControlName="user"
                 *ngIf="!viewing"
                 autofocus>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-subuser-modal/rgw-user-subuser-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-subuser-modal/rgw-user-subuser-modal.component.html
index dd0b157c5b1..70baacf414c 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-subuser-modal/rgw-user-subuser-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-subuser-modal/rgw-user-subuser-modal.component.html
@@ -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>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html
index 46d3ceaa645..dd7c666726a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html
@@ -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>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html
index 0f85c6d8379..5d2a627073b 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html
@@ -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"