X-Git-Url: https://git.proxmox.com/?a=blobdiff_plain;f=ceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Ffrontend%2Fsrc%2Fapp%2Fshared%2Fcomponents%2Flanguage-selector%2Flanguage-selector.component.html;h=2ecbbd7cce6df14bd1aa1b16d11d1aa5a9b278f7;hb=33c7a0ef2143973309014ab28861a6fa401a5aa5;hp=4fca0b72c2b677af6eca09c9670484e26e9d9137;hpb=11fdf7f228cb605e22a0e495ebabd3329db96b81;p=ceph.git

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html b/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html
index 4fca0b72c..2ecbbd7cc 100644
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/language-selector/language-selector.component.html
@@ -1,26 +1,17 @@
-<div dropdown
-     *ngIf="isDropdown">
-  <a dropdownToggle
-     class="dropdown-toggle"
-     data-toggle="dropdown"
-     i18n-title
-     title="Select a Language">
-    {{ supportedLanguages[selectedLanguage] }}
-    <span class="caret"></span>
-  </a>
-  <ul *dropdownMenu
-      class="dropdown-menu dropdown-menu-right">
-    <li *ngFor="let lang of supportedLanguages | keyvalue">
-      <a class="dropdown-item"
-         (click)="changeLanguage(lang.key)">{{ lang.value }}</a>
-    </li>
-  </ul>
-</div>
-
-<select *ngIf="!isDropdown"
-        (change)="changeLanguage($event.target.value)"
-        [(ngModel)]="selectedLanguage"
-        class="form-control">
-  <option *ngFor="let lang of supportedLanguages | keyvalue"
-          [value]="lang.key">{{ lang.value }}</option>
-</select>
+<div ngbDropdown
+     display="dynamic"
+     placement="bottom-right">
+  <a ngbDropdownToggle
+     i18n-title
+     title="Select a Language">
+    {{ allLanguages[selectedLanguage] }}
+  </a>
+  <div ngbDropdownMenu>
+    <ng-container *ngFor="let lang of supportedLanguages | keyvalue">
+      <button ngbDropdownItem
+              (click)="changeLanguage(lang.key)">
+        {{ lang.value }}
+      </button>
+    </ng-container>
+  </div>
+</div>