1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
/*!
=========================================================
* Material Kit - v1.1.1.0
=========================================================
* Product Page: http://www.creative-tim.com/product/material-kit
* Copyright 2017 Creative Tim (http://www.creative-tim.com)
* Licensed under MIT (https://github.com/timcreative/material-kit/blob/master/LICENSE.md)
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
var transparent = true;
var transparentDemo = true;
var fixedTop = false;
var navbar_initialized = false;
$(document).ready(function(){
// Init Material scripts for buttons ripples, inputs animations etc, more info on the next link https://github.com/FezVrasta/bootstrap-material-design#materialjs
$.material.init();
// Activate the Tooltips
$('[data-toggle="tooltip"], [rel="tooltip"]').tooltip();
// Activate Datepicker
if($('.datepicker').length != 0){
$('.datepicker').datepicker({
weekStart:1
});
}
// 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.
if($('.navbar-color-on-scroll').length != 0){
$(window).on('scroll', materialKit.checkScrollForTransparentNavbar)
}
// Activate Popovers
$('[data-toggle="popover"]').popover();
// Active Carousel
$('.carousel').carousel({
interval: 400000
});
});
materialKit = {
misc:{
navbar_menu_visible: 0
},
checkScrollForTransparentNavbar: debounce(function() {
if($(document).scrollTop() > 260 ) {
if(transparent) {
transparent = false;
$('.navbar-color-on-scroll').removeClass('navbar-transparent');
}
} else {
if( !transparent ) {
transparent = true;
$('.navbar-color-on-scroll').addClass('navbar-transparent');
}
}
}, 17),
initSliders: function(){
// Sliders for demo purpose
$('#sliderRegular').noUiSlider({
start: 40,
connect: "lower",
range: {
min: 0,
max: 100
}
});
$('#sliderDouble').noUiSlider({
start: [20, 60] ,
connect: true,
range: {
min: 0,
max: 100
}
});
}
}
var big_image;
materialKitDemo = {
checkScrollForParallax: debounce(function(){
var current_scroll = $(this).scrollTop();
oVal = ($(window).scrollTop() / 3);
big_image.css({
'transform':'translate3d(0,' + oVal +'px,0)',
'-webkit-transform':'translate3d(0,' + oVal +'px,0)',
'-ms-transform':'translate3d(0,' + oVal +'px,0)',
'-o-transform':'translate3d(0,' + oVal +'px,0)'
});
}, 6)
}
// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
clearTimeout(timeout);
timeout = setTimeout(function() {
timeout = null;
if (!immediate) func.apply(context, args);
}, wait);
if (immediate && !timeout) func.apply(context, args);
};
};
|