KOK - MANAGER

Edit File: unitecreator_page_builder.js

"use strict";

/**
	 * hide new page stuff and show existing page stuff
	 */
	function switchInterfaceToExisting(layoutID, pageName){
		
		g_layoutID = layoutID;
		
		//g_objWrapper.data("layoutid", g_layoutID);
		
		jQuery(".uc-layout-newpage").hide();
		
		jQuery(".uc-layout-existingpage").show();
		
		updateShortcode();
		
		//update preview button
		var buttonPreview = jQuery("#uc-button-preview-layout");
		var url = buttonPreview.attr("href");
		
		url = url.replace("id=0","id="+layoutID);
		buttonPreview.attr("href", url);
		
		//update button mode
		var buttonMode = jQuery("#uc_button_edit_mode");
		
		var urlBox = buttonMode.data("urlbox");
		urlBox += "&id="+layoutID;
		buttonMode.data("urlbox", urlBox);
		
		var urlLive = buttonMode.data("urllive");
		urlLive += "&id="+layoutID;
		buttonMode.data("urllive", urlLive);
		
		location.hash = "layoutid="+layoutID;
	}
	
	/**
	 * update preview url by name
	 */
	function updateUrlPreviewByName(pageName){
		
		if(!pageName)
			return(false);
		
		var buttonPreview = jQuery("#uc-button-preview-layout");
		if(buttonPreview.length == 0)
			return(false);
		
		var urlTemplate = buttonPreview.data("template");
		if(!urlTemplate)
			return(false);
		
		var urlPreview = urlTemplate.replace("[page]", pageName);
		buttonPreview.attr("href", urlPreview);
		
	}
	
	/**
	 * check and redirect if needed
	 */
	function checkRedirectLayout(){
		
		if(g_layoutID)
			return(false);
		
		var hash = location.hash;
		if(!hash)
			return(false);
		
		var layoutID = hash.replace("#layoutid=","");
		
		layoutID = jQuery.trim(layoutID);
		if(jQuery.isNumeric(layoutID) == false)
			return(false);
			
		var viewLayout = g_ucAdmin.getUrlView("layout_outer","id="+layoutID+"&ucwindow=blank");
		
		
		showLoaderMessage("Loading Page...");
		
		location.href = viewLayout;
		
		return(true);
	}

