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 df7823661a611f107f758168aae8a388331a157b..438046184e58df64bd6338fcf38a9c12abc8f50c 100644 (file)
--- 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 a667f0eb186ac5400a2659b1c431b812b94ce629..97dada071478acde6d336fc57d2cad18e5dfc7f9 100644 (file)
--- 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 a94998968f301ae31672946e55667a1319095e36..c14ddb2bebc9b787799f6b14759222e5ebd53bfc 100644 (file)
--- 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 057702bf1c1df7ff347460f0933b0c0117790383..8c93fab2e6051289f8d4d47f83982824521bfffd 100644 (file)
--- 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 5c974d97e4317b0a910f3f288df0343f59188f2c..b5bfe83edcda06842b473376854a4c82809d7b52 100644 (file)
--- 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 616e9d6369aa86042a304d17ac64c3b1cf470021..e9385129d6da9485cc3c1d086f27ac271dcb3999 100644 (file)
--- 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 462a270dd0bb0945422540858a632274cb285365..0c37a36785ac6f29ed0b1b6b3697add1c7c6d834 100644 (file)
--- 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 99cd318d1f0b138e2395d8f89ed2026924c47915..978d1b95040575c76a009afaf0e34e32c925cb58 100755 (executable)
--- 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 7249f72e03d3e87916a946214719a6f9c15b906b..22d082b212e17578c02a4ae6896f260cd42dc2f2 100644 (file)
--- 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 d7e9cdb7dd622394d6481c6688fe3658e8432908..ce9240ca1d986ab4600468978211f66fd2154979 100644 (file)
--- 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 326989814ebe757866941158afa184d2707ee00f..dff7bc5e046f97820dabb168d5c24d018cdf1397 100644 (file)
--- 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 33e35eb9d5d1871aa6b1f89b2308f3a359e37d77..3f2704a913abb2dbaafcad7c6f7f8bf6d2eb65dd 100644 (file)
--- 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 4ddf6db0cd9d0ac5dd2e0df72a8343c4b3ae7718..9eb6e67fed0d37d85f606785bc0425c030001dd8 100644 (file)
--- 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 7a8d982918fc712b57903e5ad7395498bda2e23e..f1fdb7d29962e1ee0bc5ff1ced757bce90fb81bb 100644 (file)
--- 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 3de20c4896c60ac5622b9314a7c2c6a36c7685d2..80e460886df777aa57fb78b1da2d461d9cbf4a5a 100644 (file)
--- 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 dd0b157c5b1ab78d1640acd04e909ce8f9fece7a..70baacf414cbe5579f7f89976a3dcd87dd02874a 100644 (file)
--- 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 46d3ceaa645160cc789b918bf7ee1c8c91dbbd8b..dd7c666726af43b66832728d9399b141fb220160 100644 (file)
--- 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"\r
         (change)="changeLanguage($event.target.value)"\r
         [(ngModel)]="selectedLanguage"\r
-        class="form-control">\r
+        class="form-control custom-select">\r
   <option *ngFor="let lang of supportedLanguages | keyvalue"\r
           [value]="lang.key">{{ lang.value }}</option>\r
 </select>\r

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 0f85c6d8379db618a498203f3570da0889663fce..5d2a627073befba372cd79e3d3cbdaf90da80b14 100644 (file)
--- 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"