Initial commit

packages/base-design/Resources/Public/JavaScript/matomo.js

@@ -0,0 +1,11 @@
+var _paq = window._paq = window._paq || [];
+/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+_paq.push(['trackPageView']);
+_paq.push(['enableLinkTracking']);
+(function() {
+  var u="https://matomo.cloonar.com/";
+  _paq.push(['setTrackerUrl', u+'matomo.php']);
+  _paq.push(['setSiteId', '6']);
+  var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+  g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+})();

packages/base-design/Resources/Public/JavaScript/meta-nav.js

@@ -0,0 +1,7 @@
+(function($) {
+  console.log("test");
+  $('#meta_menu').click(function (e) {
+    console.log("test");
+    $('#meta_menu').toggleClass('opened');
+  });
+}(jQuery || $));

packages/base-design/Resources/Public/JavaScript/newsAjaxPagination.js

@@ -0,0 +1,31 @@
+document.querySelectorAll('.f3-widget-paginator a').forEach(function (el) {
+  el.addEventListener('click', newsAjaxHandler);
+});
+
+function newsAjaxHandler(e) {
+  var ajaxUrl = e.target.getAttribute('href');
+  if (ajaxUrl !== undefined && ajaxUrl !== '') {
+    e.preventDefault();
+    history.pushState(null, '', ajaxUrl.split('?')[0]);
+    var container = e.target.closest('.frame').getAttribute('id');
+    document.getElementById(container).classList.add('loading');
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', ajaxUrl, true);
+    xhr.onreadystatechange = function() {
+      if (xhr.readyState === 4 && xhr.status === 200) {
+        var parser = new DOMParser();
+        var result = parser.parseFromString(xhr.responseText, 'text/html');
+        var ajaxDom = result.getElementById(container);
+        ajaxDom.querySelectorAll('.f3-widget-paginator a').forEach(function (el) {
+          el.addEventListener('click', newsAjaxHandler);
+        });
+        document.getElementById(container).replaceWith(ajaxDom);
+        window.scrollTo({
+          top: document.getElementById(container).offsetTop - 111,
+          behavior: 'smooth'
+        });
+      }
+    };
+    xhr.send();
+  }
+}

packages/base-design/Resources/Public/JavaScript/search.js

@@ -0,0 +1,15 @@
+const searchButton = document.querySelector(".search-wrap button");
+searchButton.addEventListener("click", function (e) {
+  if(window.innerWidth < 992) return;
+  e.preventDefault();
+  if (!searchButton.parentElement.parentElement.parentElement.classList.contains('opened')) {
+    searchButton.parentElement.parentElement.parentElement.classList.add('opened');
+    searchButton.parentElement.previousElementSibling.focus();
+  } else {
+    if (searchButton.parentElement.previousElementSibling.value != '') {
+      searchButton.closest('form').submit();
+    } else {
+      searchButton.parentElement.parentElement.parentElement.classList.remove('opened');
+    }
+  }
+});

packages/base-design/Resources/Public/Scss/Layout/_fonts.scss

@@ -0,0 +1,3 @@
+body {
+  font-family: 'sans-serif'
+}

packages/base-design/Resources/Public/Scss/Layout/_frame.scss

@@ -0,0 +1,21 @@
+:root {
+  --frame-outer-spacing-variant-zero: 0;
+  --frame-outer-spacing-variant-none: 2rem;
+  --frame-outer-spacing-variant-extra-large: 10rem;
+}
+
+.frame-space-after-none {
+  --frame-outer-spacing-after: var(--frame-outer-spacing-variant-none) !important;
+}
+
+.frame-space-before-none {
+  --frame-outer-spacing-before: var(--frame-outer-spacing-variant-none) !important;
+}
+
+.frame-space-after-zero {
+  --frame-outer-spacing-after: var(--frame-outer-spacing-variant-zero);
+}
+
+.frame-space-before-zero {
+  --frame-outer-spacing-before: var(--frame-outer-spacing-variant-zero);
+}

packages/base-design/Resources/Public/Scss/Layout/_text.scss

@@ -0,0 +1,35 @@
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 500;
+  color: $primary;
+}
+
+.frame-background-primary {
+  color: $white;
+
+  .btn-primary {
+    background: $white;
+    color: $primary;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    color: $white;
+  }
+}
+
+.frame-background-light {
+
+}
+
+a {
+  text-decoration: none;
+}
+
+.btn {
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+}
+
+.btn-primary {
+  color: $white;
+}

packages/base-design/Resources/Public/Scss/Layout/layout.scss

@@ -0,0 +1,6 @@
+@import "fonts";
+@import "footer";
+@import "form";
+@import "frame";
+@import "search";
+@import "text";

packages/base-design/Resources/Public/Scss/main.scss

@@ -0,0 +1,22 @@
+@import "../../../../../vendor/bk2k/bootstrap-package/Resources/Public/Scss/bootstrap5/theme.scss";
+
+@import "Layout/layout";
+@import "Elements/elements";
+
+.frame {
+  &.loading {
+    position: relative;
+
+    &:before {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+        background: rgba(255, 255, 255, .5);
+    }
+  }
+}
+