You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
2.7 KiB
109 lines
2.7 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # Styled checkboxes, radios and file input |
|
* |
|
* Specific JS code additions for form_checkboxes_radios.html page |
|
* |
|
* Version: 1.0 |
|
* Latest update: Aug 1, 2015 |
|
* |
|
* ---------------------------------------------------------------------------- */ |
|
|
|
$(function() { |
|
|
|
|
|
// Switchery |
|
// ------------------------------ |
|
|
|
// Initialize multiple switches |
|
if (Array.prototype.forEach) { |
|
var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery')); |
|
elems.forEach(function(html) { |
|
var switchery = new Switchery(html); |
|
}); |
|
} |
|
else { |
|
var elems = document.querySelectorAll('.switchery'); |
|
for (var i = 0; i < elems.length; i++) { |
|
var switchery = new Switchery(elems[i]); |
|
} |
|
} |
|
|
|
// Colored switches |
|
var primary = document.querySelector('.switchery-primary'); |
|
var switchery = new Switchery(primary, { color: '#2196F3' }); |
|
|
|
var danger = document.querySelector('.switchery-danger'); |
|
var switchery = new Switchery(danger, { color: '#EF5350' }); |
|
|
|
var warning = document.querySelector('.switchery-warning'); |
|
var switchery = new Switchery(warning, { color: '#FF7043' }); |
|
|
|
var info = document.querySelector('.switchery-info'); |
|
var switchery = new Switchery(info, { color: '#00BCD4'}); |
|
|
|
|
|
|
|
// Checkboxes/radios (Uniform) |
|
// ------------------------------ |
|
|
|
// Default initialization |
|
$(".styled, .multiselect-container input").uniform({ |
|
radioClass: 'choice' |
|
}); |
|
|
|
// File input |
|
$(".file-styled").uniform({ |
|
wrapperClass: 'bg-blue', |
|
fileButtonHtml: '<i class="icon-file-plus"></i>' |
|
}); |
|
|
|
|
|
// |
|
// Contextual colors |
|
// |
|
|
|
// Primary |
|
$(".control-primary").uniform({ |
|
radioClass: 'choice', |
|
wrapperClass: 'border-primary-600 text-primary-800' |
|
}); |
|
|
|
// Danger |
|
$(".control-danger").uniform({ |
|
radioClass: 'choice', |
|
wrapperClass: 'border-danger-600 text-danger-800' |
|
}); |
|
|
|
// Success |
|
$(".control-success").uniform({ |
|
radioClass: 'choice', |
|
wrapperClass: 'border-success-600 text-success-800' |
|
}); |
|
|
|
// Warning |
|
$(".control-warning").uniform({ |
|
radioClass: 'choice', |
|
wrapperClass: 'border-warning-600 text-warning-800' |
|
}); |
|
|
|
// Info |
|
$(".control-info").uniform({ |
|
radioClass: 'choice', |
|
wrapperClass: 'border-info-600 text-info-800' |
|
}); |
|
|
|
// Custom color |
|
$(".control-custom").uniform({ |
|
radioClass: 'choice', |
|
wrapperClass: 'border-indigo-600 text-indigo-800' |
|
}); |
|
|
|
|
|
|
|
// Bootstrap switch |
|
// ------------------------------ |
|
|
|
$(".switch").bootstrapSwitch(); |
|
|
|
});
|
|
|