dev-chiefworks
139 lines
4.1 KiB
JavaScript
139 lines
4.1 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Navbar components
|
|
*
|
|
* Specific JS code additions for navbar_components.html page
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Aug 1, 2015
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
$(function() {
|
|
|
|
|
|
// Select2 selects
|
|
// ------------------------------
|
|
|
|
// Fixed width
|
|
$('.select').select2({
|
|
minimumResultsForSearch: Infinity,
|
|
width: '200px',
|
|
dropdownCssClass: 'border-info-700'
|
|
});
|
|
|
|
|
|
// Full width
|
|
$('.select-full').select2({
|
|
minimumResultsForSearch: Infinity
|
|
});
|
|
|
|
|
|
|
|
// Date range pickers
|
|
// ------------------------------
|
|
|
|
//
|
|
// Custom display
|
|
//
|
|
|
|
// Initialize
|
|
$('.daterange-ranges-button').daterangepicker(
|
|
{
|
|
startDate: moment().subtract(29, 'days'),
|
|
endDate: moment(),
|
|
minDate: '01/01/2014',
|
|
maxDate: '12/31/2018',
|
|
dateLimit: {
|
|
days: 60
|
|
},
|
|
ranges: {
|
|
'Today': [moment(), moment()],
|
|
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
|
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
|
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
|
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
|
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
|
},
|
|
opens: 'left',
|
|
applyClass: 'btn-small btn-primary btn-block',
|
|
cancelClass: 'btn-small btn-default btn-block',
|
|
format: 'MM/DD/YYYY'
|
|
},
|
|
function(start, end) {
|
|
$('.daterange-ranges-button span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
|
|
}
|
|
);
|
|
|
|
// Format results
|
|
$('.daterange-ranges-button span').html(moment().subtract(29, 'days').format('MMM D, YY') + ' - ' + moment().format('MMM D, YY'));
|
|
|
|
|
|
//
|
|
// Attached to button
|
|
//
|
|
|
|
// Initialize
|
|
$('.daterange-ranges').daterangepicker(
|
|
{
|
|
startDate: moment().subtract(29, 'days'),
|
|
endDate: moment(),
|
|
minDate: '01/01/2014',
|
|
maxDate: '12/31/2018',
|
|
dateLimit: { days: 60 },
|
|
ranges: {
|
|
'Today': [moment(), moment()],
|
|
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
|
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
|
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
|
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
|
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
|
},
|
|
opens: 'right',
|
|
applyClass: 'btn-small btn-primary btn-block',
|
|
cancelClass: 'btn-small btn-default btn-block',
|
|
format: 'MM/DD/YYYY'
|
|
},
|
|
function(start, end) {
|
|
$('.daterange-ranges span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
|
|
}
|
|
);
|
|
|
|
// Format results
|
|
$('.daterange-ranges span').html(moment().subtract(29, 'days').format('MMM D, YY') + ' - ' + moment().format('MMM D, YY'));
|
|
|
|
|
|
|
|
// Form components
|
|
// ------------------------------
|
|
|
|
// Switchery toggles
|
|
var elems = Array.prototype.slice.call(document.querySelectorAll('.navbar-switch'));
|
|
elems.forEach(function(html) {
|
|
var switchery = new Switchery(html, {color: '#006064', secondaryColor: '#fff'});
|
|
});
|
|
|
|
|
|
// Multiselect
|
|
$('.multiselect').multiselect({
|
|
buttonWidth: 200,
|
|
onChange: function() {
|
|
$.uniform.update();
|
|
}
|
|
});
|
|
|
|
|
|
// Styled checkboxes, radios
|
|
$(".styled, .multiselect-container input").uniform({
|
|
radioClass: 'choice'
|
|
});
|
|
|
|
|
|
// Styled file input
|
|
$(".file-styled").uniform({
|
|
fileButtonClass: 'action btn btn-default btn-icon',
|
|
fileButtonHtml: '<i class="icon-upload"></i>'
|
|
});
|
|
|
|
});
|