150 lines
4.7 KiB
JavaScript
150 lines
4.7 KiB
JavaScript
|
|
( function( window, $, items, models, views, i18n, modalinfo, nonces ) {
|
|
'use strict';
|
|
|
|
var modules, list_table, handle_module_tag_click, $the_table, $the_filters, $the_search, $jp_frame, $bulk_button, show_modal, hide_modal, set_modal_tab, originPoint;
|
|
|
|
$the_table = $( '.wp-list-table.jetpack-modules' );
|
|
$the_filters = $( '.navbar-form' );
|
|
$the_search = $( '#srch-term-search-input' );
|
|
$jp_frame = $( '.jp-frame' );
|
|
$bulk_button = $( '#doaction' );
|
|
|
|
modules = new models.Modules( {
|
|
items : items
|
|
} );
|
|
|
|
list_table = new views.List_Table( {
|
|
el : '#the-list',
|
|
model : modules
|
|
} );
|
|
|
|
// Kick off an initial redraw.
|
|
modules.trigger( 'change' );
|
|
|
|
// Handle the filtering of modules.
|
|
handle_module_tag_click = function( event ) {
|
|
// Switch the item in the subsubsub list that's flagged as current.
|
|
$( '.subsubsub' ).find( 'a[data-title="' + $(this).data('title') + '"]' ).addClass( 'current' )
|
|
.closest( 'li' ).siblings().find( 'a.current' ).removeClass( 'current' );
|
|
|
|
event.preventDefault();
|
|
modules.trigger( 'change' );
|
|
};
|
|
|
|
$( '.subsubsub a' ).on( 'click', { modules : modules }, handle_module_tag_click );
|
|
|
|
/**
|
|
* Attach event listener for ESC key to close modal
|
|
*/
|
|
|
|
$( window ).on( 'keydown', function( e ) {
|
|
// If pressing ESC close the modal
|
|
if ( 27 === e.keyCode ) {
|
|
hide_modal();
|
|
}
|
|
});
|
|
|
|
/**
|
|
* The modal details.
|
|
*/
|
|
|
|
show_modal = function( module ) {
|
|
$jp_frame.children( '.modal, .shade' ).show();
|
|
$( '.modal ').empty().html( wp.template( 'modal' )( items[ module ] ) );
|
|
$( '.modal' )[0].setAttribute( 'tabindex', '0' );
|
|
$( '.modal' ).focus();
|
|
$( 'body' ).css( 'overflow', 'hidden' );
|
|
};
|
|
|
|
/**
|
|
* If modalinfo is defined, auto popup the modal
|
|
*/
|
|
$( document ).ready(function() {
|
|
if ( modalinfo ) {
|
|
show_modal( modalinfo );
|
|
}
|
|
});
|
|
|
|
hide_modal = function() {
|
|
$jp_frame.children( '.modal, .shade' ).hide();
|
|
$jp_frame.children( '.modal' ).data( 'current-module', '' );
|
|
set_modal_tab( null );
|
|
originPoint.focus();
|
|
$( '.modal' )[0].removeAttribute( 'tabindex' );
|
|
$( 'body' ).css( 'overflow', 'auto' );
|
|
event.preventDefault();
|
|
};
|
|
|
|
set_modal_tab = function( tab ) {
|
|
$jp_frame.find( '.modal .active' ).removeClass( 'active' );
|
|
switch ( tab ) {
|
|
case 'learn-more':
|
|
$jp_frame.find( '.modal .learn-more a' ).addClass( 'active' );
|
|
$jp_frame.children( '.modal' ).trigger( 'learn-more' );
|
|
break;
|
|
case 'config':
|
|
$jp_frame.find( '.modal .config a' ).addClass( 'active' );
|
|
$jp_frame.children( '.modal' ).trigger( 'config' );
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
};
|
|
|
|
$jp_frame.on( 'click', '.modal .close, .shade', hide_modal );
|
|
|
|
$jp_frame.children( '.modal' ).on( 'learn-more', function() {
|
|
var current_module = $jp_frame.children( '.modal' ).data( 'current-module' );
|
|
$(this).find('.content').html( items[ current_module ].long_description );
|
|
} );
|
|
|
|
$jp_frame.children( '.modal' ).on( 'config', function() {
|
|
var current_module = $jp_frame.children( '.modal' ).data( 'current-module' );
|
|
// Hack. Until we import the form to the modal, just redirect to where it would have gone.
|
|
hide_modal();
|
|
window.location.href = items[ current_module ].configure_url;
|
|
// $(this).find('.content').html( items[ current_module ].configure_form );
|
|
} );
|
|
|
|
$the_table.on( 'click', '.info a', { modules : modules }, function( event ) {
|
|
event.preventDefault();
|
|
originPoint = this;
|
|
show_modal( $(this).closest('.jetpack-module').attr('id'), 'learn-more' );
|
|
} );
|
|
|
|
$the_filters.on( 'click', '.button-group .button', { modules : modules }, function( event ) {
|
|
event.preventDefault();
|
|
$(this).addClass('active').siblings('.active').removeClass('active');
|
|
modules.trigger( 'change' );
|
|
} );
|
|
|
|
$the_search.on( 'keyup search', function( e ) {
|
|
// Don't trigger change on tab, since it's only used for accessibility
|
|
// anyway, and will remove all checked boxes
|
|
if ( e.keyCode !== 9 ) {
|
|
modules.trigger( 'change' );
|
|
}
|
|
} );
|
|
|
|
$the_search.prop( 'placeholder', i18n.search_placeholder );
|
|
|
|
$bulk_button.on( 'click', function( event ) {
|
|
var selectedModules = $('.jetpack-modules-list-table-form').serialize(),
|
|
selectedAction = $(this).siblings('select').val(),
|
|
url;
|
|
|
|
if ( selectedModules.length && '-1' !== selectedAction ) {
|
|
url = 'admin.php?page=jetpack&action=' + encodeURIComponent( selectedAction );
|
|
url += '&' + selectedModules;
|
|
url += '&_wpnonce=' + encodeURIComponent( nonces.bulk );
|
|
|
|
window.location.href = url;
|
|
} else {
|
|
// Possibly add in an alert here explaining why nothing's happening?
|
|
}
|
|
|
|
event.preventDefault();
|
|
} );
|
|
|
|
} ) ( this, jQuery, window.jetpackModulesData.modules, this.jetpackModules.models, this.jetpackModules.views, window.jetpackModulesData.i18n, window.jetpackModulesData.modalinfo, window.jetpackModulesData.nonces );
|