/**
	 * enter view mode
	 */
	function toViewMode(){
		
		g_objWrapper.addClass("uc-view-mode");
		
		if(g_gridBuilder)
			g_gridBuilder.doAction("to_view_mode");
		
	}
	
	/**
	 * exit view mode
	 */
	function exitViewMode(){
		
		g_objWrapper.removeClass("uc-view-mode");
		
		if(g_gridBuilder)
			g_gridBuilder.doAction("to_regular_mode");
		
	}
	
	
	/**
	 * on actions panel button click
	 */
	function runAction(action, params){
		
		switch(action){
			case "open_main_menu":
				g_panel.toggle("main-menu");
			break;
			case "view_desktop":
				changeView(t.vars.VIEW_DESKTOP);
			break;
			case "view_mobile":
				changeView(t.vars.VIEW_MOBILE);
			break;
			case "view_tablet":
				changeView(t.vars.VIEW_TABLET);				
			break;
			case "import":
				openImportLayoutDialog();				
			break;
			case "export":
				exportLayout();
			break;
			case "save_exit":
				var urlBack = g_ucAdmin.getVal(params, "url_back");				
				var message = g_ucAdmin.getVal(params, "message");
				updateLayoutAndExit(urlBack, message);
			break;			
			case "exit":
				var urlBack = g_ucAdmin.getVal(params, "url_back");				
				var message = g_ucAdmin.getVal(params, "message");
	    		exitEditor(urlBack, message);
			break;
			case "tolive":
			case "tobox":
				var urlBack = g_ucAdmin.getVal(params, "url_redirect");				
				var message = g_ucAdmin.getVal(params, "message");
				updateLayoutAndExit(urlBack, message);
			break;
			case "page_settings":
				if(g_gridBuilder)
					g_gridBuilder.doAction("open_grid_settings");
			break;
			case "page_params":
				
				if(g_gridBuilder)
					g_gridBuilder.doAction("open_page_params_panel");
			break;
			case "duplicate":
				updateLayoutAndDuplicate();
			break;
			case "to_view_mode":
				toViewMode();
			break;
			case "to_regular_mode":
				exitViewMode();
			break;
			case "play_panelobject_animation":
			case "play_panelobject_section_animation":
			case "undo":
				if(g_gridBuilder)
					g_gridBuilder.doAction(action, params);
			break;
			default:
				throw new Error("wrong action: "+action);
			break;
		}
		
	}
	
	function _______SHORTCODE_________(){}
	
	
	/**
	 * init shortcode
	 */
	function initShortcode(){
		
		var objShortcode = jQuery("#uc_layout_shortcode");
		if(objShortcode.length == 0)
			return(false);
				
		updateShortcode();
		
		jQuery("#uc_layout_title").change(updateShortcode);
		
		jQuery("#uc_link_copy_shortcode").on("click",onCopyShortcodeClick);
	}
	
	
	/**
	 * set shortcode
	 */
	function updateShortcode(){
		
		var objShortcode = jQuery("#uc_layout_shortcode");
		
		var titleText = jQuery("#uc_layout_title").val();
		titleText = g_ucAdmin.stripslashes(titleText);
		
		titleText = g_ucAdmin.escapeDoubleQuote(titleText);
		
		var wrappersType = objShortcode.data("wrappers");
		var shortcodeName = objShortcode.data("shortcode");
		
		var wrapperLeft = "{", wrapperRight = "}";
		
		if(wrappersType == "wp"){
			wrapperLeft = "[";
			wrapperRight = "]";
		}
		
		var shortcode = wrapperLeft+shortcodeName+" id="+g_layoutID+" title=\""+titleText+"\" " + wrapperRight;
		
		objShortcode.val(shortcode);
	}
	
	
	/**
	 * on copy click
	 */
	function onCopyShortcodeClick(){
				
		jQuery("#uc_layout_shortcode").focus().select();
		
		document.execCommand("copy");
	}
	
	
	function _______SAVE_LAYOUT_________(){}
	
	
	/**
	 * on update layout button click
	 */
	function updateLayout(isTitleOnly, funcOnSuccess){
		
		if(!isTitleOnly && g_temp.is_save_enabled == false)
			return(true);
		
		var title = jQuery("#uc_layout_title").val();
		var objLayoutName = jQuery("#uc_layout_name");
		
		
		var data = {
				layoutid: g_layoutID,
				title: title
		};
		
		if(g_layoutType)
			data["layout_type"] = g_layoutType;
		
		if(objLayoutName.length)
			data["name"] = objLayoutName.val();
		
		
		if(isTitleOnly !== true){
			var dataGrid = g_gridBuilder.getGridData();
			
			//page params
			var pageParams = g_gridBuilder.getPageParams();
			
			if(pageParams)
				data["params"] = pageParams;
			
			var jsonData = JSON.stringify(dataGrid);
			var strEncodedData = g_ucAdmin.encodeContent(jsonData);
			
			data["grid_data"] = strEncodedData;
			
			g_ucAdmin.setAjaxLoaderID(function(eventName){
				
				if(eventName == "show_loader"){
					
					jQuery("#uc_layout_status_loader").show();
					jQuery("#uc_layout_save_button_text").hide();					
					jQuery("#uc_layout_save_button_loader").show();					
				}else{
					jQuery("#uc_layout_save_button_text").show();					
					jQuery("#uc_layout_status_loader").hide();					
					jQuery("#uc_layout_save_button_loader").hide();					
					
				}
				
			});
			
			
		}else{
			
			g_ucAdmin.setAjaxLoaderID("uc_button_rename_page_loader");
			g_ucAdmin.setAjaxHideButtonID("uc_button_rename_page");
			
			data["title_only"] = true;
		}
		
		
		//var data
		g_ucAdmin.setSuccessMessageID("uc_layout_status_success");
		
		g_ucAdmin.setErrorMessageOnHide(function(){
			jQuery("#uc_layout_status_error").hide();
		});
			
		g_ucAdmin.setErrorMessageID(t.showErrorMessage);
		
		g_ucAdmin.ajaxRequest("update_layout", data, function(response){
								
				var pageName = g_ucAdmin.getVal(response, "page_name");
				
				jQuery("#uc_page_title").html(title);
				var objLayoutNameInput = jQuery("#uc_layout_name");
				if(objLayoutNameInput.length)
					objLayoutNameInput.val(pageName);
				
				
				//handle new page
				if(!g_layoutID){
					
					switchInterfaceToExisting(response.layout_id);
										
				}else{
										
					if(isTitleOnly !== true)
						disableSave();
				}
				
				if(pageName)
					updateUrlPreviewByName(pageName);
				
				
				if(!funcOnSuccess && g_temp.takeScreeshotOnSave == true && isTitleOnly !== true){
					createLayoutThumbnail();
				}
								
				if(funcOnSuccess)
					funcOnSuccess();
		});
	}

/*
     * on save title button click
     */
    function onSaveTitleClick(){
       
    	updateLayout(true);
	}

