文件操作 - zohoforms-block.js

文件: /storage/v12552/i2kplay/public_html/wp-content/plugins/zoho-forms/zohoforms-block.js

编辑文件内容

//hide perma link error
  		function hideError(){
  			var permaLinkErrElem = $('#permaLinkError');
  			$(permaLinkErrElem).parent().removeClass("zf-wb-errorCont");
  			$(permaLinkErrElem).hide();
  		}
  		function formSelectOnchange(){
  			hideFormSelectError();
  			showEmbedActionsDiv();
  		}
  		function showEmbedActionsDiv(){
  			var formName = $("#zf_formslist").val();
  			if(formName!="-select-"){
  				$("#embedActionsDiv").show();
  			}else{
  				$("#embedActionsDiv").hide();
  			}
  		}
  		//This function will be called on clicking embed button after choosing form details.
  		function zf_block_embed(){
  			var formPerma='', formTitle = '';
  			if($("#embedCatogory").val()=="formPerma"){
	  			formPerma = $("#permalink").val();
	  			if(formPerma.length==0){
	  				var permaLinkErrElem = $('#permaLinkError');
	  				$(permaLinkErrElem).parent().addClass("zf-wb-errorCont");
	  				$(permaLinkErrElem).show();
	  				return;
	  			}
  			}else{
	  			formPerma = $("#zf_formslist").val();
	  			if(formPerma.length==0 || formPerma =="-select-"){
	  				var formSelectError = $("#formSelectError");
	  				$(formSelectError).parent().addClass("zf-wb-errorCont");
	  				$(formSelectError).show();
	  				return;
	  			}
	  			formTitle = $("#zf_formslist").find(":selected").text();
  			}
  			var height = $("#formHeight").val();
  			var width = $("#formWidth").val();
  			if(height == ""){
  				height = '600px';
  			}
  			if(width == ""){
  				width= '100%';
  			}
  			var embedType= "iframe";
	  		if($("#jsEmbed").is(":checked")){
				embedType ='js';
			}
			var autoHeight = false;
			if($("#autoHeightCB").is(":checked")){
				autoHeight =true;
			}
			var urlParams = '';
			if($("#queryParamsCB").is(":checked")){
				var hasError = false;
				var paramsDiv = $("#urlParamsDiv").find("div[elname=paramsDiv]");
				$(paramsDiv).find("div[eltype=keyValPair]").each(function(index,elem){
					var paramKeyRegex = /^[a-zA-Z0-9-_]+$/;
					var paramKey = $.trim($(elem).find("input[elname=paramKey]").val());
					var paramVal = $.trim($(elem).find("input[elname=value]").val());
					if(!paramKeyRegex.test(paramKey)){
						hasError = true;
						$(elem).find("input[elname=paramKey]").parent("div").addClass("zf-wb-errorCont");
					}
					if(paramKey!='' && paramVal!=''){
						if(urlParams!=''){
							urlParams+="&";
						}
						urlParams+=paramKey+"="+encodeURIComponent(paramVal);
					}
				});
				if(hasError){
					$("#paramError").show();
					return;
				}
			}
  			saveShortCode(formPerma,width,height,embedType,autoHeight,urlParams, formTitle);
  		}
  		//form select error
  		function hideFormSelectError(){
  			var formSelectError = $("#formSelectError");
  			$(formSelectError).parent().removeClass("zf-wb-errorCont");
  			$(formSelectError).hide();
  		}
  		/*embed form threw selecting from list
  		function zf_choose_form_embed(){
  			var formPerma = $("#zf_formslist").val();
  			if(formPerma.length==0 || formPerma =="-select-"){
  				var formSelectError = $("#formSelectError");
  				$(formSelectError).parent().addClass("zf-wb-errorCont");
  				$(formSelectError).show();
  				return;
  			}
  			var height = $("#zformHeight").val();
  			var width = $("#zformWidth").val();
  			if(height == ""){
  				height = '600px';
  			}
  			if(width == ""){
  				width= '100%';
  			}
  			var embedType= "iframe";
	  		if($("#jsEmbed").is(":checked")){
				embedType ='js';
			}
			var autoHeight = false;
			if($("#autoHeightCB").is(":checked")){
				autoHeight =true;
			}
  			saveShortCode(formPerma,width,height,embedType,autoHeight);
  		}*/

