templates/includes/common/web-harmony.html.twig line 1

Open in your IDE?
  1. <link rel="stylesheet" href="{{ web_harmony_css_url }}" />
  2. <script src="{{ web_harmony_js_url }}"></script>
  3. <web-harmony
  4. locale="{{ app.request.locale }}"
  5. {%- if footer_positioning_mobile is defined and footer_positioning_mobile is not empty %} footer-positioning-mobile="{{ footer_positioning_mobile }}"{% endif %}
  6. {%- if footer_positioning_desktop is defined and footer_positioning_desktop is not empty %} footer-positioning-desktop="{{ footer_positioning_desktop }}"{% endif %}
  7. ></web-harmony>
  8. <script>window.WebHarmony.init();</script>
  9. <script>
  10. (function () {
  11. document.body.addEventListener('wh:locale:change', function (event) {
  12. var detail = event.detail;
  13. var newLocale = typeof detail === 'string'
  14. ? detail
  15. : (detail && (detail.locale || detail.lang || detail.code)) || '';
  17. if (!newLocale) {
  18. return;
  19. }
  21. var pathname = window.location.pathname;
  22. var segments = pathname.split('/');
  23. if (segments.length > 1 && segments[1]) {
  24. if (segments[1] === newLocale) {
  25. return;
  26. }
  27. segments[1] = newLocale;
  28. } else {
  29. segments = ['', newLocale];
  30. }
  32. window.location.assign(segments.join('/') + window.location.search + window.location.hash);
  33. });
  34. })();
  35. </script>
  36. <script>
  37. (function () {
  38. var FALLBACK_HEIGHT = 80;
  39. var root = document.documentElement;
  41. function setHeight(value) {
  42. root.style.setProperty('--web-harmony-footer-height', value + 'px');
  43. }
  45. setHeight(FALLBACK_HEIGHT);
  47. function observeFooter(footer) {
  48. var update = function () {
  49. var rect = footer.getBoundingClientRect();
  50. setHeight(Math.ceil(rect.height) || FALLBACK_HEIGHT);
  51. };
  52. update();
  53. if (typeof ResizeObserver === 'function') {
  54. new ResizeObserver(update).observe(footer);
  55. }
  56. window.addEventListener('resize', update);
  57. }
  59. function findAndObserveFooter() {
  60. var footer = document.querySelector('web-harmony footer.TheFooter');
  61. if (footer) {
  62. observeFooter(footer);
  63. return true;
  64. }
  65. return false;
  66. }
  68. if (!findAndObserveFooter()) {
  69. var observer = new MutationObserver(function () {
  70. if (findAndObserveFooter()) observer.disconnect();
  71. });
  72. observer.observe(document.body, { childList: true, subtree: true });
  73. }
  74. })();
  75. </script>
  76. <style>
  77. #body {
  78. display: flex;
  79. flex-direction: column;
  80. }
  81. web-harmony {
  82. display: block;
  83. order: 99;
  84. }
  85. @media (min-width: 960px) {
  86. #body {
  87. padding-left: 80px;
  88. }
  89. }
  90. @media (min-width: 992px) {
  91. .is-Map {
  92. left: 50px;
  93. }
  94. #is-Features {
  95. top: 28px;
  96. left: 110px;
  97. }
  98. }
  99. .is-Button_Search { color: #fff!important; }
  100. </style>