Ubuntu

jQuery( function ( $ ) { 'use strict'; /** * --------------------------------------- * ------------- Events ------------------ * --------------------------------------- */ /** * No or Single predefined demo import button click. */ $( '.js-ocdi-import-data' ).on( 'click', function () { // Reset response div content. $( '.js-ocdi-ajax-response' ).empty(); // Prepare data for the AJAX call var data = new FormData(); data.append( 'action', 'ocdi_import_demo_data' ); data.append( 'security', ocdi.ajax_nonce ); data.append( 'selected', $( '#ocdi__demo-import-files' ).val() ); if ( $('#ocdi__content-file-upload').length ) { data.append( 'content_file', $('#ocdi__content-file-upload')[0].files[0] ); } if ( $('#ocdi__widget-file-upload').length ) { data.append( 'widget_file', $('#ocdi__widget-file-upload')[0].files[0] ); } if ( $('#ocdi__customizer-file-upload').length ) { data.append( 'customizer_file', $('#ocdi__customizer-file-upload')[0].files[0] ); } if ( $('#ocdi__redux-file-upload').length ) { data.append( 'redux_file', $('#ocdi__redux-file-upload')[0].files[0] ); data.append( 'redux_option_name', $('#ocdi__redux-option-name').val() ); } // AJAX call to import everything (content, widgets, before/after setup) ajaxCall( data ); }); /** * Grid Layout import button click. */ $( '.js-ocdi-gl-import-data' ).on( 'click', function () { var selectedImportID = $( this ).val(); var $itemContainer = $( this ).closest( '.js-ocdi-gl-item' ); // If the import confirmation is enabled, then do that, else import straight away. if ( ocdi.import_popup ) { displayConfirmationPopup( selectedImportID, $itemContainer ); } else { gridLayoutImport( selectedImportID, $itemContainer ); } }); /** * Grid Layout categories navigation. */ (function () { // Cache selector to all items var $items = $( '.js-ocdi-gl-item-container' ).find( '.js-ocdi-gl-item' ), fadeoutClass = 'ocdi-is-fadeout', fadeinClass = 'ocdi-is-fadein', animationDuration = 200; // Hide all items. var fadeOut = function () { var dfd = jQuery.Deferred(); $items .addClass( fadeoutClass ); setTimeout( function() { $items .removeClass( fadeoutClass ) .hide(); dfd.resolve(); }, animationDuration ); return dfd.promise(); }; var fadeIn = function ( category, dfd ) { var filter = category ? '[data-categories*="' + category + '"]' : 'div'; if ( 'all' === category ) { filter = 'div'; } $items .filter( filter ) .show() .addClass( 'ocdi-is-fadein' ); setTimeout( function() { $items .removeClass( fadeinClass ); dfd.resolve(); }, animationDuration ); }; var animate = function ( category ) { var dfd = jQuery.Deferred(); var promise = fadeOut(); promise.done( function () { fadeIn( category, dfd ); } ); return dfd; }; $( '.js-ocdi-nav-link' ).on( 'click', function( event ) { event.preventDefault(); // Remove 'active' class from the previous nav list items. $( this ).parent().siblings().removeClass( 'active' ); // Add the 'active' class to this nav list item. $( this ).parent().addClass( 'active' ); var category = this.hash.slice(1); // show/hide the right items, based on category selected var $container = $( '.js-ocdi-gl-item-container' ); $container.css( 'min-width', $container.outerHeight() ); var promise = animate( category ); promise.done( function () { $container.removeAttr( 'style' ); } ); } ); }()); /** * Grid Layout search functionality. */ $( '.js-ocdi-gl-search' ).on( 'keyup', function( event ) { if ( 0 < $(this).val().length ) { // Hide all items. $( '.js-ocdi-gl-item-container' ).find( '.js-ocdi-gl-item' ).hide(); // Show just the ones that have a match on the import name. $( '.js-ocdi-gl-item-container' ).find( '.js-ocdi-gl-item[data-name*="' + $(this).val().toLowerCase() + '"]' ).show(); } else { $( '.js-ocdi-gl-item-container' ).find( '.js-ocdi-gl-item' ).show(); } } ); /** * --------------------------------------- * --------Helper functions -------------- * --------------------------------------- */ /** * Prepare grid layout import data and execute the AJAX call. * * @param int selectedImportID The selected import ID. * @param obj $itemContainer The jQuery selected item container object. */ function gridLayoutImport( selectedImportID, $itemContainer ) { // Reset response div content. $( '.js-ocdi-ajax-response' ).empty(); // Hide all other import items. $itemContainer.siblings( '.js-ocdi-gl-item' ).fadeOut( 500 ); $itemContainer.animate({ opacity: 0 }, 500, 'swing', function () { $itemContainer.animate({ opacity: 1 }, 500 ) }); // Hide the header with category navigation and search box. $itemContainer.closest( '.js-ocdi-gl' ).find( '.js-ocdi-gl-header' ).fadeOut( 500 ); // Append a title for the selected demo import. $itemContainer.parent().prepend( '

' + ocdi.texts.selected_import_title + '

' ); // Remove the import button of the selected item. $itemContainer.find( '.js-ocdi-gl-import-data' ).remove(); // Prepare data for the AJAX call var data = new FormData(); data.append( 'action', 'ocdi_import_demo_data' ); data.append( 'security', ocdi.ajax_nonce ); data.append( 'selected', selectedImportID ); // AJAX call to import everything (content, widgets, before/after setup) ajaxCall( data ); } /** * Display the confirmation popup. * * @param int selectedImportID The selected import ID. * @param obj $itemContainer The jQuery selected item container object. */ function displayConfirmationPopup( selectedImportID, $itemContainer ) { var $dialogContiner = $( '#js-ocdi-modal-content' ); var currentFilePreviewImage = ocdi.import_files[ selectedImportID ]['import_preview_image_url'] || ocdi.theme_screenshot; var previewImageContent = ''; var importNotice = ocdi.import_files[ selectedImportID ]['import_notice'] || ''; var importNoticeContent = ''; var dialogOptions = $.extend( { 'dialogClass': 'wp-dialog', 'resizable': false, 'height': 'auto', 'modal': true }, ocdi.dialog_options, { 'buttons': [ { text: ocdi.texts.dialog_no, click: function() { $(this).dialog('close'); } }, { text: ocdi.texts.dialog_yes, class: 'button button-primary', click: function() { $(this).dialog('close'); gridLayoutImport( selectedImportID, $itemContainer ); } } ] }); if ( '' === currentFilePreviewImage ) { previewImageContent = '

' + ocdi.texts.missing_preview_image + '

'; } else { previewImageContent = '

' + ocdi.import_files[ selectedImportID ]['import_file_name'] + '

' } // Prepare notice output. if( '' !== importNotice ) { importNoticeContent = '

' + importNotice + '

'; } // Populate the dialog content. $dialogContiner.prop( 'title', ocdi.texts.dialog_title ); $dialogContiner.html( '

' + ocdi.import_files[ selectedImportID ]['import_file_name'] + '

' + previewImageContent + importNoticeContent ); // Display the confirmation popup. $dialogContiner.dialog( dialogOptions ); } /** * The main AJAX call, which executes the import process. * * @param FormData data The data to be passed to the AJAX call. */ function ajaxCall( data ) { $.ajax({ method: 'POST', url: ocdi.ajax_url, data: data, contentType: false, processData: false, beforeSend: function() { $( '.js-ocdi-ajax-loader' ).show(); } }) .done( function( response ) { if ( 'undefined' !== typeof response.status && 'newAJAX' === response.status ) { ajaxCall( data ); } else if ( 'undefined' !== typeof response.status && 'customizerAJAX' === response.status ) { // Fix for data.set and data.delete, which they are not supported in some browsers. var newData = new FormData(); newData.append( 'action', 'ocdi_import_customizer_data' ); newData.append( 'security', ocdi.ajax_nonce ); // Set the wp_customize=on only if the plugin filter is set to true. if ( true === ocdi.wp_customize_on ) { newData.append( 'wp_customize', 'on' ); } ajaxCall( newData ); } else if ( 'undefined' !== typeof response.status && 'afterAllImportAJAX' === response.status ) { // Fix for data.set and data.delete, which they are not supported in some browsers. var newData = new FormData(); newData.append( 'action', 'ocdi_after_import_data' ); newData.append( 'security', ocdi.ajax_nonce ); ajaxCall( newData ); } else if ( 'undefined' !== typeof response.message ) { $( '.js-ocdi-ajax-response' ).append( '

' + response.message + '

' ); $( '.js-ocdi-ajax-loader' ).hide(); // Trigger custom event, when OCDI import is complete. $( document ).trigger( 'ocdiImportComplete' ); } else { $( '.js-ocdi-ajax-response' ).append( '

' + response + '

' ); $( '.js-ocdi-ajax-loader' ).hide(); } }) .fail( function( error ) { $( '.js-ocdi-ajax-response' ).append( '

Error: ' + error.statusText + ' (' + error.status + ')' + '

' ); $( '.js-ocdi-ajax-loader' ).hide(); }); } } );