//saving shotcode and rendering the form
  		function saveShortCode(formPerma,width,height,embedType,autoHeight,urlParams, formTitle){
  			var escapedFormTitle = formTitle.replace(/'/g, "&#39;").replace(/"/g, "&quot;");
  			var shortCode="[zohoForms formtitle='" + escapedFormTitle + "' src="+formPerma+" width="+width+" height="+height+" type="+embedType+" autoheight="+autoHeight+" urlparams="+urlParams+" /]";
  			var iframe = wpCreateElem("iframe",{src: formPerma,width: width,height: height,frameborder:"0"});
  			props.setAttributes({zf_short_code:shortCode});
  			props.setAttributes({formPerma:formPerma});
  			props.setAttributes({height:height});
  			props.setAttributes({width:width});
  			props.setAttributes({type:embedType});
  			props.setAttributes({autoheight:autoHeight});
  			props.setAttributes({formtitle:formTitle});
  			$("#formPermaLinkPasteDiv").hide();
  			$("#blockEditShortCodeDiv").html(iframe);
  			$("#blockEditShortCodeDiv").show();
  		}
  		//while choosing embed form threw perma url
  		function embedPerma(){
  			hideError();
  			$("#zfHomeDiv").hide();
			$("#chooseZohoFormDiv").hide();
  			$("#formPermaLinkPasteDiv").show();
  			$("#permalink").focus();
  			$("#embedActionsDiv").show();
  			$("#embedCatogory").val("formPerma");
  		}
  		//while choosing embed form threw formslist
  		function chooseForm(){
  			$("#embedCatogory").val("formSelect");
  			$("#embedActionsDiv").hide();
  			hideFormSelectError();
  			hideDomainError();
  			$("#zfHomeDiv").hide();
  			$("#formPermaLinkPasteDiv").hide();
  			$("#chooseZohoFormDiv").show();
  			if(typeof a =="undefined" || a == ""){
				$("#zDomaindiv").show();
		  		$("#zFormSelectDiv").hide();	
		  		$("#zfRefreshDiv").hide();
	  			$("#zfCreateFormDiv").hide();
  			}
  			showEmbedActionsDiv();
  		}
  		//Getting zoho forms and adding to list
  		function getZohoForms(){
  			$("#zfRefreshDiv").hide();
  			var newScript = document.createElement("script");
			var inlineScript = document.createTextNode("var a='';");
			newScript.appendChild(inlineScript); 
			document.getElementsByTagName("head")[0].appendChild(newScript);
  			var domain = $("#zf_domain").val();
  			if(domain != undefined && domain.length != 0 && domain != "-select-"){
	  			var zohoFormsURL = getZohoFormsURL(domain);
	  			resetFormsList();
	  			if(zohoFormsURL != ""){
	  				$("#zDomaindiv").hide();
	  				getZohoFormsList(zohoFormsURL);
	  			}else{
	  				$("#zFormSelectDiv").hide();
	  				//$("#zFsigninDiv").hide();
	  				$("#zfRefreshDiv").hide();
	  				$("#zfCreateFormDiv").hide();
	  			}
  			}else{
  				var domainError = $("#domainErr");
  				$(domainError).parent().addClass("zf-wb-errorCont");
  				$(domainError).show();
  			}
  		}
  		//hide Domain Error
  		function hideDomainError(){
  			var domainError = $("#domainErr");
  			$(domainError).parent().removeClass("zf-wb-errorCont");
  			$(domainError).hide();
  		}
  		//reset forms list
  		function resetFormsList(){
  			hideFormSelectError();
  			$('#zf_formslist').find('option').remove();
  			$('#zf_formslist').append("<option value='-select-'>-Select-</option>");
  		}
  		//constructing url based on domain extention
  		function getZohoFormsURL(domain){
  			if(domain != undefined && domain.length != 0 && domain != "-select-"){
  				if(domain == ".ca") {
  					return "https://forms.zohocloud" + domain;
  				}else {
  					return "https://forms.zoho"+domain;
					}
  			}else{
  				return "";
  			}
  		}
  		//calling api and adding to dropdown
  		function getZohoFormsList(formsUrl){
  			var apiURL = formsUrl+"/api/getforms?type=plugin";
  			$("#loadingDiv").show();
  			getFormsAndIncludeScript(apiURL,addToFormListDropDown);
  		}
  		function showiframeOrJsChange(){
  			if($("#jsEmbed").is(":checked")){
				$("#autoHeightDiv").slideDown();
			}else{
				$("#autoHeightDiv").slideUp();
			}
			$("#autoHeightCB").prop("checked",false);
			$("#formHeight").removeProp("disabled");
			$("#formHeight").prop("placeholder","600px");
  		}
  		function showOrHideUrlParamsDiv(){
  			$("#paramError").hide();
  			if($("#queryParamsCB").is(":checked")){
  				var urlParamsDiv = $("#urlParamsDiv");
				var paramsDiv = $(urlParamsDiv).find("div[elname=paramsDiv]");
				$(paramsDiv).empty();
				var newParam = $(urlParamsDiv).find("div[elname=paramTemplate]").clone();
				$(newParam).removeAttr("elname");
				$(newParam).find("input[elname=paramKey]").attr("onChange","hideparamError(this)");
				$(newParam).find("span[elname=deleteParam]").attr("onclick","deleteParam(this)");
				$(newParam).find("span[elname=addParam]").attr("onclick","addNewParam(this)");
				$(newParam).show();
				$(paramsDiv).append($(newParam));
				$(urlParamsDiv).slideDown();
			}else{
				$("#urlParamsDiv").hide();
			}
  		}

script.onreadystatechange = function(){ 		
		            if (script.readyState == "loaded" || script.readyState == "complete")
			    	{
		                script.onreadystatechange = null;
		                callback();
		            }
		        };
		    } 
		    else 
		    {
			//Others
		       script.onload = function(){
		            callback();
		        };
		        script.onerror = function(){
		    		callback();
		    	};
		    }	
		    script.src = url;
		    document.getElementsByTagName("head")[0].appendChild(script);	
		}
  		function addToFormListDropDown(){
  			$("#zfRefreshDiv").hide();
  			$("#zfCreateFormDiv").hide();
  			if(a!=""){
  				var len = a.forms.length;
  				if(len == 0){
  					$("#zfCreateFormDiv").show();
  					$("#zFormSelectDiv").hide();
  				}else{
	  				var formList =document.getElementById("zf_formslist");
	  				for(i = 0; i < len;i++){
	  					var option = document.createElement("option");
						option.text = a.forms[i].display_name;
						option.value = a.forms[i].public_url;
						formList.options.add(option);
	  				}
	  				$("#zFormSelectDiv").show();
	  				$("#embedActionsDiv").show();
  				}
  			}else{
  				$("#zFormSelectDiv").hide();
  				openSigninOrCreateForm();
  			}
  			$("#loadingDiv").hide();
  		}
  		//Redirecting for  signIn or create Form and loading refresh.
  		function openSigninOrCreateForm(){
  			var domain = $("#zf_domain").val();
  			var zohoFormsURL = getZohoFormsURL(domain);
  			if(zohoFormsURL !=""){
  				window.open(zohoFormsURL);
  				$("#zfCreateFormDiv").hide();
  				$("#zfRefreshDiv").show();
  			}
  		}
  		/*
  			When form is not embedded already, popup will be constructed with createElement function and then returned finally at end of edit function.
		*/
  		var domainDropDownElem = wpCreateElem("div",
		    						{
		      							id: "zDomaindiv",
		      							class: "zf-wb-innerWrapper"
		    						},
		    						wpCreateElem("label",null,"Choose the domain where you've registered your Zoho account.",wpCreateElem("em",null,"*")),
		    						wpCreateElem("div",
		    							{
		    								class: "zf-wb-dropWrapper"
		    							},
		    							wpCreateElem("select",
											{
									        	id: "zf_domain",
									        	onChange: hideDomainError,
									      	},
									      	wpCreateElem("option",
									        	{
									          		value: "-select-"
									        	},
									        	"-Select-"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".com"
									        	},
									        	"zoho.com"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".eu"
									        	},
									        	"zoho.eu"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".com.cn"
									        	},
									        	"zoho.com.cn"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".in"
									        	},
									        	"zoho.in"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".com.au"
									        	},
									        	"zoho.com.au"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".jp"
									        	},
									        	"zoho.jp"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".ca"
									        	},
									        	"zohocloud.ca"
									      	),
									      	wpCreateElem("option",
									        	{
									          		value: ".sa"
									        	},
									        	"zoho.sa"
									      	)
									    )
									),
		    						wpCreateElem("p",{ id:"domainErr", style:{display:'none'}},"Please choose a domain."),
		    						wpCreateElem("div",{class:"zf-wb-connect-btn zf-wb-Fotter"},wpCreateElem("button", { onClick: getZohoForms, class: "zf-wb-blue" },"Connect"))
		  						);
		var formListEmbedDiv = wpCreateElem("div",
		    						{
		    							id: "zFormSelectDiv", 
		    							style: {
		        							display: 'none',
		      							},
		      							class: "zf-wb-innerWrapper"
		      						},
		      						wpCreateElem("div",
		      							{
		      								class: "zf-wb-innerWrapper"
		      							},
		      						wpCreateElem("label",null,"Choose a form",wpCreateElem("em",null,"*")),
		      						wpCreateElem("div",
		      							{
		      								class: "zf-wb-dropWrapper"
		      							},
			      						wpCreateElem("select", 
			      							{
				      							id: "zf_formslist",
				      							onChange : formSelectOnchange
				      						},
				      						wpCreateElem("option",
						        				{
						          					value: "-select-"
						        				},
						        				"-Select-"
						   					)
						   				)
		      						),
		    						wpCreateElem("p",{id: "formSelectError",style: {display: 'none'}},"Please select a form.")),
		  						);
		var refreshDiv = wpCreateElem("div",
			  				{
							    id: "zfRefreshDiv",
							    style: {
							      display: 'none'
							    },
							    class: "zf-wb-signWrapper"
			  				},
			  				wpCreateElem("p", null,"Click 'Refresh' to choose a form."),
			  				wpCreateElem("button", {  id: "refreshLink", onClick: getZohoForms, class: "zf-wb-lightblue" },"Refresh")
						);
		var createFormDiv = wpCreateElem("div",
								{
								    id: "zfCreateFormDiv",
								    style: {
								      display: 'none'
								    },
								    class: "zf-wb-signWrapper"
							  	},
			  					wpCreateElem("p", null,"You don't have any forms."),
			  					wpCreateElem("button", {  id: "createFormLink", onClick: openSigninOrCreateForm, class: "zf-wb-green"},"CREATE A NEW FORM")
							);
  		var chooseZFormDiv = wpCreateElem("div",
		  						{
								    id: "chooseZohoFormDiv",
								    class: "zf-wb-outerWrapper",
								    style: {
								      display: 'none'
								    }
		  						},
		  						wpCreateElem("div",
		  							{class: "zf-wb-headwrap"},
		  							wpCreateElem("span",{class: "zf-wb-backIocn", onClick:goToHomeDiv},backSvgIcon),
		  							wpCreateElem("div",{class: "zf-wb-heading"},"Choose your form")
		  						),
		  						wpCreateElem("div",{id: "loadingDiv", class: "zf-wb-loading" ,style: {display: 'none'}},wpCreateElem("p",null,"loading"),wpCreateElem("div",{class: "zf-wb-spinner"},wpCreateElem("div",{class:"bounce1"}),wpCreateElem("div",{class:"bounce2"}),wpCreateElem("div",{class:"bounce3"}))),
		  						domainDropDownElem,
		  						formListEmbedDiv,
								refreshDiv,
								createFormDiv
							);

