wickes-css2 2.96.0-develop.4 → 2.96.0-develop.5

package/src/js/components/general/main-nav.js

@@ -34,7 +34,7 @@ Wick.MainNav = (function () {
                       <ul class="main-nav__menu">
                           ${menuSection.children.map(createMainNavItems).join('')}
                       </ul>
-                    </div>
+                  </div>
                 </li>
               `
           } else {
@@ -66,6 +66,9 @@ Wick.MainNav = (function () {
       function createMainNavItems(menuSection) {
         if (menuSection) {
           if (menuSection.children && menuSection.children.length) {
+            if(menuSection.originalChildrenCount) {
+              console.log(menuSection)
+            }
             return `
               <li class="main-nav__menu__item nav-col">
                 <a href="${checkUrl(menuSection)}" class="main-nav__menu__label ${setClass(menuSection, 2)}" tabindex="0" ${setColor(menuSection)}>
@@ -259,25 +262,31 @@ Wick.MainNav = (function () {
         });
       }
 
-      checkIfRealEnvironment();
+      function isSSR() {
+        return $mainNav.attr('data-ssr') === 'true'
+      }
+
+      if (isSSR()) {
+        Wick.Nav();
+        Wick.Responsive.callBr();
+      } else {
+        checkIfRealEnvironment();
+      }
     }
   }
 })();
 
 $(document).ready(function () {
-  function init() {
-    const defaultOptions = {
-      type: 'GET',
-      cache: true,
-      link: window.location.origin,
-      local: false
-    };
+  const defaultOptions = {
+    type: 'GET',
+    cache: true,
+    link: window.location.origin,
+    local: false
+  };
 
-    if (!$('#main-nav').length) {
-      return;
-    }
-    Wick.MainNav.createMainNav(defaultOptions);
+  if (!$('#main-nav').length) {
+    return;
   }
 
-  init();
+  Wick.MainNav.createMainNav(defaultOptions);
 });

package/src/js/emulation/main-nav-local.js

@@ -1,19 +1,21 @@
 var Wick = Wick || {};
-Wick.MainNavLocal = (function(){
+
+Wick.MainNavLocal = function(){
     function init() {
         var localOptions = {
             local: true,
             mockData: Wick.MainNavData.returnData()
         };
 
-        if (!$('#main-nav').length) {
+        if (!$('#main-nav').length || !$('.ssc-nav').length) {
             return;
         }
         
+
         setTimeout(()=> {
             Wick.MainNav.createMainNav(localOptions);
         }, 2000)
     }
 
-    init();
-})();
+    init()
+}();

package/src/page_old-navigation.html

@@ -0,0 +1,10 @@
+{{#extend "base" pageClass="" title="Old navigation" oldNav=true hideBreadcrumbs=true pageBasket=true}}
+{{#content "body"}}
+  <main>
+    <div class="container">
+      <h1 class="page-header__title">That example old navigation</h1>
+      <p class="page-header__intro">Must be skeleton and after loading navigation</p>
+    </div>
+  </main>
+{{/content}}
+{{/extend}}

package/src/partials/main-nav.hbs

@@ -1,6 +1,10 @@
 <a id="skip-to-navigation"></a>
-<nav class="main-nav" id="main-nav">
-  {{>skeleton-nav}}
+<nav class="main-nav" id="main-nav" data-ssr="{{#unless oldNav}}true{{/unless}}">
+  {{#if oldNav}}
+    {{> skeleton-nav}}
+  {{else}}
+    {{> navigation/nav-wrapper }}
+  {{/if }}
   {{#unless tradepro-nav}}
     <div class="main-nav__button" data-logged-in="false">
       <a href="/login.html" class="nav-button">

package/src/scss/partials/_main-nav.scss

@@ -215,6 +215,11 @@
     opacity: 0;
     animation: fade-in .5s ease-in-out forwards;
 
+    .main-nav[data-ssr='true'] &:not(.slide-in):not(.slide-in-l2r) {
+      opacity: 1;
+      animation: none;
+    } 
+
     &_order-line {
       color: $blue;
     }
@@ -947,6 +952,10 @@
       padding: 0;
       gap: 30px;
 
+      &-banner {
+        display: none;
+      }
+
       &__label {
         margin-bottom: 10px;
         padding: 0 10px;

package/src/sitemap.html

@@ -921,6 +921,17 @@
                             </a>
                         </li>
                     </ul>
+                    <h3>
+                        Old Navigation
+                    </h3>
+                    <ul>
+                        <li>
+                            <span class="page-id">1</span>
+                            <a href="page_old-navigation.html" target="_blank">
+                                Page with old navigation
+                            </a>
+                        </li>
+                    </ul>
                 </div>
                 <div class="col">
                     <h3>Basket</h3>