[7304c7f] | 1 | 'use strict';
|
---|
| 2 |
|
---|
| 3 | (function ($) {
|
---|
| 4 |
|
---|
| 5 | $(document).on('click', '.layout-builder .layout-builder-toggle', function () {
|
---|
| 6 | $('.layout-builder').toggleClass('show');
|
---|
| 7 | });
|
---|
| 8 |
|
---|
[bd9e8e3] | 9 | $(".edit_document_deparment").change(function() {
|
---|
| 10 | var archId = $("input[name='arch_id']");
|
---|
| 11 | var currentArchId = archId.val();
|
---|
| 12 | var currentText = currentArchId.split("/")[1];
|
---|
| 13 | var selectedId = $(this).find('option:selected').val();
|
---|
| 14 |
|
---|
| 15 | if(currentText.length) {
|
---|
| 16 | archId.val(selectedId + "/" + currentText);
|
---|
| 17 | } else {
|
---|
| 18 | archId.val(selectedId + "/");
|
---|
| 19 | }
|
---|
| 20 | });
|
---|
| 21 |
|
---|
[7304c7f] | 22 | $(window).on('load', function () {
|
---|
| 23 | setTimeout(function () {
|
---|
| 24 | $('.layout-builder').removeClass('show');
|
---|
| 25 | }, 500);
|
---|
| 26 | });
|
---|
| 27 |
|
---|
| 28 | $('.body').append(`
|
---|
| 29 | <div class="layout-builder show">
|
---|
| 30 | <div class="layout-builder-toggle shw">
|
---|
| 31 | <i class="ti-settings"></i>
|
---|
| 32 | </div>
|
---|
| 33 | <div class="layout-builder-toggle hdn">
|
---|
| 34 | <i class="ti-close"></i>
|
---|
| 35 | </div>
|
---|
| 36 | <div class="layout-builder-body">
|
---|
| 37 | <h5>Customizer</h5>
|
---|
| 38 | <div class="mb-3">
|
---|
| 39 | <p>Layout</p>
|
---|
| 40 | <div class="custom-control custom-radio">
|
---|
| 41 | <input type="radio" class="custom-control-input" name="layout" id="horizontal-side-menu" data-layout="horizontal-side-menu">
|
---|
| 42 | <label class="custom-control-label" for="horizontal-side-menu">Horizontal Menu</label>
|
---|
| 43 | </div>
|
---|
| 44 | <div class="custom-control custom-radio">
|
---|
| 45 | <input type="radio" class="custom-control-input" name="layout" id="icon-side-menu" data-layout="icon-side-menu">
|
---|
| 46 | <label class="custom-control-label" for="icon-side-menu">Icon Menu</label>
|
---|
| 47 | </div>
|
---|
| 48 | <div class="custom-control custom-radio">
|
---|
| 49 | <input type="radio" class="custom-control-input" name="layout" id="hidden-side-menu" data-layout="hidden-side-menu">
|
---|
| 50 | <label class="custom-control-label" for="hidden-side-menu">Hidden Menu</label>
|
---|
| 51 | </div>
|
---|
| 52 | <div class="custom-control custom-radio">
|
---|
| 53 | <input type="radio" class="custom-control-input" name="layout" id="layout-container-1" data-layout="layout-container icon-side-menu">
|
---|
| 54 | <label class="custom-control-label" for="layout-container-1">Container Layout 1</label>
|
---|
| 55 | </div>
|
---|
| 56 | <div class="custom-control custom-radio">
|
---|
| 57 | <input type="radio" class="custom-control-input" name="layout" id="layout-container-2" data-layout="layout-container horizontal-side-menu">
|
---|
| 58 | <label class="custom-control-label" for="layout-container-2">Container Layout 2</label>
|
---|
| 59 | </div>
|
---|
| 60 | <div class="custom-control custom-radio">
|
---|
| 61 | <input type="radio" class="custom-control-input" name="layout" id="layout-container-3" data-layout="layout-container hidden-side-menu">
|
---|
| 62 | <label class="custom-control-label" for="layout-container-3">Container Layout 3</label>
|
---|
| 63 | </div>
|
---|
| 64 | <div class="custom-control custom-radio">
|
---|
| 65 | <input type="radio" class="custom-control-input" name="layout" id="dark-1" data-layout="dark">
|
---|
| 66 | <label class="custom-control-label" for="dark-1">Dark Layout 1</label>
|
---|
| 67 | </div>
|
---|
| 68 | <div class="custom-control custom-radio">
|
---|
| 69 | <input type="radio" class="custom-control-input" name="layout" id="dark-2" data-layout="layout-container dark icon-side-menu">
|
---|
| 70 | <label class="custom-control-label" for="dark-2">Dark Layout 2</label>
|
---|
| 71 | </div>
|
---|
| 72 | <div class="custom-control custom-radio">
|
---|
| 73 | <input type="radio" class="custom-control-input" name="layout" id="dark-3" data-layout="layout-container dark horizontal-side-menu">
|
---|
| 74 | <label class="custom-control-label" for="dark-3">Dark Layout 3</label>
|
---|
| 75 | </div>
|
---|
| 76 | <div class="custom-control custom-radio">
|
---|
| 77 | <input type="radio" class="custom-control-input" name="layout" id="dark-4" data-layout="layout-container dark hidden-side-menu">
|
---|
| 78 | <label class="custom-control-label" for="dark-4">Dark Layout 4</label>
|
---|
| 79 | </div>
|
---|
| 80 | </div>
|
---|
| 81 | <button id="btn-layout-builder-reset" class="btn btn-danger btn-uppercase">Reset</button>
|
---|
| 82 | <div class="layout-alert mt-3">
|
---|
| 83 | <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.
|
---|
| 84 | </div>
|
---|
| 85 | </div>
|
---|
| 86 | </div>`);
|
---|
| 87 |
|
---|
| 88 | var site_layout = localStorage.getItem('site_layout');
|
---|
| 89 | $('body').addClass(site_layout);
|
---|
| 90 |
|
---|
| 91 | $('.layout-builder .layout-builder-body input[type="radio"][data-layout="' + $('body').attr('class') + '"]').prop('checked', true);
|
---|
| 92 |
|
---|
| 93 | $('.layout-builder .layout-builder-body input[type="radio"]').click(function () {
|
---|
| 94 | var class_names = '';
|
---|
| 95 |
|
---|
| 96 | $('.layout-builder .layout-builder-body input[type="radio"]:checked').each(function () {
|
---|
| 97 | class_names += ' ' + $(this).data('layout');
|
---|
| 98 | });
|
---|
| 99 |
|
---|
| 100 | localStorage.setItem('site_layout', class_names);
|
---|
| 101 |
|
---|
| 102 | window.location.href = (window.location.href).replace('#', '');
|
---|
| 103 | });
|
---|
| 104 |
|
---|
| 105 | $(document).on('click', '#btn-layout-builder', function () {
|
---|
| 106 |
|
---|
| 107 | });
|
---|
| 108 |
|
---|
| 109 | $(document).on('click', '#btn-layout-builder-reset', function () {
|
---|
| 110 | localStorage.removeItem('site_layout');
|
---|
| 111 | localStorage.removeItem('site_layout_dark');
|
---|
| 112 |
|
---|
| 113 | window.location.href = (window.location.href).replace('#', '');
|
---|
| 114 | });
|
---|
| 115 |
|
---|
| 116 | $(window).on('load', function () {
|
---|
| 117 | if ($('body').hasClass('horizontal-side-menu') && $(window).width() > 768) {
|
---|
| 118 | if ($('body').hasClass('layout-container')) {
|
---|
| 119 | $('.side-menu .side-menu-body').wrap('<div class="container"></div>');
|
---|
| 120 | } else {
|
---|
| 121 | $('.side-menu .side-menu-body').wrap('<div class="container"></div>');
|
---|
| 122 | }
|
---|
| 123 | setTimeout(function () {
|
---|
| 124 | $('.side-menu .side-menu-body > ul').append('<li><a href="#"><span>Other</span></a><ul></ul></li>');
|
---|
| 125 | }, 100);
|
---|
| 126 | $('.side-menu .side-menu-body > ul > li').each(function () {
|
---|
| 127 | var index = $(this).index(),
|
---|
| 128 | $this = $(this);
|
---|
| 129 | if (index > 7) {
|
---|
| 130 | setTimeout(function () {
|
---|
| 131 | $('.side-menu .side-menu-body > ul > li:last-child > ul').append($this.clone());
|
---|
| 132 | $this.addClass('d-none');
|
---|
| 133 | }, 100);
|
---|
| 134 | }
|
---|
| 135 | });
|
---|
| 136 | }
|
---|
| 137 | });
|
---|
| 138 |
|
---|
| 139 | $(document).on('click', '[data-attr="layout-builder-toggle"]', function () {
|
---|
| 140 | $('.layout-builder').toggleClass('show');
|
---|
| 141 | return false;
|
---|
| 142 | });
|
---|
| 143 |
|
---|
[bd9e8e3] | 144 | })(jQuery);
|
---|