var RegistrationComponent = class RegistrationComponent {
	
	constructor(instanceId, windowRegistrationId, isFullSize, variableName, callbackRegistrationOk, styleIframe)
	{
		this.instanceId = instanceId;
		this.windowRegistrationId = windowRegistrationId;
		this.isFullSize = isFullSize;
		this.variableName = variableName;
		this.callbackRegistrationOk = callbackRegistrationOk;
		this.styleIframe = styleIframe;
	}
	//crear diversas funciones dependiendo de la resolución, o pasarlo por parámetros las distintas resoluciones
	generateIframe()
	{
		let idIframe = "iframeRegister-"+this.instanceId;
		let styleCode = 'min-height:550px;';
		if(this.styleIframe != null && this.styleIframe != undefined)
		{
			styleCode += ' ' + this.styleIframe; 
		}
		
		let code = '<div id="registerContainer-'+this.instanceId+'" align = "center">' +
						'<iframe width="100%" height="550px" style="'+styleCode+'" onload="' + resizeIframe(idIframe) +'" src="'+urlBase+'/registroUsuario?registrationComponent='+this.variableName+'" align = "middle" id="'+idIframe+'"></iframe>' +
					'</div>';
		
		return code;
	}
	
	hideRegistrationIframe() {
		$("#registerContainer").hide();
	}
	
	showPopup(elemento)
	{
		$(".modal").hide();
		$(elemento).show();
		$('.modal-background').fadeIn(300);
	}
	
	hidePopup(elemento) {
		$('.modal-background-general').fadeOut(300);
	}
	
	hideHeaderFooter() {
		$('#modalLoginPopupIframe').find('#header-desktop').css("display: none");
		$('#modalLoginPopupIframe').find('#footer-default footer-mobile').css("display: none");
	}
	
	generateModal() {
		
		if(idBuyerLoged == undefined || idBuyerLoged == null || idBuyerLoged == '')
		{
			let iframeCode = this.generateIframe();
					
			let code = '<div class="modal mini-size" id="modalLoginPopupIframe">' +
							'<div class="wrapper-modal">' +
								'<div id='+this.windowRegistrationId+' class="contenedor-modal">' +
								'<div class="row header-modal">' +
									'<div class="large-12 columns ">' +
										'<div class="title" id="registerTitle">' + polyglot.t("global.sign_in") + '</div>' +
										'<div class="close-panel" onclick="'+this.variableName+'.hidePopup();"><i class="palco4icon palco4icon-close zmdi-hc-2x"></i></div>' +
									'</div>' +
								'</div>' +
								'<div class="row body-modal form-white-panel no-padding iframe-inside no-footer" id="iframeModalBody-'+this.instanceId+'">' +
									iframeCode +
								'</div>'+
							'</div>' +
						'</div>';
				
			$("#modal-background-template").html(code);
		
        	this.showModal('#modalLoginPopupIframe');
		}


	}
	
	showModal(elemento)
	{
		$(".modal").hide();
		$(elemento).show();
		$('.modal-background-general').fadeIn(300);
	}
	
	registrationOK(buyer) {
		
		if(this.callbackRegistrationOk != null && typeof(this.callbackRegistrationOk) == "function")
		{
			this.callbackRegistrationOk(buyer);
		}
		else{
			this.hidePopup(null);
			setTimeout("window.location.reload();", 700);
		}
	}

	
}

function resizeIframe(id, obj)
{
	setTimeout(function(){
		var idInstance = id.split("-");
		var idModalBody = "iframeModalBody-" + idInstance[1];
		let element = document.getElementById(idModalBody);
		let elementStyle = window.getComputedStyle(element);
		let elementMaxHeight = elementStyle.getPropertyValue('max-height');
		
		var ifrm = document.getElementById(id);
		setSizeIframe(ifrm, null, elementMaxHeight);
	},500)
	
    //obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
	
}

function setSizeIframe(ifrmObj, oldHeight, maxHeight) 
{
	var heightIfrm = '550px';
	if(ifrmObj.contentWindow.document.documentElement != null && ifrmObj.contentWindow.document.documentElement.scrollHeight != null) 
	{
		heightIfrm = ifrmObj.contentWindow.document.documentElement.scrollHeight + 'px';
	}
	
	
	if(oldHeight == undefined || oldHeight == null || (oldHeight != null && oldHeight != heightIfrm)) 
	{
		if(parseInt(heightIfrm) > parseInt(maxHeight)) 
		{
			heightIfrm = maxHeight;
		}
		ifrmObj.style.height = heightIfrm;
	}
	
	setTimeout(function(){
		setSizeIframe(ifrmObj, heightIfrm, maxHeight);
	},1000);
}