Refactoring

Author: bl4de

.eslintrc.js

@@ -15,12 +15,12 @@ module.exports = {
     'linebreak-style': ['error', 'unix'], // enforce unix linebreaks
     'no-param-reassign': [2, { props: false }], // allow modifying properties of param
     'no-use-before-define': [2, { functions: false }],
-    // 'no-console': [
-    //   'error',
-    //   {
-    //     allow: ['warn', 'error', 'info', 'debug'],
-    //   },
-    // ],
+    'no-console': [
+      'error',
+      {
+        allow: ['warn', 'error', 'info', 'debug'],
+      },
+    ],
     'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
   },
 };

blocks/header/header.js

@@ -14,7 +14,7 @@ import { renderAuthDropdown } from './renderAuthDropdown.js';
 
 import {
   isDesktop,
-  parseNavSections,
+  parseUrlHashTags,
   toggleAllNavSections,
   toggleMenu,
 } from './menu/menu.js';
@@ -65,7 +65,7 @@ export default async function decorate(block) {
           }
         });
       });
-    parseUrlHashTags();
+    parseUrlHashTags(navSections);
   }
 
   const navTools = nav.querySelector('.nav-tools');

blocks/header/menu/menu.js

@@ -104,21 +104,43 @@ function toggleMenu(nav, navSections, forceExpanded = null) {
   }
 }
 
+/**
+ * Applies parsed hash tags based on conditions
+ *
+ * @param aElement
+ * @param hashTags
+ */
+function applyCondition(aElement, hashTags) {
+  hashTags.forEach((hashTag) => {
+    const { namespace, value } = { ...hashTag };
+
+    if (namespace === 'display_for_') {
+      if (value === 'desktop_only' && !isDesktop) {
+        aElement.parentNode.removeChild(aElement);
+      }
+      if (value === 'mobile_only' && isDesktop) {
+        aElement.parentNode.removeChild(aElement);
+      }
+    }
+  });
+}
+
 /**
  * Parses nav fragment; disable visible elements based on hash tags
  *
  * @param navSections
  * @returns {*}
  */
-function parseUrlHashTags() {
+function parseUrlHashTags(navSections) {
   const aElements = navSections.querySelectorAll('li > a');
 
   aElements.forEach((aElement) => {
     const link = aElement.href;
     if (link) {
       const hashTags = parseHashTag(link);
       console.table(`Hash tags for ${link}`, hashTags);
-      // liElement.parentNode.removeChild(liElement);
+
+      applyCondition(aElement, hashTags);
     }
   });
 }