1 | 'use strict';
|
---|
2 |
|
---|
3 | (function ($) {
|
---|
4 |
|
---|
5 | $(document).on('click', '.layout-builder .layout-builder-toggle', function () {
|
---|
6 | $('.layout-builder').toggleClass('show');
|
---|
7 | });
|
---|
8 |
|
---|
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 |
|
---|
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 |
|
---|
144 | })(jQuery);
|
---|