File Manager

X7ROOT File Manager

Current Path: /home/okeydcqc/okeyanueyiagu.com/wp-content/uploads/ac_assets/submit-button

home / okeydcqc / okeyanueyiagu.com / wp-content / uploads / ac_assets / submit-button /

ðŸ“ ..
ðŸ“„ preview_addon.png(2.34 KB)
ðŸ“„ preview_icon.svg(796 B)
ðŸ“„ ue-submit-button.js(8.44 KB)

Editing: ue-submit-button.js

function ueSubmitButton(){
	
	//objects
	var g_objWidget, g_objButton, g_objLoader;
	
	//selectors
	var g_fieldSelector, g_errorSelector, g_elementorWidgetParentSelector;
	
	//classes
	var g_loadingClass, g_resultClass, g_resultSuccessClass, g_resultErrorClass, g_debugClass, g_submitButtonClass, g_submitButtonElementClass, g_conditionsClass, g_errorClass;
	
	/**
	* get element widget id from parent wrapper
	*/
	function getElementWidgetID(objElement){
		if(!objElement || objElement.length == 0)
		throw new Error("Element not found");
		
		//get widget id
		var objWidget = objElement.parents(g_elementorWidgetParentSelector);
		
		if(objWidget.langth == 0)
		throw new Error("Elementor parent widget not found");
		
		var widgetID = objWidget.data("id");
		
		if(!widgetID)
		throw new Error("widget id not found");
		
		return(widgetID);
	}
	
	/**
	* is element in viewport
	*/
	function isElementInViewport(objElement) {
		
		var elementTop = objElement.offset().top;
		var elementBottom = elementTop + objElement.outerHeight();
		
		var viewportTop = jQuery(window).scrollTop();
		var viewportBottom = viewportTop + jQuery(window).height();
		
		return (elementBottom > viewportTop && elementTop < viewportBottom);
	}
	
	/**
	* check fro empty required fields
	*/
	function isFieldRequiredAndEmpty(objField){
		
		var requiredAttribute = objField.attr("required");

//check if required attr exist in the field 
		if(!requiredAttribute)
		return(false);
		
		var fieldValue = objField.val();
                                 
		//see if value is empty or equal false
		if(fieldValue == "" || fieldValue == false || fieldValue == "false")
		return(true);
		
	}
	
	/**
	* get Error object
	*/
	function getErrorObject(objField){
		
		var objWidgetContainer = objField.parents(g_elementorWidgetParentSelector);
		var objError = objWidgetContainer.find(g_errorSelector);
		
		return(objError);
	}
	
	/**
	* show emty required field error and scroll to field
	*/
	function showEmptyRequiredFieldError(objField){
		
		objField.css({
			"background-color": "#ffe5e9"
		});
		
		var objWidgetContainer = objField.parents(g_elementorWidgetParentSelector);
		var objError = getErrorObject(objField);
		
		if(!objError || !objError.length){
			
			var textError = "This field cannot be empty.";
			var errorHtml = "<div class='"+g_errorClass+" ue-empty-required-field' style='color:#be001b'>"+textError+"</div>";
			var objWidget = objWidgetContainer.find(">div");
			
			objWidget.prepend(errorHtml);
			
		}
		
		if(isElementInViewport(objField) == false){
			
			var offsetTop = objField.offset().top;
			
			jQuery("html").animate({ scrollTop: (offsetTop - 100) }, 500);
			
		}
		
	}
	
	/**
	* remove errors 
	*/
	function removeErrors(){
		
		var objFields = jQuery(g_fieldSelector);
		
		objFields.each(function(){
			var objField = jQuery(this);
			
			objField.css({
				"background-color": ""
			});
			
			var objError = getErrorObject(objField);
			
			if(objError && objError.length)
			objError.remove();
			
		});
		
	}
	
	/**
	 * verify field
	 */
	function isVerified(objField){		
		//check if objFiled is hidden
		var isHidden = objField.hasClass(g_conditionsClass);
		
		if(isHidden == true)
		return(false);
		
		//check if objFiled has hidden parents
		var objHiddenParents = objField.parents("."+g_conditionsClass);
		
		if(objHiddenParents && objHiddenParents.length)
		return(false);
		
		//check if required fields are not empty
		var isRequiredAndEmpty = isFieldRequiredAndEmpty(objField);
		
		if(isRequiredAndEmpty == true){
			
			showEmptyRequiredFieldError(objField);
			
			throw new Error("Required Field is empty");
			
		}

//if all verifications are passed return true
		return(true);
		
	}
	
	/*
	** get all field values on the page
	*/
	function getValues(){
		var objFields = jQuery(g_fieldSelector);
		var idValueArray = [];
		
		//show error if no field foiund on tthe page
		if(!objFields.length){
			var textError = "Couldn't find any ue field on the page.";
			
			g_objWidget.prepend("<div class="+g_errorSelector+">"+textError+"</div>")
			
			throw new Error(textError);
		}
		
		objFields.each(function(){
			var objField = jQuery(this);
			
			//skip field if not verified
			if(isVerified(objField) == false)
			return(true);
			
			//if all verifications are passed remove empty required field errors
			removeErrors();
			
			var id = getElementWidgetID(objField);
			var fieldValue = objField.val();
			
			var idValueObject = {
				id: id,
				value: fieldValue
			}
			
			idValueArray.push(idValueObject);
		});
		
		return(idValueArray);
	}
	
	/**
	* get form Id
	*/
	function getFormId(){
		var objWidget = g_objButton.parents(g_elementorWidgetParentSelector);
		var buttonId = objWidget.data("id");
		
		return(buttonId.toString());
	}
	
	/**
	* get layout Id
	*/
	function getLayoutId(){
		var objLayout = g_objWidget.parents(".elementor");
		var layoutId = objLayout.data("elementor-id");
		
		return(layoutId);
	}
	
	/**
	* on success ajax
	*/
	function onAjaxSuccess(data){
        g_objButton.addClass(g_resultSuccessClass);
		g_objWidget.find("." + g_resultClass).remove();
		g_objWidget.find("." + g_debugClass).remove();
		
		var resultElement = jQuery('<div />')
		.addClass(g_resultClass)
		.addClass(data.success === true ? g_resultSuccessClass : g_resultErrorClass)
		.html(data.message);
		
		g_objWidget.append(resultElement);
		
		if (data.debug) {
			var debugElement = jQuery('<div />')
			.addClass(g_debugClass)
			.html(data.debug);
			
			g_objWidget.append(debugElement);
		}
		
		if (data.redirect) {
			location.href = data.redirect;
		}
	}
	
	/**
	* small ajax request
	*/
	function ajaxRequest(postId, formId, data){
		g_objButton.prop("disabled", true);
		g_objLoader.addClass(g_loadingClass);

g_objWidget.find("." + g_resultClass).remove();
		g_objWidget.find("." + g_debugClass).remove();

X7ROOT File Manager

Editing: ue-submit-button.js

Upload File

Create Folder