wpCreateElem("div", {
							    	class: "addParamaFeld"
							  	}, wpCreateElem("input", {
							    type: "text",
							    elname: "paramKey",
							    maxlength: "50"
							  })),
							  	wpCreateElem("div",{
							  		class: "intArrow"
							  	},
							  	wpCreateElem("em",{class: "arrowImg"})),
							   wpCreateElem("div", {
							    class: "addParamaFeld"
							  },  wpCreateElem("input", {
							    type: "text",
							    elname: "value",
							    maxlength: "50"
							  })), 
							  	wpCreateElem("div",{
							  		class :"zf-Wp-plusminus"
							  	},
							  	wpCreateElem("span",{
							  		class:"fiedPropPlus",
							  		elname: "addParam",
							  	}),
							  	wpCreateElem("span",{
							  		class:"fiedPropMinus",
							  		elname: "deleteParam",
							  	}),
							  	),
							   ) );
		var autoHeightCBDiv = wpCreateElem("div", 
								{
								  id: "autoHeightDiv",
								  class: "cusCheckBox",
								  onChange : disableOrEnableHeight ,
								  style: { display:'none'}
								}, wpCreateElem("input", {
								  type: "checkbox",
								  id: "autoHeightCB",
								}), wpCreateElem("label", {
								  for: "autoHeightCB"
								}, "Set form height automatically."));
		var embedActionDiv = wpCreateElem("div",
								{
    								id: "embedActionsDiv",
    								//class: "zf-WpEmbeddedWrap",
									style: { display:'none'}
  								},
  								wpCreateElem("div",
  								{
  									class: "embedFormUsing",
  								},
  								wpCreateElem("label", null, "Embed form using", ),
								embedTypeDIv,
								autoHeightCBDiv,
  								wpCreateElem("div",
      									{
      										class: "embedFormInputField"
      									},
      									wpCreateElem("span",
        									{
        										
        									},
        									wpCreateElem("label", null, "Width "),
        									wpCreateElem("input", 
					          					{
									            	type: "text",
									            	id: "formWidth",
									            	placeholder: "100%"
					          					}
					        				)
        								),
					      				wpCreateElem("span",
					        				{
					        					
					        				},
					        				wpCreateElem("label", null, "Height "),
					        				wpCreateElem("input", 
					        					{
					            					type: "text",
					            					id: "formHeight",
					            					placeholder: "600px"
					          					}
					          				)
					        			),
					      				//wpCreateElem("div",{class:"clearBoth"},null)
    								)),
									urlParamsCBDiv,
									urlParamDiv,
								   wpCreateElem("div",{
								   		class: "zf-wb-errorCont",
								   		id: "paramError",
								    	style: {display:'none'}
								   },wpCreateElem("p", null,"Parameters should contain only alphanumeric characters, underscore, and hyphen.")),
    								wpCreateElem("div",{class:"zf-wb-Fotter"},wpCreateElem("button",{class:"zf-wb-blue", onClick: zf_block_embed},"Embed"))
							);
  		return wpCreateElem("div", 
	  				{
	  					class: "zf-wb-containerWrapper"
	  				},
	  				wpCreateElem("link", 
	  					{
	  						href: zohoFormsBlock.blockCSS,
	  						rel: "stylesheet"
	  					}
	  				),
	  				wpCreateElem("input",{
	  					id:"embedCatogory",
	  					type:"hidden",
	  					value:"formPerma"
	  				}),
					wpCreateElem("div",
			  				{
			    				id: "zfHomeDiv",
							    
							    class: "zf-wb-signWrapper"
			  				},
			  				wpCreateElem("p", null,"You can choose a form from your Zoho forms account or enter your form's permalink URL and embed it."),
			  				wpCreateElem("button", { class:"zf-wb-blue", onClick: chooseForm },"Access Zoho Forms"),
			  				wpCreateElem("label",null,"or"),
			  				wpCreateElem("a",{onClick: embedPerma},"Embed using permalink")
					), 	
	  				permaLinkEmbedDiv,
	  				chooseZFormDiv,
	  				embedActionDiv,
	  				wpCreateElem("div", { id: "blockEditShortCodeDiv"} )
  				);
  	}, //End of edit function
  	save:function(props){
  		return wpCreateElem("div", null, props.attributes.zf_short_code)
  	} //End of save function
})

文件操作 - zohoforms-block.js

文件: /storage/v12552/i2kplay/public_html/wp-content/plugins/zoho-forms/zohoforms-block.js

编辑文件内容

修改文件时间

删除文件