language-picker-bootstrap-5.pug 1.2 KB

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