import ceph quincy 17.2.1

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / components / language-selector / language-selector.component.html

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 4fca0b72c2b677af6eca09c9670484e26e9d9137..2ecbbd7cce6df14bd1aa1b16d11d1aa5a9b278f7 100644 (file)
--- 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\r
-     *ngIf="isDropdown">\r
-  <a dropdownToggle\r
-     class="dropdown-toggle"\r
-     data-toggle="dropdown"\r
-     i18n-title\r
-     title="Select a Language">\r
-    {{ supportedLanguages[selectedLanguage] }}\r
-    <span class="caret"></span>\r
-  </a>\r
-  <ul *dropdownMenu\r
-      class="dropdown-menu dropdown-menu-right">\r
-    <li *ngFor="let lang of supportedLanguages | keyvalue">\r
-      <a class="dropdown-item"\r
-         (click)="changeLanguage(lang.key)">{{ lang.value }}</a>\r
-    </li>\r
-  </ul>\r
-</div>\r
-\r
-<select *ngIf="!isDropdown"\r
-        (change)="changeLanguage($event.target.value)"\r
-        [(ngModel)]="selectedLanguage"\r
-        class="form-control">\r
-  <option *ngFor="let lang of supportedLanguages | keyvalue"\r
-          [value]="lang.key">{{ lang.value }}</option>\r
-</select>\r
+<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>