assets/src/js/script.js

   1 /*
   2  | -----------------------------------------------------------------------------
   3  | Functionality for off-canvas menu / sidebar visibility
   4  | -----------------------------------------------------------------------------
   5 */
   6
   7 /*jslint browser:true*/
   8
   9 (function (document) {
  10     'use strict';
  11
  12     document.addEventListener('DOMContentLoaded', function () {
  13         var menu = document.getElementById('mobile-menu'),
  14             wrapper = document.getElementById('wrapper'),
  15             content = document.getElementById('content'),
  16             menuVisibilityData = 'data-menu-visible';
  17
  18         /*
  19          | ---------------------------------------------------------------------
  20          | Click on content element results in menu getting closed
  21          | ---------------------------------------------------------------------
  22          */
  23         content.addEventListener('click', function (event) {
  24             if (wrapper.getAttribute(menuVisibilityData)) {
  25                 wrapper.removeAttribute(menuVisibilityData);
  26
  27                 event.preventDefault();
  28                 event.stopPropagation();
  29             }
  30         });
  31
  32         /*
  33          | ---------------------------------------------------------------------
  34          | Click on menu element results in menu getting opened
  35          | ---------------------------------------------------------------------
  36          */
  37         menu.addEventListener('click', function (event) {
  38             if (!wrapper.getAttribute(menuVisibilityData)) {
  39                 wrapper.setAttribute(menuVisibilityData, '1');
  40             } else {
  41                 wrapper.removeAttribute(menuVisibilityData);
  42             }
  43
  44             event.preventDefault();
  45             event.stopPropagation();
  46         });
  47     });
  48 }(document));