/**
     * exit editor
     */
	function exitEditor(urlBack, message, isSkip){

urlBack = g_ucAdmin.convertAmpSign(urlBack);
		
		showLoaderMessage(message);
		
		if(isSkip === true)
			g_temp.skip_message_onexit = true;
		
		setTimeout(function(){
			location.href = urlBack;
		},500);
	}
    
    
    /**
     * update layout and exit
     */
    function updateLayoutAndExit(urlBack, message){
		    	
    	g_ucAdmin.validateNotEmpty(urlBack, "back url");
    	g_ucAdmin.validateNotEmpty(message, "message");
    	
    	g_temp.is_save_enabled = true;
    	
    	updateLayout(false, function(){
    		
    		exitEditor(urlBack,message,true);
    	});
    	
    }
	
    /**
     * update layout then duplicate
     */
    function updateLayoutAndDuplicate(){
    	
    	g_temp.is_save_enabled = true;
    	
    	//update layout first
    	updateLayout(false, function(){
    		
    		duplicateLayout();
    		
    	});
    	
    }
    
    
    /**
     * duplicate layout
     */
    function duplicateLayout(){
    	
		var data = {
				layout_id: g_layoutID,
				redirect_to_layout:true
		};
		
		g_ucAdmin.ajaxRequest("duplicate_layout", data);
    	
    }
		
	function _______IMPORT_EXPORT_________(){}
	
	/**
	 * export layout
	 */
	function exportLayout(){
		
		var params = "id="+g_layoutID;
		var urlExport = g_ucAdmin.getUrlAjax("export_layout", params);
		location.href=urlExport;
		
		g_temp.skip_message_onexit = true;
	}
	
	
	/**
	 * open import layout dialog
	 */
	function openImportLayoutDialog(){
		
		jQuery("#dialog_import_layouts_file").val("");
		
		var options = {minWidth:700};
		
		g_ucAdmin.openCommonDialog("#uc_dialog_import_layouts", null, options);
		
	}
	
	
	/**
	 * init import layout dialog
	 */
	function initImportLayoutDialog(){
						
		jQuery("#uc_dialog_import_layouts_action").on("click",function(){
			
			var isOverwrite = jQuery("#dialog_import_layouts_file_overwrite").is(":checked");
	        var data = {overwrite_addons:isOverwrite};
	        
	        data.layoutID = g_layoutID;
			
	        if(!g_layoutID)
	        	throw new Error("layout id not found");
	        
	        var objData = new FormData();
	        var jsonData = JSON.stringify(data);
	    	objData.append("data", jsonData);
	    	
	    	g_ucAdmin.addFormFilesToData("dialog_import_layouts_form", objData);
	    	
	    	g_temp.skip_message_onexit = true;
	    	
			g_ucAdmin.dialogAjaxRequest("uc_dialog_import_layouts", "import_layouts", objData);
			
		});
		
	}
	
	
	/**
	 * change view - desktop / mobile / tablet
	 */
	function changeView(view){
		
		switch(view){
			case t.vars.VIEW_DESKTOP:
				g_objWrapper.removeClass("uc-view-mobile");
				g_objWrapper.removeClass("uc-view-tablet");
				g_objWrapper.addClass("uc-view-desktop");				
			break;
			case t.vars.VIEW_MOBILE:
				g_objWrapper.removeClass("uc-view-desktop");
				g_objWrapper.removeClass("uc-view-tablet");
				g_objWrapper.addClass("uc-view-mobile");
			break;
			case t.vars.VIEW_TABLET:
				g_objWrapper.removeClass("uc-view-desktop");
				g_objWrapper.removeClass("uc-view-mobile");
				g_objWrapper.addClass("uc-view-tablet");
			break;
			default:
				throw new Error("Wrong view: "+t.vars.VIEW_MOBILE);
			break;
		}
				
		
		g_temp.view = view;
		triggerEvent(t.events.VIEW_CHANGED, view);
	}
	
	
	/**
	 * disable save button
	 */
	function disableSave(){
		
		g_objWrapper.addClass("uc-state-saved");
		g_temp.is_save_enabled = false;
		
	}
	
	/**
	 * enable save button
	 */
	function enableSave(){
		
		g_objWrapper.removeClass("uc-state-saved");
		g_temp.is_save_enabled = true;
		
	}
	
	
	function ____________SAVE_PANEL_AND_SCREENSHOT______________(){}
	
	
	/**
	 * create layout thumbnail
	 */
	function createLayoutThumbnail(layoutID){
		
		if(!layoutID)
			layoutID = g_layoutID;
		
		if(!layoutID){
			trace("no layout found!");
			return(false);
		}