zZzzZ. — /home2/zrzvbdry/public_html/wp-content/plugins/kingcomposer/assets/js

Editing: kc.views.js

/*
 * KingComposer Page Builder
 *
 * (c) Copyright king-theme.com
 *
 *
 * kc.builder.js
 *
*/

( function($){
	 
	if( typeof( kc ) == 'undefined' )
		window.kc = {};
	 
	$().extend( kc.views, {
			
		builder : new kc.backbone.views('no-model').extend({
			
			render : function(){
				
				var el = $( kc.template('container'));
				
				$('#kc-container').remove();
				
				if ($('#postdivrich').length > 0) {
					$('#postdivrich').hide().removeClass('first-load').after( el );
				} else if ($('div.gutenberg').length > 0) {
					$('div.gutenberg').hide().removeClass('first-load').after( el );
					el.show();
				} else if (wp.blocks !== undefined && $('#editor').length > -1) {
					$('#kc-controls').remove();
					$('#editor .editor-block-list__layout').after( el );
					setTimeout(function() {
						$('.edit-post-header').prepend($('#kc-controls'));
					}, 100);
				}
				
				this.el = el;
				
				return el;
							
			},
			
			events : {
				'.classic-mode:click' : kc.switch,
				'.basic-add:click' : kc.backbone.add,
				'.kc-add-sections:click' : 'sections',
				'.kc-online-presets:click' : 'online_sections',
				'.post-settings:click' : 'post_settings',
				'.optimized-page:click' : 'optimized',
				'.quick-save:click' : 'quick_save',
				'.save-page-content:click' : 'save_page',
				'.collapse:click' : 'collapse',
				'#kc-footers li.quickadd:click' : 'footer'
			},
			
			sections : function(e, opt){
				
				var atts = { 
						title: kc.__.i61, 
						width: 1024,
						float: true,
						class: 'no-footer bg-blur-style section-manager-popup',
					},
					pop = kc.tools.popup.render( e.target, atts );
				
				if( typeof opt != 'object' )
					opt = {};
				
				/*
				*	save content from row to section
				*/
				if( opt.save_row !== undefined ){
					pop.data({ model: opt.save_row });
					pop.addClass('kc-save-row-to-section');
				}
				
				/*
				*	select another section
				*/
				if( opt.current !== undefined && opt.model !== undefined ){
					pop.data({ model: opt.model, 'current_item': opt.current });
				}
				
				if (kc.sections === undefined || kc.sections.items.length === 0){
					
					pop.find('.m-p-body').append('<p class="align-center" style="height:200px;"></p>');
					
					kc.ui.sections.reload( pop );
					
				}else kc.ui.sections.render( pop );
				
				return pop;

},
						
			online_sections : function(e){
				
				if ($('#kc-presets-library-pop').length > 0) {
					$('#kc-presets-library-pop').show();
					return;
				};
				
				var pop = $('<div id="kc-presets-library-pop" \
									class="kc-params-popup wp-pointer-top kc-popup-float" \
										style="width:90vw;height:95vh !important">\
								<div class="m-p-wrap wp-pointer-content">\
									<h3 class="m-p-header">\
										<span data-st="label">Online Presets & Templates Library</span>\
										<i data-prevent-drag="true" title="Hide popup" class="sl-close sl-func"></i>\
									</h3>\
									<div class="m-p-body" style="height:95vh;max-height:calc(95vh - 55px);padding: 0px;">\
										<iframe src="https://presets.kingcomposer.com/presets/pricing" \
											style="width:100%;height:100%;"></iframe>\
										<div class="kc-popup-loading" style="display:block"><span class="kc-loader"></span></div>\
									</div>\
								</div>\
							</div>');
				
				$('body').append(pop);
				
				pop.find('h3.m-p-header i.sl-close').on('click', function(e) {
					pop.hide();
					e.preventDefault();
				});
				
				pop.on('click', function(e) {
					if (e.target.id == 'kc-presets-library-pop') {
						pop.hide();
						e.preventDefault();
					}
				});
				
				pop.find('iframe').on('load', function(){
					$(this).parent().find('.kc-popup-loading').remove();
					if (kc_pdk[0] != 'developer-package' && kc_pdk[1] < new Date().getTime()/1000)
						this.contentWindow.postMessage({pdk: 0}, '*');
					else this.contentWindow.postMessage({pdk: '1'}, '*');
				});
				
				return;
				
				var atts = { 
						title: kc.__.i69, 
						width: 1200,
						float: true,
						class: 'no-footer full-screen',
					},
					pop = kc.tools.popup.render( e.target, atts );
				
				if( typeof opt != 'object' )
					opt = {};
				
				if (kc.cfg.preset_link === undefined)
					kc.cfg.preset_link = 'https://kingcomposer.com/presets/pricing/?kc_action=presets';

kc.cfg.preset_link = kc.cfg.preset_link.replace( "http://features.kingcomposer.com/", "https://kingcomposer.com/presets/");

var src = kc.cfg.preset_link+'&ver=' + kc_version + '&client_site='+kc.tools.base64.encode(kc_ajax_url);
				
				if (window.location.href.indexOf('https') === 0)
					src = 'https://kingcomposer.com/redirect.php?url='+encodeURIComponent(src);
				
				var ifr = $('<iframe src="'+src+'" style="width:100%;height:100%;"></iframe>'),
					loading = '<div class="kc-popup-loading" style="display:block"><span class="kc-loader"></span></div>';
				
				pop.find('.m-p-body').append(ifr).append(loading);
				
				ifr.on('load', function(){
					$(this).parent().find('.kc-popup-loading').remove();
				});
				
				return pop;

},
			
			post_settings : function( e ){
				
				var atts = { title: 'Content Settings', width: 800, class: 'no-footer bg-blur-style' },
					pop = kc.tools.popup.render( e.target, atts );
					
				var arg = kc.tools.reIndexForm($("input[name^='kc_post_meta']").serializeArray(), []).kc_post_meta;
					
				var sections = $( kc.template( 'post-settings', arg ) );

pop.find('.m-p-body').append( sections );
				
				if( typeof arg.callback == 'function' )
					arg.callback( sections, $ );
				
				return false;
					
			},
			
			optimized : function( e ){
				
				var atts = { title: 'Optimize Settings', width: 800, class: 'no-footer bg-blur-style' },
					pop = kc.tools.popup.render( e.target, atts );
					
				var arg = kc.tools.reIndexForm($("input[name^='kc_post_meta']").serializeArray(), []).kc_post_meta;
					
				var sections = $( kc.template( 'optimized-settings', arg ) );

pop.find('.m-p-body').append( sections );
				
				if( typeof arg.callback == 'function' )
					arg.callback( sections, $ );
				
				return false;
					
			},
			
			collapse : function(e){
				
				var ctn = $('#kc-container');
				if (!ctn.hasClass('collapse'))
				{
					ctn.addClass('collapse');
					$('#kc-page-cfg-collapsed').val('collapse');
				}
				else
				{
					ctn.removeClass('collapse');
					$('#kc-page-cfg-collapsed').val('');
				}
				
				e.preventDefault();
				return false;
					
			},
			
			footer : function(){
				
				var content = $(this).data('content');
				
				if( content == 'custom' ){
					
					var atts = { 
						title: kc.__.i36, 
						width: 750, 
						float: true,
						class: 'push-custom-content',
						save_text: 'Push to builder'
					},
					pop = kc.tools.popup.render( this, atts );
					
					var copied = kc.backbone.stack.get('KC_RowClipboard');
					if( copied === undefined || copied == '' )
						copied = '';
					pop.find('.m-p-body').html( kc.__.i37+'<p></p><textarea style="width: 100%;height: 300px;">'+copied+'</textarea>');
					
					pop.data({
						callback : function( pop ){
							
							var content = pop.find('textarea').val();
							if( content !== '' )
								kc.backbone.push( content );
						}
					});
					
					return;
					
				}else if( content == 'paste' ){
					content = kc.backbone.stack.get('KC_RowClipboard');
					if( content === undefined || content == '' ){
						content = '[kc_column_text]<p>'+kc.__.i38+'</p>[/kc_column_text]';
					}
				}
				
				if( content != '' )
					kc.backbone.push( content );
				
			},
			
			quick_save: function(e) {
				kc.instant_submit();
				e.preventDefault();	
			},
			
			save_page : function(e){
				
				kc.views.builder.sections( e, {save_row: 'all'} );
				
				return false;
				
			}
			
		} ),

views_sections : new kc.backbone.views().extend({
			
			render : function( params ){
				
				var el = new $( kc.template( 'views-sections', params ) );
				kc.params.process_all( params.args.content, el.find('> .kc-views-sections-wrap'), 'views_section' );
				
				this.el = el;
				
				return el;
				
			},
			
			events : {
				'>.kc-views-sections-control .edit:click' : 'settings',
				'>.kc-views-sections-control .delete:click' : 'remove',
				'>.kc-views-sections-control .double:click' : 'double',
				'>.kc-views-sections-wrap .add-section:click' : 'add_section',
				'>.kc-views-sections-control .more:click' : 'more',
				'>.kc-views-sections-control .copy:click' : 'copy',
				'>.kc-views-sections-control .cut:click' : 'cut',
				'>.kc-views-sections-control:click' : function( e ){
					var tar = $(e.target);
					if( tar.hasClass('more') || tar.parent().hasClass('more') )
						return;
					$(this).find('.active').removeClass('active');
				},
			},
			
			add_section : function(e) {

e.data.do_add_section(this);
				
			},
			
			do_add_section : function(el) {

var wrp = $(el).closest('.kc-views-sections-wrap'),
					maps = kc.get.maps(el),
					smaps = kc.maps[maps.views.sections],
					content = '['+maps.views.sections+' title="New '+smaps.name+'"][/'+maps.views.sections+']';
				
				wrp.find('> .kc-views-sections-label .sl-active').removeClass('sl-active');
				wrp.find('> .kc-section-active').removeClass('kc-section-active');
					
				kc.params.process_all( content, wrp, 'views_section' );
				
			}
			
		} ),
		
		views_section : new kc.backbone.views().extend({
			
			render : function( params ){

if( params.row_id != undefined && params.row_id != '__empty__' )
						html += '#'+params.row_id+' ';
					
					el.html( html );
					
				}});
				
			},
			
			status : function( e ){
					
				var model = kc.get.model( this ), stt = '';
				if( kc.storage[ model ] !== undefined && kc.storage[ model ].args !== undefined ){
					
					if( $(this).hasClass('disabled') ){
						
						$(this).removeClass('disabled').closest('.kc-model').removeClass('collapse');
						delete kc.storage[ model ].args.disabled;
						
					}else{
						
						$(this).addClass('disabled').closest('.kc-model').addClass('collapse');
						kc.storage[ model ].args.disabled = 'on';
						
					}
					
					kc.confirm( true );
					
				}
				
			},
			
			get_order : function( e ){
				$(this).val( $('#kc-rows>.kc-row').index( $(this).closest('.kc-row') )+1 );
			},
			
			order : function( e ){
				
				var row = $(this).closest('.kc-row'), 
					rows = $('#kc-rows>.kc-row'), 
					index = $(this).parent().find('input').val();
					
				if( index === '' || index < 0 || index > rows.length ){
					
					$(this).prev().
						animate({marginLeft:-20}, 150).
						animate({marginLeft:15}, 150).
						animate({marginLeft:-10}, 150).
						animate({marginLeft:5}, 150).
						animate({marginLeft:0}, 150);
				
				}else if( index == 0 || index == 1 ){
					
					rows.first().before( row );
					kc.ui.scrollAssistive( row.get(0), true );
					$(this).parent().find('input').val('');
				
				}else{
					
					if( rows.index(row) < index-1 )
						rows.eq(index-1).after( row );
					else rows.eq(index-1).before( row );
					
					kc.ui.scrollAssistive( row.get(0), true );
					$(this).parent().find('input').val('');
				
				}
				
				e.preventDefault();
				return false;
				
			},
			
			order_enter : function( e ){
				
				if( e.keyCode == 13 ){
					$(this).next().trigger('click');
					e.preventDefault();
					return false;
				}
			},
			
			select_section : function( e ){
				
				var model = kc.get.model(e.target),
					current = $(this).data('current');
				
				kc.views.builder.sections( e, { current: current, model: model } );
				
				e.preventDefault();
				return false;
				
			}
			
		} ),
				
		column : new kc.backbone.views().extend({
			
			render : function( params ){
				
				if( typeof params.name == 'undefined' || ['kc_column', 'kc_column_inner'].indexOf(params.name) === -1){
					params.name = 'kc_column'; 
					params.end = '[/kc_column]';
				}
				
				var _w = params.args['width'], el, tmp_name = 'column';
				if( _w != undefined ){
					if( _w.toString().indexOf('/') > -1 ){
						_w = _w.split('/');
						_w = parseFloat((_w[0]/_w[1])*100).toFixed(4)+'%';
					}else if( _w.toString().indexOf('%') === -1 )
						_w += '%';
				}else{
					_w = '100%';
				}

if( params.name.indexOf('kc_column_inner') > -1)
					tmp_name = 'column-inner';
				else
					tmp_name = 'column';
					
				el = $( kc.template( tmp_name, { width: _w } ) );
				kc.params.process_all( params.args.content, el.find('.kc-column-wrap') );
				
				this.el = el;
				
				return el;
				
			},
			
			events : {
				'>.kc-column-control .edit:click' : 'settings',
				'>.kc-column-control .add:click' : 'add',
				'>.kc-column-control .delete:click' : 'delete',
				'>.kc-column-control .double:click' : 'double',
				'>.kc-column-control .insert:click' : 'insert',
			},
			
			
			delete : function( e, id ){
				
				if( !confirm( kc.__.sure ) )
					return;
				
				if( id == undefined )
					var id = kc.get.model( this );
				
				var col = $( '#model-'+id ),
					pco = col.parent();
				
				col.find('.kc-model').each(function(){
					delete kc.storage[ kc.get.model(this) ];
				});
					
				col.remove();
				delete kc.storage[ id ];
				
				kc.views.column.reset_view(pco);
				
			},
			
			insert : function( id ){
				
				if (typeof id === 'object')
					id = kc.get.model(this);
					
				var el = $('#model-'+id),
					data = kc.storage[id],
					cdata = $().extend( true, {}, data );

if( el.parent().find('>.kc-model').length >= 10 ){
					alert(kc.__.i54);
					return;
				}

cdata.args.content = '';

insert : function( e, id ){
				
				var id = kc.get.model(this),
					el = $('#model-'+id),
					data = kc.storage[id],
					cdata = $().extend( true, {}, data );
				
				if( el.parent().find('>.kc-model').length >= 10 ){
					alert(kc.__.i54);
					return;
				}
				
				cdata.args.content = '';
				
				var cel = kc.views.kc_column_inner.render( cdata, true );
				el.after(cel);
				
				kc.views.column.reset_view(el.parent());
				
				kc.ui.sortInit();
					
			},
						
			delete : function( e  ){
				
				kc.views.column.delete( e, kc.get.model( this ) );

},
			
		}),
					
		kc_element : new kc.backbone.views().extend({
			
			render : function( params ){
				
				var map = $().extend( {}, kc.maps._std );
				map = $().extend( map, kc.maps[ params.name ] );
				
				var el = $( kc.template( 'element', { map : map, params : params } ) );
				
				setTimeout( function( params, map, el ){
					el.append( kc.params.admin_label.render({map: map, params: params, el: el }));
				}, parseInt(Math.random()*100)+100, params, map, el );
				
				if (map.nested === true)
					kc.params.process_all( params.args.content, el.find('.kc-column-wrap') );
				
				this.el = el;
				
				return el;
				
			},
			
			events : {
				'>.kc-element-control .edit:click' : 'edit',
				'>.kc-element-control .delete:click' : 'remove',
				'>.kc-element-control .double:click' : 'double',
				'>.kc-element-control .add:click' : 'add',
				'>.kc-element-control .more:click' : 'more',
				'>.kc-element-control .copy:click' : 'copy',
				'>.kc-element-control .cut:click' : 'cut',
				'>.kc-element-control:click' : function( e ){
					var tar = $(e.target);
					if( tar.hasClass('more') || tar.parent().hasClass('more') )
						return;
					$(this).find('.active').removeClass('active');
				},
			},
			
			edit : function( e ){
				
				var pop = kc.backbone.settings( this );
				if( !pop ){
					alert( kc.__.i43 );
					return;
				}	
				
				$(this).closest('.kc-element').addClass('editting');
				pop.data({cancel: function(pop){
					
					$( pop.data('button') ).closest('.kc-element').removeClass('editting');
					
				},after_callback : function( pop ){
					
					var id = kc.get.model( pop.data('button') ),
						params = kc.storage[ id ], 
						map = $().extend( {}, kc.maps._std ),
						el = $('#model-'+id);
					
					map = $().extend( map, kc.maps[ params.name ] );
					el.find('>.admin-view').remove();
					el.append( kc.params.admin_label.render({map: map, params: params, el: el }));
	
				}});
				
			}
			
		}),
							
		kc_undefined : new kc.backbone.views().extend({
			
			render : function( params ){
				
				var map = $().extend( {}, kc.maps._std );
				map = $().extend( map, kc.maps[ params.name ] );
				
				var el = $( kc.template( 'undefined', { map : map, params : params } ) );
				
				this.el = el;
				
				return el;
				
			},
			
			events : {
				'>.kc-element-control .edit:click' : 'edit',
				'>.kc-element-control .delete:click' : 'remove',
				'>.kc-element-control .double:click' : 'double'
			},
			
			edit : function( e ){

} );
	
} )( jQuery );