source: public/assets/js/custom.js@ 24a616f

/******/ (() => { // webpackBootstrap
/******/        "use strict";
var __webpack_exports__ = {};
/*!***************************************!*\
  !*** ./resources/assets/js/custom.js ***!
  \***************************************/


(function ($) {
  $(document).on('click', '.layout-builder .layout-builder-toggle', function () {
    $('.layout-builder').toggleClass('show');
  });
  $(window).on('load', function () {
    setTimeout(function () {
      $('.layout-builder').removeClass('show');
    }, 500);
  });
  $('.body').append("\n    <div class=\"layout-builder show\">\n        <div class=\"layout-builder-toggle shw\">\n            <i class=\"ti-settings\"></i>\n        </div>\n        <div class=\"layout-builder-toggle hdn\">\n            <i class=\"ti-close\"></i>\n        </div>\n        <div class=\"layout-builder-body\">\n            <h5>Customizer</h5>\n            <div class=\"mb-3\">\n                <p>Layout</p>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"horizontal-side-menu\" data-layout=\"horizontal-side-menu\">\n                  <label class=\"custom-control-label\" for=\"horizontal-side-menu\">Horizontal Menu</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"icon-side-menu\" data-layout=\"icon-side-menu\">\n                  <label class=\"custom-control-label\" for=\"icon-side-menu\">Icon Menu</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"hidden-side-menu\" data-layout=\"hidden-side-menu\">\n                  <label class=\"custom-control-label\" for=\"hidden-side-menu\">Hidden Menu</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"layout-container-1\" data-layout=\"layout-container icon-side-menu\">\n                  <label class=\"custom-control-label\" for=\"layout-container-1\">Container Layout 1</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"layout-container-2\" data-layout=\"layout-container horizontal-side-menu\">\n                  <label class=\"custom-control-label\" for=\"layout-container-2\">Container Layout 2</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"layout-container-3\" data-layout=\"layout-container hidden-side-menu\">\n                  <label class=\"custom-control-label\" for=\"layout-container-3\">Container Layout 3</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-1\" data-layout=\"dark\">\n                  <label class=\"custom-control-label\" for=\"dark-1\">Dark Layout 1</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-2\" data-layout=\"layout-container dark icon-side-menu\">\n                  <label class=\"custom-control-label\" for=\"dark-2\">Dark Layout 2</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-3\" data-layout=\"layout-container dark horizontal-side-menu\">\n                  <label class=\"custom-control-label\" for=\"dark-3\">Dark Layout 3</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-4\" data-layout=\"layout-container dark hidden-side-menu\">\n                  <label class=\"custom-control-label\" for=\"dark-4\">Dark Layout 4</label>\n                </div>\n            </div>\n            <button id=\"btn-layout-builder-reset\" class=\"btn btn-danger btn-uppercase\">Reset</button>\n            <div class=\"layout-alert mt-3\">\n                <i class=\"fa fa-warning m-r-5 text-warning\"></i>Some theme options can not be displayed in case of combined when they are not relevant each other. For that reason, you are adviced to try all theme options seperately.\n            </div>\n        </div>\n    </div>");
  var site_layout = localStorage.getItem('site_layout');
  $('body').addClass(site_layout);
  $('.layout-builder .layout-builder-body input[type="radio"][data-layout="' + $('body').attr('class') + '"]').prop('checked', true);
  $('.layout-builder .layout-builder-body input[type="radio"]').click(function () {
    var class_names = '';
    $('.layout-builder .layout-builder-body input[type="radio"]:checked').each(function () {
      class_names += ' ' + $(this).data('layout');
    });
    localStorage.setItem('site_layout', class_names);
    window.location.href = window.location.href.replace('#', '');
  });
  $(document).on('click', '#btn-layout-builder', function () {});
  $(document).on('click', '#btn-layout-builder-reset', function () {
    localStorage.removeItem('site_layout');
    localStorage.removeItem('site_layout_dark');
    window.location.href = window.location.href.replace('#', '');
  });
  $(window).on('load', function () {
    if ($('body').hasClass('horizontal-side-menu') && $(window).width() > 768) {
      if ($('body').hasClass('layout-container')) {
        $('.side-menu .side-menu-body').wrap('<div class="container"></div>');
      } else {
        $('.side-menu .side-menu-body').wrap('<div class="container"></div>');
      }

      setTimeout(function () {
        $('.side-menu .side-menu-body > ul').append('<li><a href="#"><span>Other</span></a><ul></ul></li>');
      }, 100);
      $('.side-menu .side-menu-body > ul > li').each(function () {
        var index = $(this).index(),
            $this = $(this);

        if (index > 7) {
          setTimeout(function () {
            $('.side-menu .side-menu-body > ul > li:last-child > ul').append($this.clone());
            $this.addClass('d-none');
          }, 100);
        }
      });
    }
  });
  $(document).on('click', '[data-attr="layout-builder-toggle"]', function () {
    $('.layout-builder').toggleClass('show');
    return false;
  });
})(jQuery);
/******/ })()
;