/* ------------------------------------------------------------------------------
*
* # 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: "-1"
});
// Select2 ultiselect item color
$('.select-item-color').select2({
formatSelectionCssClass: function (data, container) { return "bg-indigo"; }
});
// Select2 dropdown menu color
$('.select-menu-color').select2({
dropdownCssClass: 'bg-indigo'
});
// 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({
wrapperClass: 'bg-indigo',
fileButtonHtml: ''
});
// Popups
// ------------------------------
// Tooltip
$('[data-popup=tooltip-custom]').tooltip({
template: ''
});
// Popover title
$('[data-popup=popover-custom]').popover({
template: ''
});
// Popover background color
$('[data-popup=popover-solid]').popover({
template: ''
});
});