芝麻web文件管理V1.00

编辑当前文件:/home/paymbalq/www/wp-content/plugins/keydesign-addon/includes/admin/ocdi/assets/js/main.js

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;
		};

$( '.ocdi__gl-navigation li' ).first().addClass( 'active' );

$( '.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( '<h3>' + ocdi.texts.selected_import_title + '</h3>' );

// Remove the import button of the selected item.
		$itemContainer.find( '.js-ocdi-gl-import-data' ).remove();

var importForm = {
			homepage: false,
			innerPages: false,
			themeOptions: false,
			widgets: false
		};

if( $('.keydesign-import-form').length > 0 ) {
			if( $('#keydesign_import_homepage').is(":checked") ){
				importForm.homepage = true;
			}
			if( $('#keydesign_import_innerpages').is(":checked") ){
				importForm.innerPages = true;
			}
			if( $('#keydesign_import_themeoptions').is(":checked") ){
				importForm.themeOptions = true;
			}
			if( $('#keydesign_import_widgets').is(":checked") ){
				importForm.widgets = true;
			}
		}

// AJAX call to import everything (content, widgets, before/after setup)
			ajaxCall( data );
	}

function displayImportForm( data ) {
		var outputForm = '';

if ( data.local_import_file ) {
			outputForm += '<div class="keydesign-import-form">';
			outputForm += '<p class="import-form-subtitle">Choose what content to import. Once you\'ve made your selections, click "Import" to start the process.</p>';

if ( data.local_import_file ) {
				outputForm += '<label for="keydesign_import_homepage"><input name="keydesign_import_homepage" type="checkbox" id="keydesign_import_homepage" value="homepage" checked="checked">Homepage</label>';
			}

if ( data.local_import_innerpages_file ) {
				outputForm += '<label for="keydesign_import_innerpages"><input name="keydesign_import_innerpages" type="checkbox" id="keydesign_import_innerpages" value="innerPages" checked="checked">Inner pages</label>';
			}

if ( data.local_import_redux ) {
				outputForm += '<label for="keydesign_import_themeoptions"><input name="keydesign_import_themeoptions" type="checkbox" id="keydesign_import_themeoptions" value="themeOptions" checked="checked">Theme options</label>';
			}

if ( data.local_import_widget_file ) {
				outputForm += '<label for="keydesign_import_widgets"><input name="keydesign_import_widgets" type="checkbox" id="keydesign_import_widgets" value="widgets" checked="checked">Widgets</label>';
			}

outputForm += '</div>';
		}

return outputForm;
	}

/**
	 * 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 importForm = displayImportForm(ocdi.import_files[ selectedImportID ]);
		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',
				'width':			 '500px',
				'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 = '<p>' + ocdi.texts.missing_preview_image + '</p>';
		}
		else {
			previewImageContent = '<div class="ocdi__modal-image-container"><img src="' + currentFilePreviewImage + '" alt="' + ocdi.import_files[ selectedImportID ]['import_file_name'] + '"></div>'
		}

// Prepare notice output.
		if( '' !== importNotice ) {
			importNoticeContent = '<div class="ocdi__modal-notice  ocdi__demo-import-notice">' + importNotice + '</div>';
		}

// Populate the dialog content.
		$dialogContiner.prop( 'title', ocdi.texts.dialog_title );
		$dialogContiner.html(
			'<p class="ocdi__modal-item-title">' + ocdi.import_files[ selectedImportID ]['import_file_name'] + '</p>' +
			previewImageContent +
			importNoticeContent +
			importForm
		);

// 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( '<p>' + response.message + '</p>' );
				$( '.js-ocdi-ajax-loader' ).hide();

// Trigger custom event, when OCDI import is complete.
				$( document ).trigger( 'ocdiImportComplete' );
			}
			else {
				$( '.js-ocdi-ajax-response' ).append( '<div class="notice  notice-error  is-dismissible"><p>' + response + '</p></div>' );
				$( '.js-ocdi-ajax-loader' ).hide();
			}
		})
		.fail( function( error ) {
			$( '.js-ocdi-ajax-response' ).append( '<div class="notice  notice-error  is-dismissible"><p>Error: ' + error.statusText + ' (' + error.status + ')' + '</p></div>' );
			$( '.js-ocdi-ajax-loader' ).hide();
		});
	}
} );