custom.js
3.42 KB
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
$(document).ready(function() {
var hash = window.location.hash.replace('#', '');
if (hash && $('.' + hash).length) {
var point = $('.' + hash).offset().top - 40;
if (window.Zepto) {
window.scrollTo(0, point);
} else {
$(window).scrollTop($('.' + hash).offset().top - 40);
};
};
$('.skin dt').click(function() {
$(this).siblings().removeClass('selected').end().prev('dd').andSelf().addClass('selected');
});
$('.arrows .top, .arrows .bottom, .features .self, .skins-info .self, .usage .self').click(function(event) {
var target = $(this).data('to'),
target_offset = $('.' + target).offset().top;
event.preventDefault();
window.location.hash = target;
if (window.Zepto) {
window.scrollTo(0, target_offset - 40);
} else {
$('html, body').stop().animate({scrollTop: target_offset - 40}, 600);
};
});
$('.colors li').click(function() {
var self = $(this);
if (!self.hasClass('active')) {
self.siblings().removeClass('active');
var skin = self.closest('.skin'),
color = self.attr('class') ? '-' + self.attr('class') : '',
checkbox = skin.data('icheckbox'),
radio = skin.data('iradio'),
checkbox_default = 'icheckbox_minimal',
radio_default = 'iradio_minimal';
if (skin.hasClass('skin-square')) {
checkbox_default = 'icheckbox_square', radio_default = 'iradio_square';
checkbox == undefined && (checkbox = 'icheckbox_square-green', radio = 'iradio_square-green');
};
if (skin.hasClass('skin-flat')) {
checkbox_default = 'icheckbox_flat', radio_default = 'iradio_flat';
checkbox == undefined && (checkbox = 'icheckbox_flat-red', radio = 'iradio_flat-red');
};
if (skin.hasClass('skin-line')) {
checkbox_default = 'icheckbox_line', radio_default = 'iradio_line';
checkbox == undefined && (checkbox = 'icheckbox_line-blue', radio = 'iradio_line-blue');
};
checkbox == undefined && (checkbox = checkbox_default, radio = radio_default);
skin.find('input, .skin-states .state').each(function() {
var element = $(this).hasClass('state') ? $(this) : $(this).parent(),
element_class = element.attr('class').replace(checkbox, checkbox_default + color).replace(radio, radio_default + color);
element.attr('class', element_class);
});
skin.data('icheckbox', checkbox_default + color);
skin.data('iradio', radio_default + color);
self.addClass('active');
};
});
$('.demo-methods dt .self').click(function() {
var self = $(this),
self_class = self.attr('class').replace('self ', '');
switch (self_class) {
case 'do-check':
$('#input-1, #input-3').iCheck('check');
break;
case 'do-uncheck':
$('#input-1, #input-3').iCheck('uncheck');
break;
case 'do-disable':
$('#input-2, #input-4').iCheck('disable');
break;
case 'do-enable':
$('#input-2, #input-4').iCheck('enable');
break;
case 'do-destroy':
$('.demo-list input').iCheck('destroy');
break;
default:
var text = self.hasClass('active') ? 'show code' : 'hide code';
self.toggleClass('active').text(text);
if (window.Zepto) {
$(this).closest('dt').next().toggle();
} else {
$(this).closest('dt').next().slideToggle(200);
};
break;
};
});
});