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
|
( 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' );
}
} );
$( 'table.jetpack-modules', jpBottomFrame ).addClass( 'with-transparency' );
$( '.manage-left', jpBottomFrame ).css( 'width', '' );
$( '.manage-right', jpBottomFrame ).show();
}
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 );
|