https://aclopc5050.com/scripts/homer.v1653573517.js

1/**
2 * HOMER - Responsive Admin Theme
3 * version 1.7
4 *
5 */
6
7$(document).ready(function () {
8
9    // Add special class to minimalize page elements when screen is less than 768px
10    setBodySmall();
11
12    // Handle minimalize sidebar menu
13    $('.hide-menu').click(function(event){
14        event.preventDefault();
15        if ($(window).width() < 769) {
16            $("body").toggleClass("show-sidebar");
17        } else {
18            $("body").toggleClass("hide-sidebar");
19        }
20    });
21
22    // Initialize metsiMenu plugin to sidebar menu
23    $('#side-menu').metisMenu();
24
25    // Initialize animate panel function
26    $('.animate-panel').animatePanel();
27
28    // Function for collapse hpanel
29    $('.panel-heading').click(function(){
30        $(this).find(".showhide").click();
31    });
32    
33    $('.showhide').click(function (event) {
34        event.stopPropagation();
35        event.preventDefault();
36        var hpanel = $(this).closest('div.hpanel');
37        var icon = $(this).find('i:first');
38        var body = hpanel.find('div.panel-body');
39        var footer = hpanel.find('div.panel-footer');
40        body.slideToggle(300);
41        footer.slideToggle(200);
42
43        // Toggle icon from up to down
44        icon.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
45        hpanel.toggleClass('').toggleClass('panel-collapse');
46        setTimeout(function () {
47            hpanel.resize();
48            hpanel.find('[id^=map-]').resize();
49        }, 50);
50    });
51
52    // Function for close hpanel
53    $('.closebox').click(function (event) {
54        event.preventDefault();
55        var hpanel = $(this).closest('div.hpanel');
56        hpanel.remove();
57    });
58
59    // Function for small header
60    $('.small-header-action').click(function(event){
61        event.preventDefault();
62        var icon = $(this).find('i:first');
63        var breadcrumb  = $(this).parent().find('#hbreadcrumb');
64        $(this).parent().parent().parent().toggleClass('small-header');
65        breadcrumb.toggleClass('m-t-lg');
66        icon.toggleClass('fa-arrow-up').toggleClass('fa-arrow-down');
67    });
68
69    // Set minimal height of #wrapper to fit the window
70    setTimeout(function () {
71        fixWrapperHeight();
72    });
73
74    // Sparkline bar chart data and options used under Profile image on left navigation panel
75//    $("#sparkline1").sparkline([5, 6, 7, 2, 0, 4, 2, 4, 5, 7, 2, 4, 12, 11, 4], {
76//        type: 'bar',
77//        barWidth: 7,
78//        height: '30px',
79//        barColor: '#62cb31',
80//        negBarColor: '#53ac2a'
81//    });
82
83    // Initialize tooltips
84    $('.tooltip-demo').tooltip({
85        selector: "[data-toggle=tooltip]"
86    });
87
88    // Initialize popover
89    $("[data-toggle=popover]").popover();
90
91    // Move modal to body
92    // Fix Bootstrap backdrop issu with animation.css
93    $('.modal').appendTo("body");
94    
95    // hide navigation top menu items when they do not have visible child items
96    $(".nav-second-level").each(function(){
97        if ($(this).find("li").length === 0){
98            $(this).parent().hide();
99        }
100    });
101    
102    // expand navigation menu if there is only one top menu item visible
103    if ($("#side-menu > li:visible").length === 1){
104        $("#side-menu > li:visible").addClass("active").find("ul").addClass("in");
105    }
106
107});
108
109$(window).bind("load", function () {
110    // Remove splash screen after load
111    $('.splash').css('display', 'none');
112});
113
114$(window).bind("resize click", function () {
115
116    // Add special class to minimalize page elements when screen is less than 768px
117    setBodySmall();
118
119    // Waint until metsiMenu, collapse and other effect finish and set wrapper height
120    setTimeout(function () {
121        fixWrapperHeight();
122    }, 300);
123});
124
125function fixWrapperHeight() {
126
127    // Get and set current height
128    var headerH = 62;
129    var navigationH = $("#navigation").height();
130    var contentH = $(".content").height();
131
132    // Set new height when contnet height is less then navigation
133    if (contentH < navigationH) {
134        $("#wrapper").css("min-height", navigationH + 'px');
135    }
136
137    // Set new height when contnet height is less then navigation and navigation is less then window
138    if (contentH < navigationH && navigationH < $(window).height()) {
139        $("#wrapper").css("min-height", $(window).height() - headerH  + 'px');
140    }
141
142    // Set new height when contnet is higher then navigation but less then window
143    if (contentH > navigationH && contentH < $(window).height()) {
144        $("#wrapper").css("min-height", $(window).height() - headerH + 'px');
145    }
146}
147
148
149function setBodySmall() {
150    if ($(this).width() < 769) {
151        $('body').addClass('page-small');
152    } else {
153        $('body').removeClass('page-small');
154        $('body').removeClass('show-sidebar');
155    }
156}
157
158// Animate panel function
159$.fn['animatePanel'] = function() {
160
161    var element = $(this);
162    var effect = $(this).data('effect');

163    var delay = $(this).data('delay');
164    var child = $(this).data('child');
165
166    // Set default values for attrs
167    if(!effect) {
168        effect = 'zoomIn';
169    }
170    
171    if(!delay) {
172        delay = 0.06; 
173    } else {
174        delay = delay / 10; 
175    }
176    
177    if(!child) {
178        child = '.row > div';
179    } else {
180        child = "." + child;
181    }
182
183    //Set defaul values for start animation and delay
184    var startAnimation = 0;
185    var start = Math.abs(delay) + startAnimation;
186
187    // Get all visible element and set opactiy to 0
188    var panel = element.find(child);
189    panel.addClass('opacity-0');
190
191    // Get all elements and add effect class
192    panel = element.find(child);
193    panel.addClass('animated-panel').addClass(effect);
194
195    // Add delay for each child elements
196    panel.each(function (i, elm) {
197        start += delay;
198        var rounded = Math.round(start * 10) / 10;
199        $(elm).css('animation-delay', rounded + 's');
200        // Remove opacity 0 after finish
201        $(elm).removeClass('opacity-0');
202    });
203};