https://cdn.ylcube.com/public/static/assets/js/argon-design-system.js?v=2.0.3

1/*!
2
3 =========================================================
4 * Argon Design System - v1.2.2
5 =========================================================
6
7 * Product Page: https://www.creative-tim.com/product/argon-design-system
8 * Copyright 2020 Creative Tim (http://www.creative-tim.com)
9
10 * Coded by www.creative-tim.com
11
12 =========================================================
13
14 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
15
16 */
17
18
19var transparent = true;
20var big_image;
21
22var transparentDemo = true;
23var fixedTop = false;
24
25var navbar_initialized,
26  backgroundOrange = false,
27  toggle_initialized = false;
28
29var $datepicker = $('.datepicker');
30var $collapse = $('.navbar .collapse');
31var $html = $('html');
32var $tagsinput = $('.tagsinput');
33
34(function() {
35  var isWindows = navigator.platform.indexOf('Win') > -1 ? true : false;
36
37  if (isWindows) {
38    // if we are on windows OS we activate the perfectScrollbar function
39
40    // $('.wrapper .login-page, .register-page, .card').perfectScrollbar();
41
42
43    if ($('.tab-content .table-responsive').length != 0) {
44
45      $('.table-responsive').each(function() {
46        var ps2 = new PerfectScrollbar($(this)[0]);
47      });
48    }
49
50    $html.addClass('perfect-scrollbar-on');
51  } else {
52    $html.addClass('perfect-scrollbar-off');
53  }
54})();
55
56$(document).ready(function() {
57  //  Activate the Tooltips
58  $('[data-toggle="tooltip"], [rel="tooltip"]').tooltip();
59
60  // Activate Popovers and set color for popovers
61  $('[data-toggle="popover"]').each(function() {
62    color_class = $(this).data('color');
63    $(this).popover({
64      template: '<div class="popover popover-' + color_class + '" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
65    });
66  });
67
68  var squares1 = document.getElementById("square1");
69  var squares2 = document.getElementById("square2");
70  var squares3 = document.getElementById("square3");
71  var squares4 = document.getElementById("square4");
72  var squares5 = document.getElementById("square5");
73  var squares6 = document.getElementById("square6");
74  var squares9 = document.getElementById("square7");
75  var squares10 = document.getElementById("square8");
76
77  if ($('.square').length != 0) {
78
79    $(document).mousemove(function(e) {
80      posX = event.clientX - window.innerWidth / 2;
81      posY = event.clientY - window.innerWidth / 6;
82
83      squares1.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)";

84      squares2.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)";
85      squares3.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)";
86      squares4.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)";
87      squares5.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)";
88      squares6.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)";
89      squares9.style.transform = "perspective(500px) rotateY(" + posX * 0.02 + "deg) rotateX(" + posY * (-0.02) + "deg)";
90      squares10.style.transform = "perspective(500px) rotateY(" + posX * 0.02 + "deg) rotateX(" + posY * (-0.02) + "deg)";
91
92    });
93  }
94
95  // Activate the image for the navbar-collapse
96  ArgonKit.initNavbarImage();
97
98  $navbar = $('.navbar[color-on-scroll]');
99  scroll_distance = $navbar.attr('color-on-scroll') || 500;
100
101  // Check if we have the class "navbar-color-on-scroll" then add the function to remove the class "navbar-transparent" so it will transform to a plain color.
102
103  if ($('.navbar[color-on-scroll]').length != 0) {
104    ArgonKit.checkScrollForTransparentNavbar();
105    $(window).on('scroll', ArgonKit.checkScrollForTransparentNavbar)
106  }
107
108  $('.form-control').on("focus", function() {
109    $(this).parent('.input-group').addClass("input-group-focus");
110  }).on("blur", function() {
111    $(this).parent(".input-group").removeClass("input-group-focus");
112  });
113
114  // Activate bootstrapSwitch
115  $('.bootstrap-switch').each(function() {
116    $this = $(this);
117    data_on_label = $this.data('on-label') || '';
118    data_off_label = $this.data('off-label') || '';
119
120    $this.bootstrapSwitch({
121      onText: data_on_label,
122      offText: data_off_label
123    });
124  });
125
126  // Activate Carousel
127  $('.carousel').carousel({
128    interval: false
129  });
130
131  // Datepicker
132  $('.datepicker')[0] && $('.datepicker').each(function() {
133    $('.datepicker').datepicker({
134      disableTouchKeyboard: true,
135      autoclose: false
136    });
137  });
138
139
140  // Datepicker
141  flatpickr('.flatpickr', {});
142
143  // Datepicker - range
144  flatpickr('.range', {
145    mode: "range"
146  });
147
148  // DateTimePicker
149  flatpickr('.datetimepicker', {
150    enableTime: true,
151    dateFormat: "Y-m-d H:i",
152  });
153
154  // Activate Sliders
155  ArgonKit.initSliders();
156
157});
158
159// Methods
160
161function hideNavbarCollapse($this) {
162  $this.addClass('collapsing-out');
163}
164
165function hiddenNavbarCollapse($this) {
166  $this.removeClass('collapsing-out');
167}
168
169
170// Events
171
172if ($collapse.length) {
173  $collapse.on({
174    'hide.bs.collapse': function() {
175      hideNavbarCollapse($collapse);
176    }
177  })
178
179  $collapse.on({
180    'hidden.bs.collapse': function() {
181      hiddenNavbarCollapse($collapse);
182    }
183  })
184}
185
186
187// Returns a function, that, as long as it continues to be invoked, will not
188// be triggered. The function will be called after it stops being called for
189// N milliseconds. If `immediate` is passed, trigger the function on the
190// leading edge, instead of the trailing.
191
192function debounce(func, wait, immediate) {
193  var timeout;
194  return function() {
195    var context = this,
196      args = arguments;
197    clearTimeout(timeout);
198    timeout = setTimeout(function() {
199      timeout = null;
200      if (!immediate) func.apply(context, args);
201    }, wait);
202    if (immediate && !timeout) func.apply(context, args);
203  };
204};
205
206
207ArgonKit = {
208  misc: {
209    navbar_menu_visible: 0
210  },
211
212  checkScrollForTransparentNavbar: debounce(function() {
213    if ($(document).scrollTop() > scroll_distance) {
214      if (transparent) {
215        transparent = false;
216        $('.navbar[color-on-scroll]').removeClass('navbar-transparent');
217      }
218    } else {
219      if (!transparent) {
220        transparent = true;
221        $('.navbar[color-on-scroll]').addClass('navbar-transparent');
222      }
223    }
224  }, 17),
225
226  initNavbarImage: function() {

227    var $navbar = $('.navbar').find('.navbar-translate').siblings('.navbar-collapse');
228    var background_image = $navbar.data('nav-image');
229
230    if ($(window).width() < 991 || $('body').hasClass('burger-menu')) {
231      if (background_image != undefined) {
232        $navbar.css('background', "url('" + background_image + "')")
233          .removeAttr('data-nav-image')
234          .css('background-size', "cover")
235          .addClass('has-image');
236      }
237    } else if (background_image != undefined) {
238      $navbar.css('background', "")
239        .attr('data-nav-image', '' + background_image + '')
240        .css('background-size', "")
241        .removeClass('has-image');
242    }
243  },
244
245  initDatePicker: function() {
246    if ($datepicker.length != 0) {
247      $datepicker.datetimepicker({
248        icons: {
249          time: "tim-icons icon-watch-time",
250          date: "tim-icons icon-calendar-60",
251          up: "fa fa-chevron-up",
252          down: "fa fa-chevron-down",
253          previous: 'tim-icons icon-minimal-left',
254          next: 'tim-icons icon-minimal-right',
255          today: 'fa fa-screenshot',
256          clear: 'fa fa-trash',
257          close: 'fa fa-remove'
258        }
259      });
260    }
261  },
262
263  initSliders: function() {
264    // Sliders for demo purpose in refine cards section
265    var slider = document.getElementById('sliderRegular');
266    if ($('#sliderRegular').length != 0) {
267
268      noUiSlider.create(slider, {
269        start: 40,
270        connect: [true, false],
271        range: {
272          min: 0,
273          max: 100
274        }
275      });
276    }
277
278    var slider2 = document.getElementById('sliderDouble');
279
280    if ($('#sliderDouble').length != 0) {
281
282      noUiSlider.create(slider2, {
283        start: [20, 60],
284        connect: true,
285        range: {
286          min: 0,
287          max: 100
288        }
289      });
290    }
291  }
292}
293
294
295
296// Returns a function, that, as long as it continues to be invoked, will not
297// be triggered. The function will be called after it stops being called for
298// N milliseconds. If `immediate` is passed, trigger the function on the
299// leading edge, instead of the trailing.
300
301function debounce(func, wait, immediate) {
302  var timeout;
303  return function() {
304    var context = this,
305      args = arguments;
306    clearTimeout(timeout);
307    timeout = setTimeout(function() {
308      timeout = null;
309      if (!immediate) func.apply(context, args);
310    }, wait);
311    if (immediate && !timeout) func.apply(context, args);
312  };
313};