You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
3.2 KiB
JavaScript
164 lines
3.2 KiB
JavaScript
7 months ago
|
/* global wpformsWpcodeVars, List, wpforms_admin */
|
||
|
|
||
|
/**
|
||
|
* @param wpformsWpcodeVars.installing_text
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* WPCode integration script.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
const WPFormsWPCode = window.WPFormsWPCode || ( function( document, window, $ ) {
|
||
|
/**
|
||
|
* Public functions and properties.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
const app = {
|
||
|
|
||
|
/**
|
||
|
* Blue spinner HTML.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*
|
||
|
* @type {Object}
|
||
|
*/
|
||
|
spinnerBlue: '<i class="wpforms-loading-spinner wpforms-loading-blue wpforms-loading-inline"></i>',
|
||
|
|
||
|
/**
|
||
|
* White spinner HTML.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*
|
||
|
* @type {Object}
|
||
|
*/
|
||
|
spinnerWhite: '<i class="wpforms-loading-spinner wpforms-loading-white wpforms-loading-inline"></i>',
|
||
|
|
||
|
/**
|
||
|
* List.js object.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*
|
||
|
* @type {Object}
|
||
|
*/
|
||
|
snippetSearch: null,
|
||
|
|
||
|
/**
|
||
|
* Start the engine.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
init() {
|
||
|
$( app.ready );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Document ready.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
ready() {
|
||
|
app.snippetSearch = new List(
|
||
|
'wpforms-wpcode-snippets-list',
|
||
|
{
|
||
|
valueNames: [ 'wpforms-wpcode-snippet-title' ],
|
||
|
}
|
||
|
);
|
||
|
app.events();
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Events.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
events() {
|
||
|
$( '.wpforms-wpcode-snippet-button' ).on( 'click', app.installSnippet );
|
||
|
|
||
|
$( '.wpforms-wpcode-popup-button' ).on( 'click', app.installPlugin );
|
||
|
|
||
|
$( '#wpforms-wpcode-snippet-search' ).on( 'keyup search', function() {
|
||
|
app.searchSnippet( this );
|
||
|
} );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Install snippet.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
installSnippet() {
|
||
|
const $button = $( this );
|
||
|
|
||
|
if ( $button.data( 'action' ) === 'edit' ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const originalWidth = $button.width();
|
||
|
const $badge = $button.prev( '.wpforms-wpcode-snippet-badge' );
|
||
|
|
||
|
$badge.addClass( 'wpforms-wpcode-installing-in-progress' ).text( wpformsWpcodeVars.installing_text );
|
||
|
$button.width( originalWidth ).html( app.spinnerBlue );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Search snippet.
|
||
|
*
|
||
|
* @param {Object} searchField The search field html element.
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
searchSnippet( searchField ) {
|
||
|
const searchTerm = $( searchField ).val();
|
||
|
const searchResults = app.snippetSearch.search( searchTerm );
|
||
|
const $noResultsMessage = $( '#wpforms-wpcode-no-results' );
|
||
|
|
||
|
if ( searchResults.length === 0 ) {
|
||
|
$noResultsMessage.show();
|
||
|
} else {
|
||
|
$noResultsMessage.hide();
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Install or activate WPCode plugin by button click.
|
||
|
*
|
||
|
* @since 1.8.5
|
||
|
*/
|
||
|
installPlugin() {
|
||
|
const $btn = $( this );
|
||
|
|
||
|
if ( $btn.hasClass( 'disabled' ) ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const action = $btn.attr( 'data-action' ),
|
||
|
plugin = $btn.attr( 'data-plugin' ),
|
||
|
// eslint-disable-next-line camelcase
|
||
|
args = JSON.stringify( { overwrite_package: true } ),
|
||
|
ajaxAction = action === 'activate' ? 'wpforms_activate_addon' : 'wpforms_install_addon';
|
||
|
|
||
|
// Fix original button width, add spinner and disable it.
|
||
|
$btn.width( $btn.width() ).html( app.spinnerWhite ).addClass( 'disabled' );
|
||
|
|
||
|
const data = {
|
||
|
action: ajaxAction,
|
||
|
nonce: wpforms_admin.nonce,
|
||
|
plugin,
|
||
|
args,
|
||
|
type: 'plugin',
|
||
|
};
|
||
|
|
||
|
$.post( wpforms_admin.ajax_url, data )
|
||
|
.done( function() {
|
||
|
location.reload();
|
||
|
} );
|
||
|
},
|
||
|
};
|
||
|
|
||
|
return app;
|
||
|
}( document, window, jQuery ) );
|
||
|
|
||
|
// Initialize.
|
||
|
WPFormsWPCode.init();
|