language-picker-bootstrap-5.pug 1.1 KB

123456789101112131415161718192021222324252627
  1. li.dropdown.dropup.subdued(dropdown).language-picker
  2. a#language-picker-toggle(
  3. href="#",
  4. dropdown-toggle,
  5. data-ol-lang-selector-tooltip,
  6. data-bs-toggle="dropdown",
  7. role="button"
  8. aria-haspopup="true",
  9. aria-expanded="false",
  10. aria-label="Select " + translate('language'),
  11. tooltip=translate('language')
  12. title=translate('language')
  13. )
  14. i.fa.fa-fw.fa-language
  15. |
  16. | #{settings.translatedLanguages[currentLngCode]}
  17. ul.dropdown-menu(role="menu" aria-labelledby="language-picker-toggle")
  18. li.dropdown-header #{translate("language")}
  19. each subdomainDetails, subdomain in settings.i18n.subdomainLang
  20. if !subdomainDetails.hide
  21. - let isActive = subdomainDetails.lngCode === currentLngCode
  22. li.lng-option
  23. a.menu-indent(href=subdomainDetails.url+currentUrlWithQueryParams, role="menuitem", class=isActive ? 'dropdown-item active' : 'dropdown-item', aria-selected=isActive ? 'true' : 'false')
  24. | #{settings.translatedLanguages[subdomainDetails.lngCode]}
  25. if subdomainDetails.lngCode === currentLngCode
  26. span.material-symbols.dropdown-item-trailing-icon.pull-right(aria-hidden="true") check