/*
 * @author: your name
 * @date: 2022-06-06 15:12:37
 * @lastedittime: 2022-09-07 09:34:34
 * @lasteditors: fan
 * @description:
 * @filepath: \xhsd_gw_html\src\js\slidenav.js
 * 定义移动端侧边栏弹出脚本行为
 * 该脚本文件依赖于 jquery, 在引入该脚本前需要先引入 jquery
 */
!(function () {
  var module = {
    data: {
      $rootelement: $('.side-nav__popup'),
    },
    popup: function () {
      this.data.$rootelement.addclass('on-pop');
    },
    hide: function () {
      this.data.$rootelement.removeclass('on-pop');
    },
    toggle: function (element) {
      var $element = $(element);
      var $dropdown = $element.find('.m-dropdown');
      var clientheight = $element.find('.m-nav-dropdown').get(0).clientheight;
      console.log('clientheight :>> ', clientheight);
      if ($element.hasclass('toggled')) {
        $dropdown.css('height', 0);
        $element.removeclass('toggled');
      } else {
        $dropdown.css('height', clientheight + 'px');
        $element.addclass('toggled');
      }
    },
    togglesearch: function () {
      $('.slide-search__mobile').toggleclass('on-view');
    },
    init: function () {
      this.data.$rootelement = $('.side-nav__popup');
      var that = this;
      $('.icon-menu').on('click', function (e) {
        console.log('that :>> ', that);
        e.preventdefault();
        that.popup();
      });
      $('.icon-showsearch').on('click', function (e) {
        e.preventdefault();
        that.togglesearch();
      });
      $('.modal-box').on('click', function (e) {
        e.preventdefault();
        that.hide();
      });
      $('.m-nav-item').on('click', function (e) {
        // console.log('currenttarget :>> ', e.currenttarget)
        // console.log('target :>> ', e.target)
        var element = e.currenttarget;
        if (e.target.dataset && e.target.dataset.key === 'toggle') {
          e.preventdefault();
          that.toggle(element);
        }
      });
    },
  };
  $(document).ready(function () {
    module.init();
  });
})();