1#@!#!123s

: / home / ltfsolutionsco / www / wp-content / plugins / fusion-builder / front-end / views /

Filename : view-blank-page.js

back

/* global FusionPageBuilderApp, FusionPageBuilderViewManager, fusionAllElements, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};

( function( $ ) {

	$( document ).ready( function() {

		// Builder Blank Page View
		FusionPageBuilder.BlankPageView = window.wp.Backbone.View.extend( {

			className: 'fusion-builder-blank-page',

			template: FusionPageBuilder.template( $( '#fusion-builder-blank-page-template' ).html() ),

			events: {
				'click .fusion-builder-new-section-add': 'addContainer',
				'click .fusion-builder-video-button': 'openVideoModal',
				'click #fusion-load-template-dialog': 'openLibrary'
			},

			/**
			 * Init.
			 *
			 * @since 2.0.0
			 * @return {void}
			 */
			initialize: function() {
				this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
			},

			/**
			 * Renders the view.
			 *
			 * @since 2.0.0
			 * @return {Object} this
			 */
			render: function() {
				var colorScheme = this.getColorScheme( FusionApp.settings.content_bg_color );

				this.$el.html( this.template( this.model.toJSON() ) );

				this.$el.addClass( 'fusion-builder-scheme-' + colorScheme );

				this.$el.find( '#video-dialog' ).dialog( {
					dialogClass: 'fusion-builder-dialog fusion-video-dialog',
					autoOpen: false,
					modal: true,
					height: 470,
					width: 700
				} );

				return this;
			},

			/**
			 * Calculate color scheme depend on hex color.
			 *
			 * @since 2.0.0
			 * @param {string} hexColor - The hex color code to calculate color scheme against.
			 * @return {string}
			 */
			getColorScheme: function( hexColor ) {
				hexColor = 'string' !== typeof hexColor ? '#ffffff' : hexColor.replace( '#', '' );
				return ( parseInt( hexColor, 16 ) > 0xffffff / 2 ) ? 'light' : 'dark';
			},

			/**
			 * Opens a video modal.
			 *
			 * @since 2.0.0
			 * @param {Object} event - The event triggering the modal.
			 * @return {void}
			 */
			openVideoModal: function( event ) {
				if ( event ) {
					event.preventDefault();
				}

				jQuery( '#video-dialog' ).dialog( 'open' );
				jQuery( '#video-dialog iframe' ).focus();

				jQuery( '#video-dialog iframe' )[ 0 ].contentWindow.postMessage( '{"event":"command","func":"playVideo","args":""}', '*' );
			},

			/**
			 * Adds a container.
			 *
			 * @since 2.0.0
			 * @param {Object} event - The event triggering the container addition.
			 * @return {void}
			 */
			addContainer: function( event ) {

				var elementID,
					defaultParams,
					params,
					value,
					newContainer;

				if ( event ) {
					event.preventDefault();
					FusionPageBuilderApp.newContainerAdded = true;
				}

				elementID     = FusionPageBuilderViewManager.generateCid();
				defaultParams = fusionAllElements.fusion_builder_container.params;
				params        = {};

				// Process default options for shortcode.
				_.each( defaultParams, function( param )  {
					if ( _.isObject( param.value ) ) {
						value = param[ 'default' ];
					} else {
						value = param.value;
					}
					params[ param.param_name ] = value;

					if ( 'dimension' === param.type && _.isObject( param.value ) ) {
						_.each( param.value, function( val, name )  {
							params[ name ] = val;
						} );
					}
				} );

				this.collection.add( [
					{
						type: 'fusion_builder_container',
						added: 'manually',
						element_type: 'fusion_builder_container',
						cid: elementID,
						params: params,
						view: this,
						created: 'auto'
					}
				] );

				// Make sure to add row to new container not current one.
				newContainer = FusionPageBuilderViewManager.getView( elementID );
				newContainer.addRow();

				this.removeBlankPageHelper();
			},

			/**
			 * Opens the library.
			 * Calls the LibraryView and then renders it.
			 *
			 * @since 2.0.0
			 * @param {Object} event - The event.
			 * @return {void}
			 */
			openLibrary: function( event ) {
				var view,
					libraryModel = {
						target: jQuery( event.currentTarget ).data( 'target' ),
						focus: jQuery( event.currentTarget ).data( 'focus' )
					},
					viewSettings = {
						model: libraryModel
					};

				if ( event ) {
					event.preventDefault();
					event.stopPropagation();
					FusionPageBuilderApp.sizesHide( event );
				}

				view = new FusionPageBuilder.LibraryView( viewSettings );
				view.render();
			},

			/**
			 * Removes the helper for blank pages.
			 *
			 * @since 2.0.0
			 * @param {Object} event - The event.
			 * @return {void}
			 */
			removeBlankPageHelper: function( event ) {
				if ( event ) {
					event.preventDefault();
				}

				FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );

				this.model.destroy();

				if ( jQuery( '#video-dialog' ).length ) {
					jQuery( '#video-dialog' ).dialog( 'destroy' );
				}

				this.remove();
			}

		} );

		jQuery( 'body' ).on( 'click', '.ui-dialog-titlebar-close', function() {
			var dialog = jQuery( this ).closest( '.ui-dialog' );
			if ( dialog.find( '#video-dialog' ).length ) {
				dialog.find( '#video-dialog iframe' )[ 0 ].contentWindow.postMessage( '{"event":"command","func":"pauseVideo","args":""}', '*' );
				dialog.hide();
			}
		} );
	} );
}( jQuery ) );

Name	Size	Last Modified	Owner	Permissions
elements	Dir	May 15 2023 2:21:53	ltfsolutionsco	0755
.htaccess	0.193 KB	June 03 2023 12:48:06	ltfsolutionsco	0644
view-base-column.js	51.982 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-base-row.js	5.491 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-base.js	37.319 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-blank-page.js	5.038 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-builder-preferences.js	3.64 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-child-element.js	15.665 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-column-nested.js	22.766 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-column.js	28.513 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-container.js	55.153 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-context-menu-inline.js	4.059 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-context-menu.js	8.442 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-dynamic-data.js	4.433 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-dynamic-selection.js	3.753 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-element-settings-parent.js	5.127 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-element-settings.js	41.393 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-element.js	13.969 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-generator-elements.js	6.118 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-history.js	17.364 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-keyboard-shortcuts.js	1.606 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-library-column.js	6.965 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-library-container.js	8.116 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-library-elements.js	8.68 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-library-nested-column.js	2.833 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-library.js	29.09 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-next-page.js	10.389 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-parent-element.js	24.483 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-row-nested.js	27.485 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-row.js	9.846 KB	October 23 2019 10:16:08	ltfsolutionsco	0755
view-toolbar.js	6.523 KB	October 23 2019 10:16:08	ltfsolutionsco	0755

2017 © D7net \| D704T team