55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
|
(function($) {
|
||
|
|
|
||
|
|
///////////////////////////////////////
|
||
|
|
// INIT
|
||
|
|
///////////////////////////////////////
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
initEvents();
|
||
|
|
configFixedElements();
|
||
|
|
});
|
||
|
|
|
||
|
|
///////////////////////////////////////
|
||
|
|
// FUNCTIONS
|
||
|
|
///////////////////////////////////////
|
||
|
|
|
||
|
|
function configFixedElements() {
|
||
|
|
var jpTopFrame = $('.frame.top'),
|
||
|
|
jpBottomFrame = $('.frame.bottom'),
|
||
|
|
$body = $('body');
|
||
|
|
|
||
|
|
$body.scroll(function(){
|
||
|
|
if ( 33 > jpTopFrame.offset().top ) {
|
||
|
|
jpTopFrame.addClass('fixed');
|
||
|
|
$body.addClass('jp-frame-top-fixed');
|
||
|
|
}
|
||
|
|
if ( 120 <= jpBottomFrame.offset().top ) {
|
||
|
|
jpTopFrame.removeClass('fixed');
|
||
|
|
$body.removeClass('jp-frame-top-fixed');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function initEvents() {
|
||
|
|
// toggle search and filters at mobile resolution
|
||
|
|
$('.filter-search').on('click', function () {
|
||
|
|
$(this).toggleClass('active');
|
||
|
|
$('.manage-right').toggleClass('show');
|
||
|
|
$('.shade').toggle();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Toggle all checkboxes
|
||
|
|
$('.checkall').on('click', function () {
|
||
|
|
$('.table-bordered').find(':checkbox').prop('checked', this.checked);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Clicking outside modal, or close X closes modal
|
||
|
|
$('.shade, .modal .close').on('click', function ( event ) {
|
||
|
|
$('.shade, .modal').hide();
|
||
|
|
$('.manage-right').removeClass('show');
|
||
|
|
event.preventDefault();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
})(jQuery);
|