language-picker.pug 1.2 KB

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