| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- ( 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 );
|