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
130
/* ------------------------------------------------------------------------------
*
* # Indigo palette colors
*
* Specific JS code additions for colors_indigo.html page
*
* Version: 1.0
* Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
$(function() {
// Selects
// ------------------------------
// Basic select2
$('.select').select2({
minimumResultsForSearch: Infinity,
containerCssClass: 'bg-indigo-400'
});
// Select2 ultiselect item color
$('.select-item-color').select2({
containerCssClass: 'bg-indigo-400'
});
// Select2 dropdown menu color
$('.select-menu-color').select2({
containerCssClass: 'bg-indigo-400',
dropdownCssClass: 'bg-indigo-400'
});
// Multiselect
$('.multiselect').multiselect({
buttonClass: 'btn bg-indigo',
nonSelectedText: 'Select your state',
onChange: function() {
$.uniform.update();
}
});
// SelectBoxIt
$(".selectbox").selectBoxIt({
autoWidth: false,
theme: "bootstrap"
});
// Bootstrap select
$.fn.selectpicker.defaults = {
iconBase: '',
tickIcon: 'icon-checkmark-circle'
}
$('.bootstrap-select').selectpicker();
// Notifications
// ------------------------------
// jGrowl
$('.growl-launch').on('click', function () {
$.jGrowl('I am a well highlighted indigo notice..', { theme: 'bg-indigo-400', header: 'Well highlighted' });
});
// PNotify
$('.pnotify-launch').on('click', function () {
new PNotify({
title: 'indigo Notice',
text: 'Check me out! I\'m a notice.',
icon: 'icon-indigo22',
animate_speed: 200,
delay: 5000,
addclass: 'bg-indigo-400'
});
});
// Form components
// ------------------------------
// Switchery toggle
var switchery = document.querySelector('.switch');
var init = new Switchery(switchery, {color: '#3F51B5'});
// Checkboxes and radios
$(".styled, .multiselect-container input").uniform({
radioClass: 'choice',
checkboxClass: 'checker',
wrapperClass: "border-indigo text-indigo-600"
});
// File input
$(".file-styled").uniform({
fileButtonClass: 'action btn bg-indigo'
});
// Popups
// ------------------------------
// Tooltip
$('[data-popup=tooltip-custom]').tooltip({
template: '<div class="tooltip"><div class="bg-indigo"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div></div>'
});
// Popover title
$('[data-popup=popover-custom]').popover({
template: '<div class="popover border-indigo"><div class="arrow"></div><h3 class="popover-title bg-indigo"></h3><div class="popover-content"></div></div>'
});
// Popover background color
$('[data-popup=popover-solid]').popover({
template: '<div class="popover bg-indigo"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
});
});