KL.Modules.gallery = new function() { var self = this; var galleries = {}; var counter = 1; function load() { var galleryNodes = document.getElementsByClassName('gallery'); if (galleryNodes) { for (var i = 0; i < galleryNodes.length; i++) { id = galleryNodes[i].id; if (!id) { galleryNodes[i].id = id = "gallery" + counter++; } galleries[id] = new KL.Modules.onegallery(galleryNodes[i]) } } } function unload() { for (var i = 0; i < galleries.length; i++) galleries[i].destroy(); galleries = {}; } KL.loader.addHookLoad('gallery', load); //KL.loader.addHookPostLoad('gallery', load); KL.loader.addHookUnload('gallery', unload); } KL.Modules.onegallery = function(node) { var self = this; var actual = null; var animation = ''; var gallerynode = node; var containernode = null; var previousnode = null; var nextnode = null; var playing = false; var playnode = null; var withBullets = false; var bulletsnode = null; var timer = null; var timing = null; function clickplay(event, noevent) { if (playing) { // para todo clearTimeout(timer); timer = null; playing = false; playnode.firstElementChild.className = 'icon-k7-gallery-pause'; //KL.Modules.stat.registerEvent('gallery', 'gallery/pause'); KL.Modules.stat.registerEventGA4('gallery/pause', {'send_to': KL.analyticsTag}); } else { // lanza timer = setTimeout( function() { play(); }, timing); playing = true; playnode.firstElementChild.className = 'icon-k7-gallery-play'; if (!noevent) //KL.Modules.stat.registerEvent('gallery', 'gallery/play'); KL.Modules.stat.registerEventGA4('gallery/play', {'send_to': KL.analyticsTag}); } } function clicknext(clave) { if (timer) { clearTimeout(timer); timer = setTimeout( function() { play(); }, timing); // todo: timing } continuousnext(clave); } function continuousnext(clave) { if (actual.nextElementSibling) { setNodeClasses(actual, actual.nextElementSibling); actual = actual.nextElementSibling; } else { var firstnode = containernode.childNodes[0]; setNodeClasses(actual, firstnode); actual = firstnode; } updateBullets(); } function clickprevious(clave) { if (timer) { clearTimeout(timer); timer = setTimeout( function() { play(); }, timing); // todo: timing } continuousprevious(clave); } function continuousprevious(clave) { if (actual.previousElementSibling) { setNodeClasses(actual, actual.previousElementSibling); actual = actual.previousElementSibling; } else { var lastindex = containernode.childNodes.length - 1; var lastnode = containernode.childNodes[lastindex]; setNodeClasses(actual, lastnode); actual = lastnode; } updateBullets(); } // onlick bullet, this is the bullet function gotoslide(event) { if (timer) { clearTimeout(timer); timer = setTimeout(play, timing); } if (this.linked != actual) { var nextone = this.linked; setNodeClasses(actual, nextone); actual = this.linked; updateBullets(); } //KL.Modules.stat.registerEvent('gallery', 'gallery/gotoslide'); KL.Modules.stat.registerEventGA4('gallery/gotoslide', {'send_to': KL.analyticsTag}); } function updateBullets() { if (!withBullets) return; for (i = 0, l = bulletsnode.childNodes.length; i < l; i++) { if (bulletsnode.childNodes[i].linked == actual) bulletsnode.childNodes[i].className = 'gallery-bullet on'; else bulletsnode.childNodes[i].className = 'gallery-bullet'; } } //current y next son los ids de los nodos function setNodeClasses(current, next) { var lastId = containernode.lastElementChild; var firstId = containernode.firstElementChild; var before = true; for (var i=0, l=containernode.childNodes.length; i 0 && auxTime <= 99999)) ? auxTime: 5000); } if (gallerynode.dataset.bullets == 'yes') { withBullets = true; bulletsnode = WA.createDomNode('div', null, 'gallery-bullets'); gallerynode.appendChild(bulletsnode); for (var i=0, l=containernode.childNodes.length; i'; WA.toDOM('login-msg-usuario-secundario').style.display = 'block'; WA.toDOM('login-msg-usuario-principal').style.display = 'none'; } } for (i in KL.Modules.loginset.forms) { KL.Modules.loginset.forms[i].start(); } hideall(); // verify URL to show adhoc screen // sintaxis: login?p=path[&o=fav|col|addcol|createcol|shoppinglist|sup]/[r]/[key] xid = document.location.pathname.split("/").pop(); if (KL.Modules.loginset.forms[xid]) { show(xid, true); return; } // actualiza sw cache if(navigator.serviceWorker.controller) navigator.serviceWorker.controller.postMessage({'networkResponse': document.referrer}); show('social', KL.loader.clickTool ? true : false); } function stop() { // estamos en la pantalla de login ? if (!WA.toDOM('loginset-social')) return; for (i in KL.Modules.loginset.forms) { KL.Modules.loginset.forms[i].stop(); } console.log("STOP"); } this.showHidePass = showHidePass; function showHidePass(event) { var node = event.srcElement; if(node.type == 'password') node.type = 'text'; else node.type = 'password'; } // Crea popup para login this.buildPopup = buildPopup; function buildPopup(){ KL.loader.clickToolInPage = location.pathname; var data = {"clientdata":null} data.siteorigin = KL.rootsite; template = WA.templates['loginset']; var social = template(data) return '
' + social + '
'; } // despliega la popup de login this.loginPopup = loginPopup; function loginPopup() { KL.Modules.modal.buildpopup(buildPopup()); KL.Modules.modal.showpopup({closeable:true}); WA.toDOM('popup').children[0].style.display = 'flex'; WA.toDOM('popup').children[0].children[0].style.display = 'block'; WA.toDOM('popup').style.transform = 'translate(-50%, -50%)'; WA.toDOM('popup').style.width = '90%'; for (i in KL.Modules.loginset.forms) { KL.Modules.loginset.forms[i].start(); } hideall(); KL.Modules.loginset.show('social', true); KL.Modules.google.start(); } // En las páginas recipe y tips copia la popup de login para mostrarla y al cerrar la regresa al paso 2 this.copyLoginPopup = copyLoginPopup; function copyLoginPopup(id){ KL.loader.clickToolInPage = location.pathname; KL.Modules.modal.buildpopup(''); KL.Modules.modal.showpopup({closeable:true}); var domNodePopup = WA.toDOM('popup'); // if(/recipe/.test(id)) domNodePopup.classList.add("recipetools"); if(/recipe/.test(id)) domNodePopup.classList.add("recipetools"); if(/tip/.test(id)) domNodePopup.classList.add("tiptools"); domNodePopup.appendChild(WA.toDOM('login-div')); domNodePopup.children[0].style.display = 'flex'; domNodePopup.children[0].children[0].style.display = 'block'; domNodePopup.style.transform = 'translate(-50%, -50%)'; domNodePopup.style.width = '90%'; WA.toDOM('backgroundpopup').onclick = function() {hideLoginPopup(id)} } this.hideLoginPopup = hideLoginPopup; function hideLoginPopup(id) { var domNode = WA.toDOM(id); domNode.appendChild(WA.toDOM('login-div')); WA.toDOM('login-div').firstElementChild.style.display = 'flex'; WA.toDOM('backgroundpopup').style.display = 'none'; WA.toDOM('popup').style.display = 'none'; KL.loader.clickTool = ''; } KL.loader.addHookLoad('client', start); KL.loader.addHookUnload('client', stop); } KL.Modules.loginset.forms = {}; KL.Modules.loginset.forms.nativo = new function () { var self = this; this.ready = false; this.node = null; var usuario = null; var contrasena = null; var longlogin = null; function nativelogin(event) { WA.toDOM('loginset-nativo-submit').disabled = true; WA.toDOM('loginset-nativo-submit').innerHTML = WA.i18n.getMessage("txtdologin"); // 1. send dataset email = WA.toDOM('loginset-nativo-correo').value; pass = WA.toDOM('loginset-nativo-contrasena').value; longlogin = WA.toDOM('loginset-nativo-longlogin').checked; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/nativelogin', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('email', email); request.addParameter('password', pass); request.addParameter('longlogin', longlogin); if(KL.loader.saveFCMToken()) request.addParameter('fcmtoken', KL.loader.saveFCMToken()); return request.send(); }) .then(function (response) { var code = JSON.parse(response); if (code.status == 'OK') { //KL.Modules.stat.registerEvent('loginset', 'loginset/nativo/connected'); KL.Modules.stat.registerEventGA4('loginset/nativo/connected', {'send_to': KL.analyticsTag}); WA.toDOM('loginset-nativo-submit').innerHTML = WA.i18n.getMessage("txtgetlogin1"); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); } else { logincheckar(); let txt = ''; // switch (code.code) { case 1003: case 1007: //código de activación txt = code.message + ' '+ WA.i18n.getMessage("nativocodeactivation") +''; break; case 1008:// pending recovery txt = code.message + ' '+ WA.i18n.getMessage("nativocoderecovery") +''; break; default: txt = code.message ; break; } KL.Modules.loginset.errorlogin('loginset-nativo-correo', txt); //KL.Modules.stat.registerEvent('loginset', 'loginset/nativo/' + code.code); KL.Modules.stat.registerEventGA4('loginset/nativo/' + code.code, {'send_to': KL.analyticsTag}); } }) .catch(function (code, err) { logincheckar(); KL.Modules.loginset.errorlogin('loginset-nativo-correo', err); //KL.Modules.stat.registerEvent('loginset', 'loginset/nativo/' + code); KL.Modules.stat.registerEventGA4('loginset/nativo/' + code, {'send_to': KL.analyticsTag}); }); } function logincheckar() { if (!self.ready) return false; if (!usuario.status && usuario.blurred) { var vusuario = WA.toDOM('loginset-nativo-correo').value; if (!vusuario || vusuario == '') KL.Modules.loginset.errorlogin('loginset-nativo-correo', WA.i18n.getMessage("txtlogincheckar1")); else KL.Modules.loginset.errorlogin('loginset-nativo-correo', WA.i18n.getMessage("txtlogincheckar2")); } else KL.Modules.loginset.limpiacampo('loginset-nativo-correo'); if (!contrasena.status && contrasena.blurred) { var vcontrasena = WA.toDOM('loginset-nativo-contrasena').value; if (!vcontrasena || vcontrasena == '') KL.Modules.loginset.errorlogin('loginset-nativo-contrasena', WA.i18n.getMessage("txtlogincheckar3")); else KL.Modules.loginset.errorlogin('loginset-nativo-contrasena', WA.i18n.getMessage("txtlogincheckar4")); } else KL.Modules.loginset.limpiacampo('loginset-nativo-contrasena'); var globalstatus = usuario.status && contrasena.status; WA.toDOM('loginset-nativo-submit').disabled = !globalstatus; /* WA.toDOM('loginset-nativo-submit').style.backgroundColor = globalstatus ? '#8cc63e' : '#aaaaaa'; */ WA.toDOM('loginset-nativo-submit').className = globalstatus ? 'css-bgcolor-activado' : 'bgcolor-desactivado'; WA.toDOM('loginset-nativo-submit').innerHTML = globalstatus ? WA.i18n.getMessage("txtlogincheckar5") : WA.i18n.getMessage("txtlogincheckar6"); return true; } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.stop = stop; function stop() { WA.toDOM('loginset-nativo-submit').onclick = function() {}; self.node = null; usuario = null; contrasena = null; self.ready = false; } this.start = start; function start() { self.node = WA.toDOM('loginset-nativo'); if (!self.node) return; usuario = new WA.Managers.validator.textfield('loginset-nativo-correo', { minlength: 7, maxlength: 250, maxwords: 1, format: KL.Modules.loginset.emailformat, visibility: true }, 'loginset-nativo-correo-check', logincheckar ); contrasena = new WA.Managers.validator.textfield('loginset-nativo-contrasena', { minlength: 2, maxlength: 200, visibility: true }, 'loginset-nativo-contrasena-check', logincheckar ); WA.toDOM('loginset-nativo-submit').onclick = nativelogin; self.ready = true; logincheckar(); } } KL.Modules.loginset.forms.registro = new function () { var self = this; this.ready = false; this.node = null; var registronombre = null; var registroapellido = null; var registromail = null; var registrocontrasena = null; var registrocontrasena2 = null; var registronewsletter = null; var registropoliticas = null; var imageFile = null; this.registroavatar = null; this.downloadnode = null; this.register = register; function register() { WA.toDOM('loginset-registro-submit').disabled = true; WA.toDOM('loginset-registro-submit').innerHTML = WA.i18n.getMessage("txtdologin"); var name = WA.toDOM('loginset-registro-nombre').value; var lastname = WA.toDOM('loginset-registro-apellido').value; var mail = WA.toDOM('loginset-registro-mail').value; var password = WA.toDOM('loginset-registro-contrasena').value; var password2 = WA.toDOM('loginset-registro-contrasena2').value; var newsletter = WA.toDOM('loginset-registro-newsletter').checked; var politics = WA.toDOM('loginset-registro-politicas').checked; var auxForm = new FormData(); WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/register', method: 'POST', send: false }) .then(function (request) { auxForm.append('language', KL.language); auxForm.append('device', KL.device); auxForm.append('name', name); auxForm.append('lastname', lastname); auxForm.append('email', mail); auxForm.append('password', password); auxForm.append('repeatedpassword', password2); auxForm.append('newsletter', newsletter ? 1 : 0); auxForm.append('notice', politics ? 1 : 0); auxForm.append('IMAGEN_avatar', imageFile); if(KL.loader.saveFCMToken()) auxForm.addParameter('fcmtoken', KL.loader.saveFCMToken()); return request.send(auxForm); }) .then(function (response) { var code = JSON.parse(response); if (code.status == 'REGISTER') { //KL.Modules.stat.registerEvent('loginset', 'loginset/registro/registered'); KL.Modules.stat.registerEventGA4('loginset/registro/registered', {'send_to': KL.analyticsTag}); // Si el registro viene de mis-datos if(KL.pagedata.page.keywords.length > 1 && KL.pagedata.page.keywords[1]==="mis-datos") { KL.Modules.misdatos.validateCode(); } else KL.Modules.loginset.show('activacion'); } else { WA.toDOM('loginset-registro-submit').disabled = false; WA.toDOM('loginset-registro-submit').innerHTML = WA.i18n.getMessage("txtregisterboton"); if (code.error == "email") { //KL.Modules.loginset.validmail({ responseText: "{code: " + code.error + "}" }) validmail(code); } else { KL.Modules.loginset.errorlogin('loginset-registro-' + code.error, code.message); } } }) .catch(function (code, err) { console.log('error:', code, err) //KL.Modules.stat.registerEvent('loginset', 'loginset/registro/' + code); KL.Modules.stat.registerEventGA4('loginset/registro/' + code, {'send_to': KL.analyticsTag}); // manage error //KL.manageError(e); }); } //loginset-registro-perfil solo cambia la imagen al momento de mandarla se envia en el formulario this.changeImage = changeImage; function changeImage() { imageFile = (self.downloadnode.files.length > 0 ? self.downloadnode.files[0]: false); if(!imageFile) return; WA.toDOM('loginset-registro-foto').src = URL.createObjectURL(imageFile); WA.toDOM('loginset-registro-foto').reload; } this.selectImage = selectImage; function selectImage() { WA.toDOM('loginset-registro-avatar').click(); } this.checkmail = checkmail; function checkmail() { // checkamos SOLAMENTE si el correo es válido en onblur if (!registromail.status) return; var mail = WA.toDOM('loginset-registro-mail').value; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/validateemail', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('email', mail); request.addParameter('social', 0); return request.send(); }) .then(function (response) { var code = JSON.parse(response); validmail(code, mail); }) .catch(function (code, err) { //KL.Modules.stat.registerEvent('loginset', 'loginset/registro/' + code); KL.Modules.stat.registerEventGA4('loginset/registro/' + code, {'send_to': KL.analyticsTag}); }); } function validmail(data, mail) { var codigo = data.code; var txt = ''; if (codigo == 1) { txt = WA.i18n.getMessage("txtvalidamail1") + ' ' + WA.i18n.getMessage("txtvalidamail2") + '.'; } else if (codigo == 1101 || codigo == 1202) { txt = WA.i18n.getMessage("txtvalidamail1") + ' ' + WA.i18n.getMessage("txtvalidamail2") + '.'; } else if (codigo == 1102) { txt = WA.i18n.getMessage("txtvalidamail3"); } else if (codigo == 1103) { txt = WA.i18n.getMessage("txtvalidamail4"); } else if (codigo==1198){ txt = WA.i18n.getMessage("txtvalidamail4"); } if (codigo != 0) { registromail.forceerror(); KL.Modules.loginset.errorlogin('loginset-registro-mail', txt); } else { KL.Modules.loginset.limpiacampo('loginset-registro-mail'); } } function pswmatch() { if (!self.ready) { return false; } if (registrocontrasena.status && registrocontrasena2.status) { var psw = WA.toDOM('loginset-registro-contrasena').value; var psw2 = WA.toDOM('loginset-registro-contrasena2').value; if (psw && psw2 && psw != psw2) KL.Modules.loginset.errorlogin('loginset-registro-contrasena2', WA.i18n.getMessage("txtpswmatch")); else KL.Modules.loginset.limpiacampo('loginset-registro-contrasena2'); } return true; } function strong() { if (!self.ready) { return false; } var ok = 0; var psw = WA.toDOM('loginset-registro-contrasena').value; if (psw.match(/[A-Z]/)) ok++; if (psw.match(/[a-z]/)) ok++; if (psw.match(/[0-9]/)) ok++; if (psw.match(/[@#$%&!*)(-+=^]/)) ok++; if (ok > 0 && psw == "" || psw.length < 6) { WA.toDOM('loginset-registro-contrasena-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-registro-contrasena-fuerza').innerHTML = WA.i18n.getMessage("txtstrong1"); WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.width = '25%'; WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.backgroundColor = '#f66'; } else if (ok <= 2) { WA.toDOM('loginset-registro-contrasena-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-registro-contrasena-fuerza').innerHTML = WA.i18n.getMessage("txtstrong2"); WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.width = '50%'; WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.backgroundColor = '#fa0'; } else if (ok == 3) { WA.toDOM('loginset-registro-contrasena-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-registro-contrasena-fuerza').innerHTML = WA.i18n.getMessage("txtstrong3"); WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.width = '75%'; WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.backgroundColor = 'blue'; } else if (ok == 4) { WA.toDOM('loginset-registro-contrasena-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-registro-contrasena-fuerza').innerHTML = WA.i18n.getMessage("txtstrong4"); WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.width = '100%'; WA.toDOM('loginset-registro-contrasena-fuerza-visual').style.backgroundColor = '#6f6'; } return true; } function registrocheckar() { if (!self.ready) { return false; } if (!registronombre.status && registronombre.blurred) { var nombre = WA.toDOM('loginset-registro-nombre').value; if (!nombre || nombre == '') KL.Modules.loginset.errorlogin('loginset-registro-nombre', WA.i18n.getMessage("txtregistrocheckar1")); else KL.Modules.loginset.errorlogin('loginset-registro-nombre', WA.i18n.getMessage("txtregistrocheckar2")); } else KL.Modules.loginset.limpiacampo('loginset-registro-nombre'); if (!registroapellido.status && registroapellido.blurred) { var apellido = WA.toDOM('loginset-registro-apellido').value; if (!apellido || apellido == '') KL.Modules.loginset.errorlogin('loginset-registro-apellido', WA.i18n.getMessage("txtregistrocheckar3")); else KL.Modules.loginset.errorlogin('loginset-registro-apellido', WA.i18n.getMessage("txtregistrocheckar2")); } else KL.Modules.loginset.limpiacampo('loginset-registro-apellido'); if (!registromail.status && registromail.blurred) { var usuario = WA.toDOM('loginset-registro-mail').value; if (!usuario || usuario == '') KL.Modules.loginset.errorlogin('loginset-registro-mail', WA.i18n.getMessage("txtlogincheckar1")); else KL.Modules.loginset.errorlogin('loginset-registro-mail', WA.i18n.getMessage("txtregistrosocialcheckar1")); } else KL.Modules.loginset.limpiacampo('loginset-registro-mail'); if (!registrocontrasena.status && registrocontrasena.blurred) { var contrasena = WA.toDOM('loginset-registro-contrasena').value; if (!contrasena || contrasena == '') KL.Modules.loginset.errorlogin('loginset-registro-contrasena', WA.i18n.getMessage("txtlogincheckar3")); else KL.Modules.loginset.errorlogin('loginset-registro-contrasena', WA.i18n.getMessage("txtlogincheckar4")); } else KL.Modules.loginset.limpiacampo('loginset-registro-contrasena'); if (!registrocontrasena2.status && registrocontrasena2.blurred) { var contrasena2 = WA.toDOM('loginset-registro-contrasena2').value; if (!contrasena2 || contrasena2 == '') KL.Modules.loginset.errorlogin('loginset-registro-contrasena2', WA.i18n.getMessage("txtregistrocheckar4")); else KL.Modules.loginset.errorlogin('loginset-registro-contrasena2', WA.i18n.getMessage("txtregistrocheckar5")); } else KL.Modules.loginset.limpiacampo('loginset-registro-contrasena2'); if (!registropoliticas.status && registropoliticas.blurred) { var politicas = WA.toDOM('loginset-registro-politicas').checked; if (!politicas) KL.Modules.loginset.errorlogin('loginset-registro-politicas', WA.i18n.getMessage("txtregistrocheckar6")); } else KL.Modules.loginset.limpiacampo('loginset-registro-politicas'); var globalstatus = registronombre.status && registroapellido.status && registromail.status && registrocontrasena.status && registrocontrasena2.status && registropoliticas.status; WA.toDOM('loginset-registro-submit').disabled = !globalstatus; /* WA.toDOM('loginset-registro-submit').style.backgroundColor = globalstatus ? '#8cc63e' : '#aaaaaa'; */ WA.toDOM('loginset-registro-submit').className = globalstatus ? 'css-bgcolor-activado' : 'bgcolor-desactivado'; WA.toDOM('loginset-registro-submit').value = globalstatus ? WA.i18n.getMessage("txtregistrocheckar7") : WA.i18n.getMessage("txtlogincheckar6"); return true; } function focusTooltip(){ WA.toDOM('loginset-registro-contrasena-tooltip').style.display = 'block'; } function blurTooltip(){ WA.toDOM('loginset-registro-contrasena-tooltip').style.display = 'none'; } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.start = start; function start() { self.node = WA.toDOM('loginset-registro'); if (!self.node) return; // validators fields registronombre = new WA.Managers.validator.textfield('loginset-registro-nombre', { minlength: 2, maxlength: 50, maxwords: 5, format: KL.Modules.loginset.nombreformat }, 'loginset-registro-nombre-check', registrocheckar ); registroapellido = new WA.Managers.validator.textfield('loginset-registro-apellido', { minlength: 2, maxlength: 50, maxwords: 5, format: KL.Modules.loginset.nombreformat }, 'loginset-registro-apellido-check', registrocheckar ); registromail = new WA.Managers.validator.textfield('loginset-registro-mail', { maxlength: 250, format: KL.Modules.loginset.emailformat }, 'loginset-registro-mail-check', registrocheckar ); registrocontrasena = new WA.Managers.validator.textfield('loginset-registro-contrasena', { minlength: 6, maxlength: 200 }, 'loginset-registro-contrasena-check', strong ); registrocontrasena2 = new WA.Managers.validator.textfield('loginset-registro-contrasena2', { minlength: 6, maxlength: 200 }, 'loginset-registro-contrasena2-check', pswmatch ); registronewsletter = new WA.Managers.validator.checkboxfield('loginset-registro-newsletter', {}, null, null); registropoliticas = new WA.Managers.validator.checkboxfield('loginset-registro-politicas', { notempty: true }, null, registrocheckar); WA.toDOM('loginset-registro-submit').onclick = register; self.ready = true; WA.toDOM('loginset-registro-contrasena').onfocus = focusTooltip; WA.toDOM('loginset-registro-contrasena').onblur = blurTooltip; WA.toDOM('loginset-registro-mail').onblur = checkmail; registroavatar = WA.toDOM('loginset-registro-perfil'); registroavatar.onclick = selectImage; self.downloadnode = WA.toDOM('loginset-registro-avatar'); self.downloadnode.onchange = changeImage; registrocheckar(); } this.stop = stop; function stop() { self.node = null; self.ready = false; } } KL.Modules.loginset.forms.activacion = new function () { var self = this; this.node = null; var validarcodigo = null; var validarready = null; function validatecode(event) { WA.toDOM('loginset-activacion-submit').disabled = true; WA.toDOM('loginset-activacion-submit').innerHTML = WA.i18n.getMessage("txtdovalidar"); var codigo = WA.toDOM('loginset-activacion-validar-codigo').value; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/validatecode', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('code', codigo); return request.send(); }) .then(function (response) { var code = JSON.parse(response); if ( code.status == 'REGISTER' ) { //KL.Modules.stat.registerEvent('loginset', 'loginset/activacion/ok'); KL.Modules.stat.registerEventGA4('loginset/activacion/ok', {'send_to': KL.analyticsTag}); WA.toDOM('loginset-activacion-submit').innerHTML = WA.i18n.getMessage("txtgetvalidar"); KL.Modules.loginset.limpiacampo('loginset-activacion-validar-codigo'); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); } else { validarcodigocheckar() KL.Modules.loginset.errorlogin('loginset-activacion-validar-codigo', code.message); //KL.Modules.stat.registerEvent('loginset', 'loginset/activacion/' + code.code); KL.Modules.stat.registerEventGA4('loginset/activacion/' + code.code, {'send_to': KL.analyticsTag}); } }) .catch(function (code, err) { //KL.Modules.stat.registerEvent('loginset', 'loginset/activacion/' + code); KL.Modules.stat.registerEventGA4('loginset/activacion/' + code, {'send_to': KL.analyticsTag}); //validarcodigocheckar() //KL.Modules.loginset.errorlogin('loginset-activacion-validar-codigo', err); }); } // function validarcodigocheckar() { if (!validarready) return; if (!validarcodigo.status && validarcodigo.blurred) { var validar = WA.toDOM('loginset-activacion-validar-codigo').value; if (!validar || validar == '') KL.Modules.loginset.errorlogin('loginset-activacion-validar-codigo', WA.i18n.getMessage("txtlogincheckar7")); else if (validar.length < 8) KL.Modules.loginset.errorlogin('loginset-activacion-validar-codigo', WA.i18n.getMessage("txtlogincheckar8")); else if (validar.length > 8) KL.Modules.loginset.errorlogin('loginset-activacion-validar-codigo', WA.i18n.getMessage("txtlogincheckar9")); } else KL.Modules.loginset.limpiacampo('loginset-activacion-validar-codigo'); var globalstatus = validarcodigo.status; WA.toDOM('loginset-activacion-submit').disabled = !globalstatus; /* WA.toDOM('loginset-activacion-submit').style.backgroundColor = globalstatus ? '#8cc63e' : '#aaaaaa'; */ WA.toDOM('loginset-activacion-submit').className = globalstatus ? 'css-bgcolor-activado' : 'bgcolor-desactivado'; WA.toDOM('loginset-activacion-submit').value = globalstatus ? WA.i18n.getMessage("txtvalidarcodigocheckar") : WA.i18n.getMessage("txtcontrasenacheckar1"); return true; } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.start = start; function start() { self.node = WA.toDOM('loginset-activacion');//nodo if (!self.node) return; //loginset-activacion-validar-codigo validarcodigo = new WA.Managers.validator.textfield('loginset-activacion-validar-codigo', { minlength: 8, maxlength: 8, maxwords: 1, format: '^[a-zA-Z0-9 ]' }, 'loginset-activacion-validar-codigo-check', validarcodigocheckar ); WA.toDOM('loginset-activacion-submit').onclick = validatecode; validarready = true; let url = new URL(window.location.href); let codigo = url.searchParams.get("codigo"); if (typeof codigo !== undefined) { WA.toDOM('loginset-activacion-validar-codigo').value = codigo; validarcodigo.status = true; validarcodigo.validar(); } validarcodigocheckar(); } this.stop = stop; function stop() { self.node = null; validarready = false; } } KL.Modules.loginset.forms.recupera = new function () { var self = this; this.node = null; /* CONTRASENA CHECK */ var contrasenaready = false; var contrasenausuario = null; function remember() { var globalstatus = contrasenausuario.status; if (!globalstatus) return; // invalida el boton para no picarlo varias veces WA.toDOM('loginset-recupera-correo-submit').disabled = true; WA.toDOM('loginset-recupera-correo-submit').value = WA.i18n.getMessage("txtdorecordar"); var email = WA.toDOM('loginset-recupera-correo').value; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/remember', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('email', email); return request.send(); }) .then(function (response) { var code = JSON.parse(response); if (code.status == 'OK') { //KL.Modules.stat.registerEvent('loginset', 'loginset/remember/ok'); KL.Modules.stat.registerEventGA4('loginset/remember/ok', {'send_to': KL.analyticsTag}); KL.Modules.loginset.limpiacampo('loginset-recupera-correo'); if (code.type == 'contrasena') WA.toDOM('loginset-recupera-correo-submit').value = WA.i18n.getMessage("txtgetrecordar1"); else WA.toDOM('loginset-recupera-correo-submit').value = WA.i18n.getMessage("txtgetrecordar2"); // paso a confirmar . if (code.type == 'contrasena') KL.Modules.loginset.show('cambiacontrasena'); else if ( code.type == 'codigo') KL.Modules.loginset.show('activacion'); } else { contrasenacheckar(); KL.Modules.loginset.errorlogin('loginset-recupera-correo', code.message); //KL.Modules.stat.registerEvent('loginset', 'loginset/remember/' + code.code); KL.Modules.stat.registerEventGA4('loginset/remember/' + code.code, {'send_to': KL.analyticsTag}); } }) .catch(function (code, err) { //KL.Modules.stat.registerEvent('loginset', 'loginset/remember/' + code); KL.Modules.stat.registerEventGA4('loginset/remember/' + code, {'send_to': KL.analyticsTag}); //KL.manageError(e); }); } function contrasenacheckar() { if (!contrasenaready) return; if (!contrasenausuario.status && contrasenausuario.blurred) { var contrasena = WA.toDOM('loginset-recupera-correo').value; if (!contrasena || contrasena == '') KL.Modules.loginset.errorlogin('loginset-recupera-correo', WA.i18n.getMessage("txtlogincheckar1")); else KL.Modules.loginset.errorlogin('loginset-recupera-correo', WA.i18n.getMessage("txtregistrosocialcheckar1")); } else KL.Modules.loginset.limpiacampo('loginset-recupera-correo'); var globalstatus = contrasenausuario.status; WA.toDOM('loginset-recupera-correo-submit').disabled = !globalstatus; /* WA.toDOM('loginset-recupera-correo-submit').style.backgroundColor = globalstatus ? '#8cc63e' : '#aaaaaa'; */ WA.toDOM('loginset-recupera-correo-submit').className = globalstatus ? 'css-bgcolor-activado' : 'bgcolor-desactivado'; WA.toDOM('loginset-recupera-correo-submit').value = globalstatus ? WA.i18n.getMessage("txtcontrasenacheckar1") : WA.i18n.getMessage("txtcontrasenacheckar1"); return true; } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.start = start; function start() { self.node = WA.toDOM('loginset-recupera'); if (contrasenaready) return; contrasenausuario = new WA.Managers.validator.textfield('loginset-recupera-correo', { minlength: 7, maxlength: 250, maxwords: 1, format: KL.Modules.loginset.emailformat, visibility: true }, 'loginset-recupera-correo-check', contrasenacheckar ); WA.toDOM('loginset-recupera-correo-submit').onclick = remember; contrasenaready = true; contrasenacheckar(); } this.setEmail = setEmail; function setEmail(email){ WA.toDOM('loginset-recupera-correo').value = email; contrasenausuario.status = true; contrasenausuario.validar(); } this.stop = stop; function stop() { self.node = null; contrasenaready = false; } } KL.Modules.loginset.forms.cambiacontrasena = new function () { var self = this; this.node = null; var code = null; var password = null; var repeatedpassword = null; function changepassword() { WA.toDOM('loginset-cambia-contrasena-submit').disabled = true; WA.toDOM('loginset-cambia-contrasena-submit').innerHTML = WA.i18n.getMessage("txtdorecordar"); // var code = WA.toDOM('loginset-cambia-contrasena-code').value; var password = WA.toDOM('loginset-cambia-contrasena-contrasena1').value; var password2 = WA.toDOM('loginset-cambia-contrasena-contrasena2').value; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/changepassword', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language);// request.addParameter('device', KL.device);// request.addParameter('code', code);// request.addParameter('password', password);// request.addParameter('repeatedpassword', password2);// return request.send(); }) .then(function (response) { var code = JSON.parse(response); switch (code.status) { case 'RECOVERY': //KL.Modules.stat.registerEvent('loginset', 'loginset/changepassword/recovery'); KL.Modules.stat.registerEventGA4('loginset/changepassword/recovery', {'send_to': KL.analyticsTag}); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); case 'password': KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena1', code.message); case 'password2': KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena1', code.message); case 'expired': case 'notexits': KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-code', code.message); } }) .catch(function (code, err) { //KL.Modules.stat.registerEvent('loginset', 'loginset/changepassword/' + code); KL.Modules.stat.registerEventGA4('loginset/changepassword/' + code, {'send_to': KL.analyticsTag}); }); } function setGlobalStatus(){ var globalstatus = code.status && password.status && repeatedpassword.status; WA.toDOM('loginset-cambia-contrasena-submit').disabled = !globalstatus; /*WA.toDOM('loginset-cambia-contrasena-submit').style.backgroundColor = globalstatus ? '#8cc63e' : '#aaaaaa';*/ WA.toDOM('loginset-cambia-contrasena-submit').className = globalstatus ? 'css-bgcolor-activado' : 'bgcolor-desactivado'; WA.toDOM('loginset-cambia-contrasena-submit').value = globalstatus ? WA.i18n.getMessage("txtregistrocheckar7") : WA.i18n.getMessage("txtlogincheckar6"); return true; } function pswmatch() { if (!self.ready) { return false; } if (password.status && repeatedpassword.status) { var psw = WA.toDOM('loginset-cambia-contrasena-contrasena1').value; var psw2 = WA.toDOM('loginset-cambia-contrasena-contrasena2').value; if (psw && psw2 && psw != psw2) KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena1', WA.i18n.getMessage("txtpswmatch")); else KL.Modules.loginset.limpiacampo('loginset-cambia-contrasena-contrasena1'); } return setGlobalStatus(); } function strong() { if (!self.ready) { return false; } var ok = 0; var psw = WA.toDOM('loginset-cambia-contrasena-contrasena1').value; if (psw.match(/[A-Z]/)) ok++; if (psw.match(/[a-z]/)) ok++; if (psw.match(/[0-9]/)) ok++; if (psw.match(/[@#$%&!*)(-+=^]/)) ok++; if (psw == "" || psw.length < 6) { WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').innerHTML = WA.i18n.getMessage("txtstrong1"); WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.width = '25%'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.backgroundColor = '#f66'; } else if (ok <= 2) { WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').innerHTML = WA.i18n.getMessage("txtstrong2"); WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.width = '50%'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.backgroundColor = '#fa0'; } else if (ok == 3) { WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').innerHTML = WA.i18n.getMessage("txtstrong3"); WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.width = '75%'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.backgroundColor = 'blue'; } else if (ok == 4) { WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').style.color = '#ffffff'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza').innerHTML = WA.i18n.getMessage("txtstrong4"); WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.width = '100%'; WA.toDOM('loginset-cambia-contrasena-contrasena1-fuerza-visual').style.backgroundColor = '#6f6'; } return true; } function focusTooltip(){ WA.toDOM('loginset-cambia-contrasena-tooltip').style.display = 'block'; } function blurTooltip(){ WA.toDOM('loginset-cambia-contrasena-tooltip').style.display = 'none'; } function cambiocontrasenacheckar() { if (!self.ready) { return false; } if (!code.status && code.blurred) { var nombre = WA.toDOM('loginset-cambia-contrasena-code').value; if (!nombre || nombre == '') KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-code', WA.i18n.getMessage("txtlogincheckar7")); else if (nombre.length < 32) KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-code', WA.i18n.getMessage("txtlogincheckar8")); else if (nombre.length > 32) KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-code', WA.i18n.getMessage("txtlogincheckar9")); } else KL.Modules.loginset.limpiacampo('loginset-cambia-contrasena-code'); if (!password.status && password.blurred) { var contrasena = WA.toDOM('loginset-cambia-contrasena-contrasena1').value; if (!contrasena || contrasena == '') KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena1', WA.i18n.getMessage("txtlogincheckar3")); else KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena1', WA.i18n.getMessage("txtlogincheckar4")); } else KL.Modules.loginset.limpiacampo('loginset-cambia-contrasena-contrasena1'); if (!repeatedpassword.status && repeatedpassword.blurred) { var contrasena2 = WA.toDOM('loginset-cambia-contrasena-contrasena2').value; if (!contrasena2 || contrasena2 == '') KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena2', WA.i18n.getMessage("txtregistrocheckar4")); else KL.Modules.loginset.errorlogin('loginset-cambia-contrasena-contrasena2', WA.i18n.getMessage("txtregistrocheckar5")); } else KL.Modules.loginset.limpiacampo('loginset-cambia-contrasena-contrasena2'); return setGlobalStatus(); } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.start = start; function start() { self.node = WA.toDOM('loginset-cambiacontrasena'); if (!self.node) { return; } code = new WA.Managers.validator.textfield('loginset-cambia-contrasena-code', { minlength: 32, maxlength: 32, maxwords: 1, format: KL.Modules.loginset.nombreformat }, 'loginset-cambia-contrasena-code-check', cambiocontrasenacheckar ); password = new WA.Managers.validator.textfield('loginset-cambia-contrasena-contrasena1', { minlength: 6, maxlength: 200 }, 'loginset-cambia-contrasena-contrasena1-check', strong ); repeatedpassword = new WA.Managers.validator.textfield('loginset-cambia-contrasena-contrasena2', { minlength: 6, maxlength: 200 }, 'loginset-cambia-contrasena-contrasena2-check', pswmatch ); WA.toDOM('loginset-cambia-contrasena-submit').onclick = changepassword; self.ready = true; let url = new URL(window.location.href); let codigo = url.searchParams.get("codigo"); if (typeof codigo !== undefined) { WA.toDOM('loginset-cambia-contrasena-code').value = codigo; code.status = true; code.validar(); } WA.toDOM('loginset-cambia-contrasena-contrasena1').onfocus = focusTooltip; WA.toDOM('loginset-cambia-contrasena-contrasena1').onblur = blurTooltip; cambiocontrasenacheckar(); } this.stop = stop; function stop() { self.node = null; self.ready = false; } } // la enlaza un nuevo usuario social KL.Modules.loginset.forms.social = new function () { var self = this; this.node = null; this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.start = start; function start() { self.node = WA.toDOM('loginset-social'); if (!self.node) { return; } let url = new URL(window.location.href); let code = url.searchParams.get("code"); if (code !== null) { KL.Modules.huawei.authorization(code) } let errorh = url.searchParams.get("error"); if (errorh !== null){ let description = url.searchParams.get("errordescription"); KL.Modules.huawei.error(error, description); } } this.stop = stop; function stop() { self.node = null; } } KL.Modules.loginset.forms.enlaza = new function () { var self = this; this.node = null; this.responseSocial = null; this.rs = null; this.enlazaready = false; var registronombresocial = null; var registroapellidosocial = null; var registroemailsocial = null; var registropoliticassocial = null; var registronewslettersocial = null; //this.sociallink = sociallink; function sociallink() { WA.toDOM('loginset-enlaza-submit').disabled = true; WA.toDOM('loginset-enlaza-submit').value = WA.i18n.getMessage("txtdoenlaceregistro"); var redsocial = self.rs; var GUID = self.responseSocial.key; var avatar = self.responseSocial.avatar; var nombre = WA.toDOM('loginset-enlaza-nombre').value; var apellido = WA.toDOM('loginset-enlaza-apellido').value; var email = WA.toDOM('loginset-enlaza-email').value; var newsletter = WA.toDOM('loginset-enlaza-newsletter').checked; var notice = WA.toDOM('loginset-enlaza-notice').checked; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/update', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('socialnetwork', redsocial); //request.addParameter('GUID', GUID); if (avatar) request.addParameter('avatar', avatar); request.addParameter('email', email); request.addParameter('name', nombre); request.addParameter('lastname', apellido); request.addParameter('newsletter', newsletter ? 1 : 0); request.addParameter('notice', notice ? 1 : 0); request.addParameter('object', JSON.stringify(self.responseSocial)); return request.send(); }) .then(function (response) { var code = JSON.parse(response); switch (code.status) { case "Error": //KL.Modules.stat.registerEvent('loginset', 'loginset/social/enlace/' + respuesta.code); KL.Modules.stat.registerEventGA4('loginset/social/enlace/' + respuesta.code, {'send_to': KL.analyticsTag}); switch (code.code) { case 1201: case 1202: KL.Modules.loginset.errorlogin('loginset-enlaza-'+code.error, code.message); break; default: KL.Modules.loginset.errorlogin('loginset-enlaza-nombre', 'Error no especificado'); break; } break; case "OK": if (code.hasOwnProperty('action') && code.action === 1){ KL.Modules.loginset.hide('enlaza'); KL.Modules.loginset.show('activacion'); } else { //KL.Modules.stat.registerEvent('loginset', 'loginset/social/enlace/' + redsocial); KL.Modules.stat.registerEventGA4('loginset/social/enlace/' + redsocial, {'send_to': KL.analyticsTag}); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); } break; } }) .catch(function (code, err) { //KL.Modules.stat.registerEvent('loginset', 'loginset/update/' + code); KL.Modules.stat.registerEventGA4('loginset/update/' + code, {'send_to': KL.analyticsTag}); //console.log("code: ", code) //console.log("err: ", err) }); } this.registrosocialcheckar = registrosocialcheckar; function registrosocialcheckar() { if (!self.enlazaready) { return false; } WA.toDOM('loginset-enlaza-submit').disabled = true; if (!registronombresocial.status && registronombresocial.blurred) { var nombre = WA.toDOM('loginset-enlaza-nombre').value; if (!nombre || nombre == '') KL.Modules.loginset.errorlogin('loginset-enlaza-nombre', WA.i18n.getMessage("txtregistrocheckar1")); else KL.Modules.loginset.errorlogin('loginset-enlaza-nombre', WA.i18n.getMessage("txtregistrosocialcheckar1")); } else KL.Modules.loginset.limpiacampo('loginset-enlaza-nombre'); if (!registroapellidosocial.status && registroapellidosocial.blurred) { var apellido = WA.toDOM('loginset-enlaza-apellido').value; if (!apellido || apellido == '') KL.Modules.loginset.errorlogin('loginset-enlaza-apellido', WA.i18n.getMessage("txtregistrocheckar3")); else KL.Modules.loginset.errorlogin('loginset-enlaza-apellido', WA.i18n.getMessage("txtregistrosocialcheckar3")); } else KL.Modules.loginset.limpiacampo('loginset-enlaza-apellido'); if (!registroemailsocial.status && registroemailsocial.blurred) { var usuario = WA.toDOM('loginset-enlaza-email').value; if (!usuario || usuario == '') KL.Modules.loginset.errorlogin('loginset-enlaza-email', WA.i18n.getMessage("txtregistrosocialcheckar1")); else KL.Modules.loginset.errorlogin('loginset-enlaza-email', WA.i18n.getMessage("txtmodificarcheckar1")); } else KL.Modules.loginset.limpiacampo('loginset-enlaza-email'); if (!registropoliticassocial.status && registropoliticassocial.blurred) { var politicas = WA.toDOM('loginset-enlaza-notice').checked; if (!politicas) KL.Modules.loginset.errorlogin('loginset-enlaza-notice', WA.i18n.getMessage("txtregistrocheckar6")); } else KL.Modules.loginset.limpiacampo('loginset-enlaza-notice'); var globalstatus = registronombresocial.status && registroapellidosocial.status && registroemailsocial.status && registropoliticassocial.status; WA.toDOM('loginset-enlaza-submit').disabled = !globalstatus; /* WA.toDOM('loginset-enlaza-submit').style.backgroundColor = globalstatus ? '#8cc63e' : '#aaaaaa'; */ WA.toDOM('loginset-enlaza-submit').className = globalstatus ? 'css-bgcolor-activado' : 'bgcolor-desactivado'; WA.toDOM('loginset-enlaza-submit').value = globalstatus ? WA.i18n.getMessage("txtregistrosocialcheckar3") : WA.i18n.getMessage("txtcontrasenacheckar4"); return true; } // llena los campos del formulario... this.fill = fill; function fill(response, sn) { self.responseSocial = response; self.rs = sn; if (self.responseSocial == null) { return; } let reload = true; if (self.responseSocial.mailstatus == "2") { reload = false; // loginset-enlazasocial-foto - avatar if (self.responseSocial.avatar != "") { WA.toDOM('loginset-enlazasocial-foto').style.backgroundImage = "url('" + self.responseSocial.avatar + "')"; WA.toDOM('loginset-enlazasocial-foto').style.backgroundSize = "cover"; WA.toDOM('loginset-enlaza-social').style.backgroundImage = "url('" + self.responseSocial.avatar + "')"; WA.toDOM('loginset-enlaza-social').style.backgroundSize = "cover"; } // loginset-enlazanombre-input - nombre if (self.responseSocial.name != "") { WA.toDOM('loginset-enlaza-nombre').value = self.responseSocial.name; } // loginset-enlazaapellido-input - apellido if (self.responseSocial.lastname != "") { WA.toDOM('loginset-enlaza-apellido').value = self.responseSocial.lastname; } // loginset-enlazamail-input - email if (self.responseSocial.email != "") { WA.toDOM('loginset-enlaza-email').value = self.responseSocial.email; } KL.Modules.loginset.forms.social.hide(); self.show(); self.start(); } if (reload) { // reloadpage(true); } } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } this.stop = stop; function stop() { WA.toDOM('loginset-enlaza-submit').onclick = function() {}; self.node = null; registronombresocial = null; registroapellidosocial = null; registroemailsocial = null; registronewslettersocial = null; registropoliticassocial = null; self.enlazaready = false; } this.start = start; function start() { self.node = WA.toDOM('loginset-enlaza'); if (!self.node) { return; } registronombresocial = new WA.Managers.validator.textfield('loginset-enlaza-nombre', { minlength: 2, maxlength: 50, maxwords: 5, format: KL.Modules.loginset.nombreformat }, 'loginset-enlaza-nombre-check', registrosocialcheckar ); registroapellidosocial = new WA.Managers.validator.textfield('loginset-enlaza-apellido', { minlength: 0, maxlength: 50, maxwords: 5 }, 'loginset-enlaza-apellido-check', registrosocialcheckar ); registroemailsocial = new WA.Managers.validator.textfield('loginset-enlaza-email', { minlength: 0, maxlength: 50, maxwords: 1, format: KL.Modules.loginset.emailformat }, 'loginset-enlaza-email-check', registrosocialcheckar ); registronewslettersocial = new WA.Managers.validator.checkboxfield('loginset-enlaza-newsletter', {}, null, null); registropoliticassocial = new WA.Managers.validator.checkboxfield('loginset-enlaza-notice', { notempty: true }, null, registrosocialcheckar); WA.toDOM('loginset-enlaza-submit').onclick = sociallink; self.enlazaready = true; registrosocialcheckar(); } } KL.Modules.social = new function () { var self = this; this.node = null; this.ready = false; // this.subeimagenusuario = subeimagenusuario; function subeimagenusuario(tipo, event) { var aux = WA.toDOM('loginset-enlaza-social-2'); // aux.click(); } this.changeImage = changeImage; function changeImage(img) { //var aux = WA.toDOM('loginset-enlaza-social-2'); // //console.log(aux.src, aux.value) WA.toDOM('loginset-enlaza-social').style.backgroundImage = "url('" + img.src + "')"; //WA.toDOM('loginset-enlaza-social-2') = img; //WA.toDOM('loginset-enlaza-social').style.backgroundImage = "url('" + self.responseSocial.avatar + "')"; //WA.toDOM('loginset-enlaza-social').style.backgroundSize = "cover"; } /*function formChefImage() { formchefimage = new ajaximage('subirFotoChef', 'IMAGENCHEF'); formchefimage.setLoadingImage(KL.cdndomains + '/kiwi5/static/loading.gif'); //formchefimage.setAction('listeners/dochefimagen?orden=fotochef'); // el listener va a cambiar a a otra forma de llamar la función formchefimage.setPage('foto'); }*/ /*this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; }*/ // this.start = start; function start() { self.node = WA.toDOM('loginset-enlaza-social-2'); if (!self.node) { return; } self.ready = true; WA.toDOM('loginset-enlaza-social-2').addEventListener('change', function () { if (this.files && this.files[0]) { var img = document.querySelector('img'); // $('img')[0] img.src = URL.createObjectURL(this.files[0]); // set src to blob url img.onload = KL.Modules.social.changeImage(img); //img.onload = KL.Modules.social.changeImage(); /*var reader = new FileReader(); reader.readAsDataURL(this.file[0]); reader.addEventListener("load", function (e) { var image = e.target.result; //$("#imgthumbnail").attr('src', image); WA.toDOM('loginset-enlaza-social').style.backgroundImage = "url('" + image + "')"; WA.toDOM('loginset-enlaza-social-2').src = image; })*/ } }); } KL.loader.addHookLoad('social', start); } /* // ajaximage function ajaximage(formid, nodeid) { var self = this; this.formid = formid; this.form = WA.toDOM(formid); this.nodeid = nodeid; // field with name of image this.downloadnode = WA.toDOM(nodeid + '_download'); // field with upload button this.imagenode = WA.toDOM(nodeid + '_image'); // image this.filenode = WA.toDOM(nodeid + '_file'); // temporary file name this.loading = false; this.loadingimage = KL.cdndomains + '/kiwi5/static/loading.gif'; this.action = '/doeditor?orden=foto'; this.page = null; this.container = null; this.check = null; this.setLoadingImage = setLoadingImage; function setLoadingImage(img) { self.loadingimage = img; } this.setAction = setAction; function setAction(action) { self.action = action; } this.setPage = setPage; function setPage(page) { self.page = page; } this.changeImage = changeImage; function changeImage() { var oldtarget = self.form.target; var oldaction = self.form.action; var oldpage = null; if (self.form.elements["orden"] && self.page) { oldpage = self.form.elements["orden"].value; self.form.elements["orden"].value = self.page; } self.form.action = self.action; self.form.target = self.nodeid + '_hiddeniframe'; self.loading = true; if (self.check) self.check('change'); self.imagenode.src = self.loadingimage; if (self.form.originsubmit) self.form.originsubmit(); else self.form.submit(); self.form.target = oldtarget; self.form.action = oldaction; if (oldpage) self.form.elements["orden"].value = oldpage; } this.setImage = setImage; function setImage(path, name) { self.imagenode.src = path + name; self.filenode.value = name; self.loading = false; if (self.check) self.check('set'); } this.setCheck = setCheck; function setCheck(check) { self.check = check; } this.downloadnode.onchange = this.changeImage; KL.Modules.social.changeImage(); return this; } */ // google plus KL.Modules.google = new function () { var self = this; var auth2; var googleuser = null; this.signin = signin; function signin(googleUser) { googleuser = googleUser; if (googleuser) { //var id_token = googleUser.id_token; var code = googleUser.code; var id_token = googleUser.credential; WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/sociallogin/google', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('user', "{ \"token\" : \"" + id_token + "\" } "); if(KL.loader.saveFCMToken()) request.addParameter('fcmtoken', KL.loader.saveFCMToken()); //request.addParameter('user', "{ \"code\" : \"" + code + "\" } "); return request.send(); }) .then(function (response) { var respuesta = JSON.parse(response); switch (respuesta.status) { case "REGISTER": KL.Modules.stat.registerEvent('loginset', 'loginset/social/google/register'); KL.Modules.stat.registerEventGA4('loginset/social/google/register', {'send_to': KL.analyticsTag}); KL.Modules.client.loadclient(); KL.Modules.loginset.forms['enlaza'].fill(respuesta, 'google'); break; case "OK": KL.Modules.stat.registerEvent('loginset', 'loginset/social/google/login'); KL.Modules.stat.registerEventGA4('loginset/social/google/login', {'send_to': KL.analyticsTag}); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); break; case "Error": KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/google/' + respuesta.code); KL.Modules.stat.registerEventGA4('loginset/sociallogin/google/', {'send_to': KL.analyticsTag}); KL.Modules.loginset.errorlogin('loginset-social-google', respuesta.message); break; } }) .catch(function (code, err) { KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/' + code); KL.Modules.stat.registerEventGA4('loginset/sociallogin/' + code, {'send_to': KL.analyticsTag}); }); } } this.signout = signout; function signout() { //console.log('signout'); } this.onSignIn = onSignIn; function onSignIn(googleuser) { //console.log("GG SIGNIN"); KL.Modules.google.signin(googleuser); } this.onErrorG = onErrorG; function onErrorG(error) { //console.log("GG ERROR", error); //console.log(error); } function googledone() { //console.log("GOOGLE API DONE: "); gapi.load("auth2", function(){ auth2 = gapi.auth2.init({ 'clientId': KL.googleclientauth, scope: 'profile email' }); }); } this.loginGoogle = loginGoogle; function loginGoogle(){ auth2.grantOfflineAccess({ 'redirect_uri': 'postmessage', 'prompt': 'consent' }).then(onSignIn); } this.loadGoogleBtn = loadGoogleBtn; function loadGoogleBtn(divgoogle) { if (window.gapi && gapi.signin2 && gapi.signin2.render) { self.googleok = true; } if (!self.googleok) { setTimeout(function () { loadGoogleBtn(divgoogle); }, 100); return; } gapi.signin2.render("botonGoogle", { theme: "dark", //onsuccess: onSignIn, //onfailure: onErrorG }) ; changeTextButtonGoogle(); } /************************************************************************** */ // Boton nuevo /************************************************************************** */ function googleButton(){ // nuevo boton de google if(WA.toDOM("botonGoogle")){ var parentnode = WA.toDOM("botonGoogle").parentNode; var options = { type: "standard", theme: "filled_blue", shape: "rectangular", width: 250, } google.accounts.id.initialize({ client_id: KL.googleclientauth, callback: KL.Modules.google.signin, }); google.accounts.id.renderButton(parentnode, options); } } this.googleLogin = googleLogin; function googleLogin(googleUsr){ KL.Modules.google.signin(googleUsr); } /************************************************************************** */ // Boton nuevo /************************************************************************** */ function changeTextButtonGoogle(){ divgooglex = WA.toDOM("botonGoogle"); div1 = divgooglex ? divgooglex.getElementsByTagName("div") : undefined; if (div1 === undefined) { setTimeout(function(){ changeTextButtonGoogle(); }, 100); return; } else { div2 = div1[0] ? div1[0].getElementsByTagName("div") : undefined; if (div2 === undefined) { setTimeout(function(){ changeTextButtonGoogle(); }, 100); return; } spans = div2[0].getElementsByTagName("span"); if (spans[0]?1:0) { spans[0].innerHTML = WA.i18n.getMessage("txtaccedegoogle"); } else { setTimeout(function(){ changeTextButtonGoogle(); }, 100); return; } if (spans[1]?1:0) { spans[1].innerHTML = WA.i18n.getMessage("txtiniciagoogle"); } } } function loadButton() { var ID_GO_BTN = 'botonGoogle'; if (WA.toDOM(ID_GO_BTN)) self.loadGoogleBtn(ID_GO_BTN); } this.cargasdk = cargasdk; function cargasdk() { // Already loaded ??? /********************************************* */ WA.Managers.externloader.loadexterncode("https://accounts.google.com/gsi/client?v=" + Math.random(), '', googleButton); // Se actualiz� biblioteca de google DAG 30/05/2022 /********************************************* */ } this.start = start; function start() { if (!WA.toDOM('botonGoogle')) return; self.cargasdk(); } KL.loader.addHookLoad('google', start); } window.addEventListener("message", ({ data }) => { try { var response = JSON.parse(data); if (response.params.type === "authResult") { KL.Modules.google.signin(response.params.authResult); } } catch (e) { return false; } }); // apple var flagAP = false; KL.Modules.Apple = new function() { var self = this; var appleuser = null; // this.init = init; function init() { AppleID.auth.init({ clientId: KL.appleclientid, scope: "name email", redirectURI: KL.appleredirecturl, state: "state here", usePopup: true }); AppleID.auth.signIn(); } this.loadResponseApple = loadResponseApple; function loadResponseApple(response) { var respuesta = JSON.parse(response); switch (respuesta.status) { case "REGISTER": KL.Modules.stat.registerEvent('loginset', 'loginset/social/apple/register'); KL.Modules.client.loadclient(); KL.Modules.loginset.forms['enlaza'].fill(respuesta, 'apple'); break; case "OK": KL.Modules.stat.registerEvent('loginset', 'loginset/social/apple/login'); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); break; case "Error": KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/apple/' + respuesta.code); KL.Modules.loginset.errorlogin('loginset-social-apple', respuesta.message); break; } } // this.sendRequest = sendRequest; function sendRequest(requestApple) { WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/sociallogin/apple', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language);//language=es|en request.addParameter('device', KL.device);//device="pc", "mobile", "ios", "android" request.addParameter('code', requestApple.detail.authorization.code );// if(KL.loader.saveFCMToken()) request.addParameter('fcmtoken', KL.loader.saveFCMToken()); /* request.onreadystatechange = function(){ if (this.readyState == 4 && this.status == 200) { console.log(this.responseText) } }; */ return request.send().then( (data)=>{ KL.Modules.Apple.loadResponseApple(data); return; }); }) .catch(function (code, err) { KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/' + code); }); } this.cargasdk = cargasdk; function cargasdk() { /* Apple SDK */ WA.Managers.externloader.loadexterncode("https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"); //WA.Managers.externloader.loadexterncode("https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/" + KL.locale + "/appleid.auth.js"); WA.toDOM('appleid-signin').onclick = init; } this.start = start; function start() { if (!WA.toDOM('appleid-signin')) return; self.cargasdk(); } KL.loader.addHookLoad('apple', start); } //Listen for authorization success document.addEventListener('AppleIDSignInOnSuccess', (data) => { KL.Modules.Apple.sendRequest(data); }); //Listen for authorization failures document.addEventListener('AppleIDSignInOnFailure', (error) => { //handle error. //console.log("error apple: ", error); }); // KL.Modules.huawei = new function() { // this.error = manageError; function manageError(errorh, description) { console.log(errorh, description); KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/huawei/' + errorh); KL.Modules.loginset.errorlogin('loginset-social-huawei', description); return; } this.authorization = authorization; function authorization(code) { if (code == "") { console.log("code empty"); return; } WA.Managers.ajax.createPromiseRequest({ url: KL.identitydomains + '/sociallogin/huawei', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); //language=es|en request.addParameter('device', KL.device); //device="pc", "mobile", "ios", "android" request.addParameter('code', code );// if(KL.loader.saveFCMToken()) request.addParameter('fcmtoken', KL.loader.saveFCMToken()); return request.send(); // }) .then(function (response) { var code = JSON.parse(response); switch (code.status) { case "REGISTER": KL.Modules.stat.registerEvent('loginset', 'loginset/social/huawei/register'); KL.Modules.client.loadclient(); KL.Modules.loginset.forms['enlaza'].fill(code, 'huawei'); break; case "OK": KL.Modules.stat.registerEvent('loginset', 'loginset/social/huawei/login'); KL.Modules.client.loadclient(); KL.Modules.loginset.Logged(); break; case "Error": KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/huawei/' + respuesta.code); KL.Modules.loginset.errorlogin('loginset-social-huawei', respuesta.message); break; } }) .catch(function (code, err) { KL.Modules.stat.registerEvent('loginset', 'loginset/sociallogin/huawei/' + code); }); } this.login = login; function login(){ window.location.href = redirectUrl; } this.start = start; function start() { redirectUrl='https://oauth-login.cloud.huawei.com/oauth2/v3/authorize?'+'response_type=code&access_type=offline&state=state_parameter_passthrough_value&client_id='+KL.huaweiclient +'&redirect_uri='+ KL.huaweiredirecturl +'&scope='+ KL.huaweiscope+'&display=page'; if (!WA.toDOM('botonHuawei')) return; WA.toDOM('botonHuawei').onclick = login; } // KL.loader.addHookLoad('huawei', start); } /*window.addEventListener("message", ({ data }) => { try { console.log("data on message: ", data); var response = JSON.parse(data); console.log(response); /*if (response.params.type === "authResult") { }* / } catch (e) { return false; } }); /* //Listen for authorization success document.addEventListener('AppleIDSignInOnSuccess', (data) => { KL.Modules.Apple.sendRequest(data); }); */ KL.Modules.tools = new function() { var self = this; var tools = {}; var counter = 1; function load() { if(KL.Modules.client.clientlogged){ clientTools(); }else{ defaultTools() }; } function unload() { for (var i = 0; i < tools.length; i++) tools[i].destroy(); tools = {}; } function defaultTools() { var toolsNodes = document.getElementsByClassName('tools'); if (toolsNodes) { for (var i = 0; i < toolsNodes.length; i++) { id = toolsNodes[i].id; if (!id) { toolsNodes[i].id = id = "tools" + counter++; } // ONLY if not scanned yet tools[id] = new KL.Modules.onetoolset(toolsNodes[i]); } } } function clientTools() { if(typeof KL.onetoolset !== 'function'){ setTimeout(()=>{clientTools();},500); return; } var toolsNodes = document.getElementsByClassName('tools'); if (toolsNodes) { for (var i = 0; i < toolsNodes.length; i++) { id = toolsNodes[i].id; if (!id) { toolsNodes[i].id = id = "tools" + counter++; } // ONLY if not scanned yet tools[id] = KL.onetoolset(toolsNodes[i]); } } } KL.loader.addHookLoad('tools', load); KL.loader.addHookPostLoad('tools', load); KL.loader.addHookUnload('tools', unload); } KL.Modules.onetoolset = function(node) { var self = this; var containernode = node; var toolsnode = null; if (containernode.scanned) return; function clickfav(event) { if (!KL.Modules.client.clientlogged) { KL.loader.clickTool = 'fav'; KL.loader.clickToolInPage = location.pathname; KL.Modules.stat.registerEventGA4('tools/gologin', {'send_to': KL.analyticsTag}); KL.loader.type = containernode.dataset.type; KL.loader.key = containernode.dataset.key; if(KL.pagedata.page.keywords[0] == 'receta' || (KL.pagedata.page.keywords[0] == 'tips' && KL.pagedata.page.keywords.length > 3)) { var txt = KL.pagedata.page.keywords[0] == 'receta' ? 'recipe' : 'tip'; KL.Modules.loginset.copyLoginPopup(txt + '-data-bloqueo'); return; } KL.Modules.loginset.loginPopup(); } } toolsnode = WA.createDomNode('div', null, 'tools-container'); containernode.appendChild(toolsnode); var fvbutton = WA.createDomNode('div', null, 'anim tools-favorites icon-k7-tools-favorites-empty'); fvbutton.setAttribute('alt', WA.i18n.getMessage('txt-tools-favorito')); fvbutton.setAttribute('title', WA.i18n.getMessage('txt-tools-favorito')); fvbutton.onclick = clickfav; toolsnode.appendChild(fvbutton); } // tools var translation = { "txt-tools-favorito": "Adicionar aos meus Favoritos", "txt-tools-colecciones": "Adicionar às minhas Coleções", "txt-tools-listasuper": "Adicionar à minha Lista de Compras", "txt-tools-planeadormenu": "Adicionar ao Planejador de Menu", "txt-tools-cerrar": "Cerrar", }; WA.i18n.loadMessages(translation); /* Funciones para manejar el feed */ /* Escrito por: Phil Fecha: Julio 2016 Control de cambios: 26/02/2020: Wilmer, Ajuste a feed search/v6 10/07/2016: Phil, Creación */ KL.Modules.feed = new function() { var self = this; function load() { } this.unload = unload; function unload() { } KL.loader.addHookLoad('feed', load); KL.loader.addHookPostLoad('feed', load); KL.loader.addHookUnload('feed', unload); } KL.Modules.feed.container = function(id, template, datos, q) { var self = this; } KL.Modules.slider = new function() { var self = this; var sliders = {}; var counter = 1; function load() { var sliderNodes = document.getElementsByClassName('slider'); if (sliderNodes) { for (var i = 0; i < sliderNodes.length; i++) { id = sliderNodes[i].id; if (!id) { sliderNodes[i].id = id = "slider" + counter++; } sliders[id] = new KL.Modules.oneslider(sliderNodes[i]); } } } function unload() { for (var i = 0; i < sliders.length; i++) sliders[i].destroy(); sliders = {}; } KL.loader.addHookLoad('slider', load); //KL.loader.addHookPostLoad('slider', load); KL.loader.addHookUnload('slider', unload); } KL.Modules.oneslider = function(node) { var self = this; var slidernode = node; var containernode = null; var position = 0; //var percentmove = 0.9; var percentmove = 1; function clickprevious(event) { var width = WA.browser.getNodeWidth(slidernode); position += Math.round(width*percentmove); if (position > 0) position = 0; containernode.style.left = position + 'px'; //KL.loader.callHooksPostLoad(); //KL.Modules.stat.registerEvent('slider', 'slider/previous'); KL.Modules.stat.registerEventGA4('slider/previous', {'send_to': KL.analyticsTag}); // TODO(phil) // considerar enviar los IDs a analizar por la animacion // Se env�a a analizar las im�genes DAG 11/08/2022 //KL.Modules.images.analyze(); } function clicknext(event) { var width = WA.browser.getNodeWidth(slidernode); position -= Math.round(width*percentmove); var size = getsize(); var min = -size+width; if (min > 0) min = 0; if (position < min) position = min; containernode.style.left = position + 'px'; //KL.Modules.stat.registerEvent('slider', 'slider/next'); KL.Modules.stat.registerEventGA4('slider/next', {'send_to': KL.analyticsTag}); setTimeout(() => { KL.loader.callHooksPostLoad(); }, 700); //600 // TODO(phil) // considerar enviar los IDs a analizar por la animacion // Se env�a a analizar las im�genes DAG 11/08/2022 //KL.Modules.images.analyze(); } function getsize() { var width = 0; for (var i=0, l=containernode.childNodes.length; i width) width = x; } return width; } function draglistener(type, metrics) { if (type == 'start') { // quitar el anim containernode.style.transition = 'none'; } if (type == 'drag') { // mover a la posicion var p = position + metrics.dx; var width = WA.browser.getNodeWidth(slidernode); if (p > 0) p = 0; var size = getsize(); var min = -size+width; if (min > 0) min = 0; if (p < min) p = min; //containernode.style.transform = "translate("+p+"px,0)"; //position = p; containernode.style.left = p + 'px'; } if (type == 'izquierda' || type == 'derecha') { // reponer el anim containernode.style.transition = ''; // animar hasta la posicion correspondiente a la velocidad ? var p = position + metrics.dx + metrics.velocity/4; var width = WA.browser.getNodeWidth(slidernode); if (p > 0) p = 0; var size = getsize(); var min = -size+width; if (min > 0) min = 0; if (p < min) p = min; position = p; containernode.style.left = position + 'px'; // TODO(phil) // considerar enviar los IDs a analizar por la animacion } KL.Modules.images.analyze(); //KL.loader.callHooksPostLoad(); } this.destroy = destroy; function destroy() { if (timer) clearTimeout(timer) timer = null; actual = null; gallerynode = null; containernode = null; previousnode = null; nextnode = null; playnode = null; bulletsnode = null; self = null; } // Note: only 1 gallery per page if (slidernode.dataset.scanned) return; slidernode.dataset.scanned = true; if (!slidernode.firstElementChild) return; containernode = WA.createDomNode('div', slidernode.id+'_container', 'slider-container'); while (slidernode.hasChildNodes()) { // Solo queremos nodos div if (slidernode.firstChild.nodeType == 1) { slidernode.firstChild.className += ' slider-element'; containernode.appendChild(slidernode.firstChild); } else slidernode.removeChild(slidernode.firstChild); } slidernode.appendChild(containernode); // 3. boton left previousnode = WA.createDomNode('div', null, 'slider-button left'); slidernode.appendChild(previousnode); previousnode.onclick = function() { //KL.Modules.stat.registerEvent('slider', 'slider/previous'); KL.Modules.stat.registerEventGA4('slider/previous', {'send_to': KL.analyticsTag}); clickprevious(); }; n = WA.createDomNode('div', null, 'icon-k7-slider-previous'); previousnode.appendChild(n); // 4. boton right nextnode = WA.createDomNode('div', null, 'slider-button right'); slidernode.appendChild(nextnode); nextnode.onclick = function() { //KL.Modules.stat.registerEvent('slider', 'slider/next'); KL.Modules.stat.registerEventGA4('slider/next', {'send_to': KL.analyticsTag}); clicknext(); }; n = WA.createDomNode('div', null, 'icon-k7-slider-next'); nextnode.appendChild(n); KL.Modules.movements.adddraglistener('slider_' + slidernode.id, {node: containernode, listener:draglistener}); } KL.Modules.probookrecipelist = new function() { var self = this; var node = null; var nodemasnuevo = null; var noderecomendado = null; var nodemaspopular = null; var nodenext = null; var actual = 1; var type = ""; var key = ""; var page = 1; var quantity = 10; var more = false; var total = 0; function cleandata() { node.innerHTML = ""; page = 1; } function calldata() { var r = WA.Managers.ajax.createRequest(KL.graphdomains + '/v6/feed', 'POST', null, getdata, false); r.addParameter('v', 1 ); r.addParameter('type', type ); r.addParameter('key', key ); r.addParameter('device', KL.device ); r.addParameter('language', KL.language ); r.addParameter('quantity', quantity ); r.addParameter('order', actual ); r.addParameter('page', page ); r.addParameter('human', 1 ); r.send(); } function getdata(request) { code = JSON.parse(request.responseText); // es necesario agregar el valor del parametro siteorigin en objeto JSON para que sepa que subtemplate va a despachar desde /pages-central/feed/producto/producto.template code.siteorigin = KL.rootsite; // inject into template template = WA.templater`${['loop', 'payload','feed_payload']}`; text = template(code); ndiv = WA.createDomNode('div', null, null); ndiv.style = "clear: both;"; ndiv.innerHTML = text; node.appendChild(ndiv); // set next, data into more = code.more nodenext.style.display = more?"block":"none"; // analyze img and ads and an KL.loader.callHooksPostLoad(); } function next() { if (!more) return; page++; calldata(); } function masnuevo() { if (actual == 1) return; actual = 1; nodemasnuevo.className = "probookrecipelist-button on"; noderecomendado.className = "probookrecipelist-button"; nodemaspopular.className = "probookrecipelist-button"; // seek new list cleandata(); calldata(); } function recomendado() { if (actual == 2) return; actual = 2; nodemasnuevo.className = "probookrecipelist-button"; noderecomendado.className = "probookrecipelist-button on"; nodemaspopular.className = "probookrecipelist-button"; // seek new list cleandata(); calldata(); } function maspopular() { if (actual == 3) return; actual = 3; nodemasnuevo.className = "probookrecipelist-button"; noderecomendado.className = "probookrecipelist-button"; nodemaspopular.className = "probookrecipelist-button on"; // seek new list cleandata(); calldata(); } function load() { node = WA.toDOM('probookrecipelist'); if (!node) return; nodemasnuevo = WA.toDOM('probookrecipelist-masnuevo'); nodemasnuevo.onclick = masnuevo; noderecomendado = WA.toDOM('probookrecipelist-recomendado') noderecomendado.onclick = recomendado; nodemaspopular = WA.toDOM('probookrecipelist-maspopular') nodemaspopular.onclick = maspopular; nodenext = WA.toDOM('probookrecipelist-next'); nodenext.onclick = next; type = node.dataset.type; key = node.dataset.key; quantity = parseInt(node.dataset.quantity, 10); page = parseInt(node.dataset.page, 10); more = node.dataset.more=="true"; total = parseInt(node.dataset.total, 10); // If more: adds the "get next page" button nodenext.style.display = more?"block":"none"; } function unload() { if (!node) return; nodemasnuevo.onclick = function() {}; noderecomendado.onclick = function() {}; nodemaspopular.onclick = function() {}; nodenext.onclick = function() {}; nodemasnuevo = null; noderecomendado = null; nodemaspopular = null; nodenext = null; node = null; } KL.loader.addHookLoad('probookrecipelist', load); KL.loader.addHookUnload('probookrecipelist', unload); } KL.Modules.procollectionlist = new function() { var self = this; var node = null; var nodemasnuevo = null; var noderecomendado = null; var nodemaspopular = null; var nodenext = null; var actual = 1; var type = ""; var key = ""; var page = 1; var quantity = 10; var more = false; var total = 0; function cleandata() { node.innerHTML = ""; page = 1; } function calldata() { var r = WA.Managers.ajax.createRequest(KL.graphdomains + '/v6/feed', 'POST', null, getdata, false); r.addParameter('v', 1 ); r.addParameter('type', type ); r.addParameter('key', key ); r.addParameter('device', KL.device ); r.addParameter('language', KL.language ); r.addParameter('quantity', quantity ); r.addParameter('order', actual ); r.addParameter('page', page ); r.addParameter('human', 1 ); r.send(); } function getdata(request) { code = JSON.parse(request.responseText); // inject into template template = WA.templater`${['loop', 'payload','feed_payload']}`; text = template(code); ndiv = WA.createDomNode('div', null, null); ndiv.style = "clear: both;"; ndiv.innerHTML = text; node.appendChild(ndiv); // set next, data into more = code.more nodenext.style.display = more?"block":"none"; // analyze img and ads and an KL.loader.callHooksPostLoad(); } function next() { if (!more) return; page++; calldata(); } function masnuevo() { if (actual == 1) return; actual = 1; nodemasnuevo.className = "procollectionlist-button on"; noderecomendado.className = "procollectionlist-button"; nodemaspopular.className = "procollectionlist-button"; // seek new list cleandata(); calldata(); } function recomendado() { if (actual == 2) return; actual = 2; nodemasnuevo.className = "procollectionlist-button"; noderecomendado.className = "procollectionlist-button on"; nodemaspopular.className = "procollectionlist-button"; // seek new list cleandata(); calldata(); } function maspopular() { if (actual == 3) return; actual = 3; nodemasnuevo.className = "procollectionlist-button"; noderecomendado.className = "procollectionlist-button"; nodemaspopular.className = "procollectionlist-button on"; // seek new list cleandata(); calldata(); } function load() { node = WA.toDOM('procollectionlist'); if (!node) return; nodemasnuevo = WA.toDOM('procollectionlist-masnuevo'); nodemasnuevo.onclick = masnuevo; noderecomendado = WA.toDOM('procollectionlist-recomendado') noderecomendado.onclick = recomendado; nodemaspopular = WA.toDOM('procollectionlist-maspopular') nodemaspopular.onclick = maspopular; nodenext = WA.toDOM('procollectionlist-next'); nodenext.onclick = next; type = node.dataset.type; key = node.dataset.key; quantity = parseInt(node.dataset.quantity, 10); page = parseInt(node.dataset.page, 10); more = node.dataset.more=="true"; total = parseInt(node.dataset.total, 10); // If more: adds the "get next page" button nodenext.style.display = more?"block":"none"; } function unload() { if (!node) return; nodemasnuevo.onclick = function() {}; noderecomendado.onclick = function() {}; nodemaspopular.onclick = function() {}; nodenext.onclick = function() {}; nodemasnuevo = null; noderecomendado = null; nodemaspopular = null; nodenext = null; node = null; } KL.loader.addHookLoad('procollectionlist', load); KL.loader.addHookUnload('procollectionlist', unload); } KL.Modules.qualification = new function() { var self = this; var node = null; var nodecontainer = null; var nodenext = null var nodebutton = null; function sendqualification() { if (!KL.Modules.client.clientlogged) { KL.Modules.stat.registerEvent('qualification', 'qualification/gologin'); //KL.loader.loadPage("/login?p="+document.location.pathname); } } // click estrellas this.clickestrellas = clickestrellas; function clickestrellas(e) { KL.loader.clickTool = 'qual'; if (!KL.Modules.client.clientlogged) { KL.Modules.stat.registerEvent('qualification', 'qualification/gologin'); //KL.loader.loadPage("/login?p="+document.location.pathname); //document.location.href = "/login?p="+document.location.pathname; //return; KL.loader.clickToolInPage = location.pathname; KL.Modules.stat.registerEventGA4('tools/gologin', {'send_to': KL.analyticsTag}); KL.Modules.modal.buildpopup(KL.Modules.loginset.loginPopup()); KL.Modules.modal.showpopup({closeable:true}); WA.toDOM('popup').children[0].style.display = 'flex'; WA.toDOM('popup').children[0].children[0].style.display = 'block'; WA.toDOM('popup').style.transform = 'translate(-50%, -50%)'; WA.toDOM('popup').style.width = '90%'; for (i in KL.Modules.loginset.forms) { KL.Modules.loginset.forms[i].start(); } hideall(); KL.Modules.loginset.show('social', true); KL.Modules.google.start(); } function hideall() { for (i in KL.Modules.loginset.forms) { KL.Modules.loginset.forms[i].hide(); } } } function load() { node = WA.toDOM('social-qualification'); if (!node) return; WA.toDOM('social-qualification-estrellas-0').onclick = clickestrellas; WA.toDOM('social-qualification-estrellas-1').onclick = clickestrellas; WA.toDOM('social-qualification-estrellas-2').onclick = clickestrellas; WA.toDOM('social-qualification-estrellas-3').onclick = clickestrellas; WA.toDOM('social-qualification-estrellas-4').onclick = clickestrellas; WA.toDOM('social-qualification-estrellas-5').onclick = clickestrellas; // enlaza boton nodebutton = WA.toDOM('social-qualification-button'); nodebutton.onclick = sendqualification; // aquí enlaza a la función de service=insert en /v6/qualification if(KL.Modules.client.clientlogged) connectedTools(); } function unload() { node = null; nodecontainer = null; nodenext = null } function connectedTools(){ if(typeof socialQualification !== 'function'){ setTimeout(()=>{connectedTools();},500); return; } socialQualification(); } KL.loader.addHookLoad('qualification', load); KL.loader.addHookUnload('qualification', unload); } KL.Modules.suscripcionopenpay = new function () { var self = this; self.trx = 0; self.deviceSessionId; self.cargado = false; self.configcomplete = false; self.codevalid = false; self.subsId = null; self.promocode = null; self.amount = null; self.prodIDppl = null; self.period = null; self.product = 1; self.days = null; var cardBIN = null; var cardNumber = false; var cardExpirationMonth = false; var cardExpirationYear = false; var securityCode = false; var cardholderName = false; var codeselect = null; var clientfollow = false; var activ = false; var activpaypal = true; this.manageCode = manageCode; function manageCode(response) { var code = JSON.parse(response); switch (code.status) { case "OK": if(code.validCode == "true"){ if(self.promocode != code.promocode) { self.codevalid = true; if (code.validUntil == 0) { //pro-codigo-promocion-msg WA.toDOM("pro-codigo-promocion-msg").innerHTML = WA.i18n.getMessage("promocodetxt1") + code.days + WA.i18n.getMessage("promocodetxt2") + WA.i18n.getMessage("promocodetxt4") } else { WA.toDOM("pro-codigo-promocion-msg").innerHTML = WA.i18n.getMessage("promocodetxt1") + code.days + WA.i18n.getMessage("promocodetxt2") + WA.i18n.getMessage("promocodetxt3") } self.subsId = code.productIDop; self.promocode = code.promocode; self.amount = code.amount; self.prodIDppl = code.productIDppl; self.period = code.period; self.days = code.days; setAmount(); //WA.toDOM("pro-codigo-promocion-msg").style.color = "#777777"; displayError(""); } }else{ lockOption(false); displayError(WA.i18n.getMessage("promocodetxt8")); } break; case "Error": self.codevalid = false; KL.Modules.stat.registerEvent('suscripcionopenpay', 'suscripcionopenpay/val/codeResponseError'); // ga('send', 'event', 'pro', 'pro/validate', 'pro/val/codeResponseError', null); KL.Modules.stat.registerEventGA4('suscripcionopenpay/val/codeResponseError', {'send_to': 'G-X0MHE23QYB'}); displayError(code.message); break; } } this.sendCode = sendCode; function sendCode(pCode, bincard, option) { self.trx++; WA.Managers.ajax.createPromiseRequest({ url: KL.graphdomains + '/v6/promocode', method: 'GET', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('trx', self.trx); request.addParameter('code', pCode); request.addParameter('producto', self.product); request.addParameter('bincard', bincard); return request.send(); }) .then(function (response) { --self.trx; if (option == 0) { let resp = JSON.parse(response); if (resp.status == "OK") { if(resp.validCode == "true"){ self.codevalid = true; self.subsId = resp.productIDop; self.promocode = resp.promocode; self.amount = resp.amount; self.prodIDppl = resp.productIDppl; self.period = resp.period; self.days = resp.days; if(resp.promocode == "profollow" || resp.promocode == "proyearfollow") clientfollow = true; promotionDays(); setAmount(); // Pinta costos en botones if(pCode == 'pro') WA.toDOM('pro-introduction-price-btnmonth').innerText = resp.amount; if(pCode == 'proyear') WA.toDOM('pro-introduction-price-btnyear').innerText = resp.amount; }else{ lockOption(false); displayError( WA.i18n.getMessage("promocodetxt8") ); } }else{ displayError(resp.message); } } else if (option == 1) { self.manageCode(response); } }) .catch(function (resp) { --self.trx; KL.Modules.stat.registerEvent('suscripcionopenpay', 'suscripcionopenpay/val/validateCodeError'); // ga('send', 'event', 'pro', 'pro/validate', 'pro/val/validateCodeError', null); KL.Modules.stat.registerEventGA4('suscripcionopenpay/val/validateCodeError', {'send_to': 'G-X0MHE23QYB'}); displayError(resp.message); self.codevalid = false; }); } this.validateCode = validateCode; function validateCode() { var auxpc = WA.toDOM("pro-codigo-promocion").value; WA.toDOM("pro-codigo-promocion-msg").className = "suscripcion-pro-codigo-prom-msg ok"; if (auxpc == "") { self.codevalid = false; displayError( WA.i18n.getMessage("promocodetxt7") ); // bloquea los botones de opción lockOption(false); return; } if(auxpc.length < 3 || auxpc.length > 20){ // El código debe tener de 3 a 20 caracteres no menos, no más displayError( WA.i18n.getMessage("promocodetxt7") ); self.promocode = auxpc; // bloquea los botones de opción lockOption(false); return; } displayError(""); // bloquea los botones de opción lockOption(true); if (cardBIN != null) { self.sendCode(auxpc, cardBIN, 1); } else { self.sendCode(auxpc, "", 1); } } this.sendpayment = sendpayment; function sendpayment(token_id, bin_card, session_id) { WA.Managers.ajax.createPromiseRequest({ url: KL.graphdomains + '/v6/payment/openpay', method: 'POST', send: false }) .then(function (request) { request.addParameter('language', KL.language); request.addParameter('device', KL.device); request.addParameter('trx', self.trx); request.addParameter('test', KL.openpaySandboxMode); request.addParameter('collection', false); request.addParameter('subscription', true); let obj = { "order": "pay", "token": token_id, "sessionid": session_id, "promocode": self.codevalid ? self.promocode : "", "bincard": bin_card, "subscriptionID": self.subsId }; request.addParameter('receipt', JSON.stringify(obj)); return request.send(); }) .then(function (response) { --self.trx; var code = JSON.parse(response); switch (code.status) { case "OK": KL.Modules.modal.notifica(WA.i18n.getMessage("graciasporsuscribirte")); KL.Modules.client.loadclient(); window.location.href = "/pro"; KL.Modules.stat.registerEvent('suscripcionopenpay', 'suscripcionopenpay/val/payment'); // ga('send', 'event', 'pro', 'pro/payment', 'pro/val/payment/ok', null); KL.Modules.stat.registerEventGA4('suscripcionopenpay/val/payment', {'send_to': 'G-X0MHE23QYB'}); // ga('ecommerce:addTransaction', { 'sessionid': session_id, 'affiliation': 'InSite', 'revenue': '45', 'shipping': '0', 'tax': '0', 'currency': 'MXN' }); // ga('ecommerce:addItem', { 'sessionid': session_id, 'name': 'KiwiPro', 'promocode': self.codevalid ? self.promocode : '', 'category': 'subscription', 'price': '45', 'quantity': 1, 'currency': 'MXN' }); // ga('ecommerce:send'); // Envio data a ga(ecommerce) - lo anterior se hace aqui KL.Modules.stat.registerSubscription(code.receiptid, self.promocode, self.amount); break; case "Error": KL.Modules.stat.registerEvent('suscripcionopenpay', 'suscripcionopenpay/val/paymentResponseError'); // ga('send', 'event', 'pro', 'pro/payment', 'pro/val/paymentResponseError', null); KL.Modules.stat.registerEventGA4('suscripcionopenpay/val/paymentResponseError', {'send_to': 'G-X0MHE23QYB'}); KL.Modules.modal.alerta(code.message); activaBoton(false); WA.toDOM('pro-img-proceso').style.display = 'none'; WA.toDOM('pro-txt-button').innerText = WA.i18n.getMessage("protxtbuttonnormal"); break; } return }) .catch(function (resp) { --self.trx; KL.Modules.stat.registerEvent('suscripcionopenpay', 'suscripcionopenpay/pay/sendpaymentError'); // ga('send', 'event', 'pro', 'pro/payment', 'pro/pay/sendpaymentError', null); KL.Modules.stat.registerEventGA4('suscripcionopenpay/pay/sendpaymentError', {'send_to': 'G-X0MHE23QYB'}); activaBoton(true); WA.toDOM('pro-img-proceso').style.display = 'none'; WA.toDOM('pro-txt-button').innerText = WA.i18n.getMessage("protxtbuttonnormal"); }); } this.validateCardNumber = validateCardNumber; function validateCardNumber(e) { setTimeout(function () { validateField(e); }, 0); } this.validateField = validateField; function validateField(e) { switch (e !== undefined ? e.id : "") { case "cardNumber": isBINcardSantander(); if (OpenPay.card.validateCardNumber(WA.toDOM("cardNumber").value)) { WA.toDOM("pro-card-number-check").style.display = ""; cardNumber = true; validateField(); } else { WA.toDOM("pro-card-number-check").style.display = "none"; cardNumber = false; activaBoton(false); } break; case "securityCode": if (OpenPay.card.validateCVC(WA.toDOM("securityCode").value)) { securityCode = true; validateField(); } else { WA.toDOM("pro-ccv2-check").style.display = "none"; securityCode = false; activaBoton(false); } break; case "cardholderName": if (WA.toDOM("cardholderName").value.trim() != '') { WA.toDOM("pro-holder-name-check").style.display = ""; cardholderName = true; validateField(); } else { WA.toDOM("pro-holder-name-check").style.display = "none"; cardholderName = false; activaBoton(false); } break; default: if (WA.toDOM("cardExpirationMonth").value.trim() != '' && WA.toDOM("cardExpirationYear").value.trim() != '') { if (!OpenPay.card.validateExpiry(WA.toDOM("cardExpirationMonth").value, WA.toDOM("cardExpirationYear").value)) { //console.log("Error con la validación de la expiración de la tarjeta"); WA.toDOM("pro-expiration-check").style.display = "none"; cardExpirationMonth = false; cardExpirationYear = false; activaBoton(false); break; } else { WA.toDOM("pro-expiration-check").style.display = ""; cardExpirationMonth = true; cardExpirationYear = true; } } else { WA.toDOM("pro-expiration-check").style.display = "none"; cardExpirationMonth = false; cardExpirationYear = false; activaBoton(false); } if (WA.toDOM("securityCode").value.trim() != '' && WA.toDOM("cardNumber").value.trim() != '') { if (!OpenPay.card.validateCVC(WA.toDOM("securityCode").value, WA.toDOM("cardNumber").value)) { //console.log("Error con la validación del código adjunto a la tarjeta"); WA.toDOM("pro-ccv2-check").style.display = ""; activaBoton(false); break; } else { WA.toDOM("pro-ccv2-check").style.display = ""; } } if (WA.toDOM("registropoliticaspop").checked && cardNumber && cardExpirationMonth && cardExpirationYear && securityCode && cardholderName) { activaBoton(true); } else { activaBoton(false); } break; } } this.validaNumeroCaracteres = validaNumeroCaracteres; function validaNumeroCaracteres(numero) { if (numero.value.length > numero.maxLength) numero.value = numero.value.slice(0, numero.maxLength); } function activaBoton(status) { WA.toDOM('pro-registro-submit').style.backgroundColor = status ? '#8cc63e' : '#aaaaaa'; WA.toDOM('pro-registro-submit').style.cursor = status ? 'pointer' : 'default'; WA.toDOM('pro-registro-submit').disabled = !status; } function setAmount() { WA.toDOM("pro-containercheck-price").innerHTML = self.amount + ".00" // WA.toDOM("pro-introduction-price").innerHTML = self.amount WA.toDOM("suscipcion-kiwipro-form-paypal-custom").value = KL.Modules.client.getClaveChef() + "," + self.prodIDppl; WA.toDOM("suscipcion-kiwipro-form-paypal-hosted").value = self.prodIDppl; WA.toDOM("pro-introduction-price-txt").innerText = self.period == "anual" ? WA.i18n.getMessage("promocodetxt6") : WA.i18n.getMessage("promocodetxt5"); WA.toDOM("suscripcion-kiwipro-msgperiodo-paypal").innerText = self.period == "anual" ? WA.i18n.getMessage("promocodetxt6") : WA.i18n.getMessage("promocodetxt5"); WA.toDOM("suscripcion-kiwipro-msgperiodo-openpay").innerText = self.period == "anual" ? WA.i18n.getMessage("promocodetxt6") : WA.i18n.getMessage("promocodetxt5"); // Datos de pago paypal WA.toDOM("suscripcion-kiwipro-precio-paypal").innerHTML = self.amount; WA.toDOM("suscripcion-kiwipro-subtotal-paypal").innerHTML = self.amount; WA.toDOM("suscripcion-kiwipro-total-paypal").innerHTML = self.amount; if(!clientfollow){ WA.toDOM("suscripcion-kiwipro-periodo-paypal").innerHTML = self.days; WA.toDOM("pro-containercheck-days").innerHTML = self.days; WA.toDOM("suscripcion-kiwipro-periodo-openpay").innerHTML = self.days; } // Datos pago openpay WA.toDOM("suscripcion-kiwipro-precio-openpay").innerHTML = self.amount; WA.toDOM("suscripcion-kiwipro-subtotal-openpay").innerHTML = self.amount; WA.toDOM("suscripcion-kiwipro-total-openpay").innerHTML = self.amount; } function isBINcardSantander() { let numbercard = WA.toDOM("cardNumber").value; if (numbercard.length >= 6) { let binCard = numbercard.substring(0, 6); if (cardBIN == null || (cardBIN != binCard)) { cardBIN = binCard; let auxpc = WA.toDOM("pro-codigo-promocion").value; if (auxpc != "") { self.sendCode(auxpc, binCard, 0); } else { self.sendCode("", binCard, 0); } } } } this.loadopenpay = loadopenpay; function loadopenpay() { if (typeof OpenPay == 'undefined' || OpenPay == undefined || OpenPay.deviceData == undefined) { setTimeout(function () { loadopenpay(); }, 500); return; } // init OpenPay OpenPay.setId(KL.openpayID); OpenPay.setApiKey(KL.openpayKey); OpenPay.setSandboxMode(KL.openpaySandboxMode); //Se genera el id de dispositivo self.deviceSessionId = OpenPay.deviceData.setup("payment-form", "deviceIdHiddenFieldName"); var submitButton = WA.toDOM('pro-registro-submit'); submitButton.onclick = function () { // desactivar botón activaBoton(false); WA.toDOM('pro-registro-submit').style.backgroundColor = '#8cc63e'; WA.toDOM('pro-img-proceso').style.display = 'block'; WA.toDOM('pro-txt-button').innerText = WA.i18n.getMessage("protxtbuttonproceso"); let cardNumber = WA.toDOM("cardNumber").value; let cardExpirationMonth = WA.toDOM("cardExpirationMonth").value; let cardExpirationYear = WA.toDOM("cardExpirationYear").value; let securityCode = WA.toDOM("securityCode").value; let cardholderName = WA.toDOM("cardholderName").value; OpenPay.token.create({ "card_number": cardNumber, "holder_name": cardholderName, "expiration_year": cardExpirationYear, "expiration_month": cardExpirationMonth, "cvv2": securityCode }, sucess_callbak, error_callbak); }; var sucess_callbak = function (response) { var token_id = response.data.id; self.trx++; self.sendpayment(token_id, response.data.card.card_number, self.deviceSessionId); }; var error_callbak = function (response) { var desc = response.data.description != undefined ? response.data.description : response.message; KL.Modules.modal.alerta(desc); KL.Modules.stat.registerEvent('suscripcionopenpay', 'suscripcionopenpay/openpay/error_callbak'); // ga('send', 'event', 'pro', 'pro/loadopenpay', 'pro/openpay/error_callbak', null); KL.Modules.stat.registerEventGA4('suscripcionopenpay/openpay/error_callbak', {'send_to': 'G-X0MHE23QYB'}); activaBoton(false); WA.toDOM('pro-img-proceso').style.display = 'none'; WA.toDOM('pro-txt-button').innerText = WA.i18n.getMessage("protxtbuttonnormal"); }; self.configcomplete = true; } this.cargasdk = cargasdk; function cargasdk() { if (self.cargado) { return; } WA.Managers.externloader.loadexterncode("https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"); WA.Managers.externloader.loadexterncode("https://js.openpay.mx/openpay.v1.min.js"); WA.Managers.externloader.loadexterncode("https://js.openpay.mx/openpay-data.v1.min.js"); self.cargado = true; } this.load = load; function load() { /* if (!KL.Modules.client.clientlogged) { window.location = '/pro/login-kiwipro?p=/pro/suscripcion-kiwipro'; return; } */ if (!KL.Modules.client.clientpro) { var nodo = WA.toDOM('suscipcion-kiwipro-form-paypal') if(nodo){ self.product = 2; // proyear self.sendCode("proyear", "", 0); // anual self.product = 1; // pro self.sendCode("pro", "", 0); // por default mensual activ = true; activaBotones(); } } if (KL.Modules.client.clientlogged) { if (!self.configcomplete) { self.cargasdk(); self.loadopenpay(); } } /* WA.toDOM('pro-pay').style.display = 'block'; WA.toDOM('pro-feed').style.display = 'none'; */ } this.show = show; function show() { self.node.style.display = 'block'; } this.hide = hide; function hide() { self.node.style.display = 'none'; } var tiposuscripcion; var divkiwipromo; var divsuscnormal; var shadowkiwipromo; var shadowsuscnormal; this.displayShadow = displayShadow; function displayShadow(option){ divkiwipromo = WA.toDOM('suscripcion-pro-div-kiwipromo'); divsuscnormal = WA.toDOM('suscripcion-pro-div-suscnormal'); shadowkiwipromo = WA.toDOM('suscripcion-pro-shadow-kiwipromo'); shadowsuscnormal = WA.toDOM('suscripcion-pro-shadow-suscnormal'); // Todo normal //shadowsuscnormal.style.display='block'; //shadowkiwipromo.style.display='block'; divsuscnormal.className = 'suscripcion-pro-tipo-suscripcion off'; divkiwipromo.className = 'suscripcion-pro-tipo-suscripcion off'; tiposuscripcion = option; if (divkiwipromo.id == tiposuscripcion.id){ shadowkiwipromo.style.display='none'; divkiwipromo.className = 'suscripcion-pro-tipo-suscripcion on'; } if (divsuscnormal.id == tiposuscripcion.id){ shadowsuscnormal.style.display='none'; divsuscnormal.className = 'suscripcion-pro-tipo-suscripcion on'; } } this.selectProduct = selectProduct; function selectProduct(option){ // click código, limpia input de código clearCode(); displayShadow(option); if(divkiwipromo.id == option.id) { self.product = 2; codeselect = "proyear"; } else { self.product = 1; codeselect = "pro"; } self.sendCode(codeselect, "", 0); } function clearCode(){ WA.toDOM("pro-codigo-promocion-msg").innerText = ""; WA.toDOM("pro-codigo-promocion-msg").style.display = "none"; WA.toDOM("pro-codigo-promocion-fail").style.display = "none"; WA.toDOM("pro-codigo-promocion-msg").className = "suscripcion-pro-codigo-prom-msg ok"; WA.toDOM("pro-codigo-promocion-check").style.display = "none"; WA.toDOM("pro-codigo-promocion").value = ""; } function displayError(msg) { if(msg.length > 0){ WA.toDOM("pro-codigo-promocion-msg").innerText = msg; WA.toDOM("pro-codigo-promocion-msg").style.display = ""; WA.toDOM("pro-codigo-promocion-fail").style.display = ""; WA.toDOM("pro-codigo-promocion-msg").className = "suscripcion-pro-codigo-prom-msg fail"; WA.toDOM("pro-codigo-promocion-check").style.display = "none"; }else{ WA.toDOM("pro-codigo-promocion-msg").innerText = ""; WA.toDOM("pro-codigo-promocion-msg").style.display = "none"; WA.toDOM("pro-codigo-promocion-fail").style.display = "none"; WA.toDOM("pro-codigo-promocion-msg").className = "suscripcion-pro-codigo-prom-msg ok"; WA.toDOM("pro-codigo-promocion-check").style.display = ""; //WA.toDOM("suscripcion-pro-div-suscnormal").className = "suscripcion-pro-tipo-suscripcion off"; //WA.toDOM("suscripcion-pro-div-kiwipromo").className = "suscripcion-pro-tipo-suscripcion off"; } } function lockOption(codigo){ if(codigo){ WA.toDOM("suscripcion-pro-div-suscnormal").className = "suscripcion-pro-tipo-suscripcion lock"; WA.toDOM("suscripcion-pro-div-kiwipromo").className = "suscripcion-pro-tipo-suscripcion lock"; WA.toDOM("suscripcion-pro-div-suscnormal").style.pointerEvents = "none"; WA.toDOM("suscripcion-pro-div-kiwipromo").style.pointerEvents = "none"; WA.toDOM("pro-codigo-promocion-selecciona").className = "suscripcion-pro-txtselecciona ok"; }else{ WA.toDOM("suscripcion-pro-div-suscnormal").className = "suscripcion-pro-tipo-suscripcion off"; WA.toDOM("suscripcion-pro-div-kiwipromo").className = "suscripcion-pro-tipo-suscripcion off"; WA.toDOM("suscripcion-pro-div-suscnormal").style.pointerEvents = ""; WA.toDOM("suscripcion-pro-div-kiwipromo").style.pointerEvents = ""; WA.toDOM("pro-codigo-promocion-selecciona").className = "suscripcion-pro-txtselecciona"; } } function promotionDays(){ var nodopaypal = WA.toDOM("suscripcion-pro-msg-trial-paypal"); var nodoopenpay = WA.toDOM("suscripcion-pro-msg-trial-openpay"); var nodopoliticas = WA.toDOM("suscripcion-pro-msg-politicas"); var leypaypal = nodopaypal.innerHTML; var leyopenpay = nodoopenpay.innerHTML; var leypoliticas = nodopoliticas.innerHTML; if(clientfollow){ WA.toDOM("suscripcion-pro-msg-plan-mensual").style.display = "none"; WA.toDOM("suscripcion-pro-msg-plan-anual").style.display = "none"; leypaypal = leypaypal.replace('* Después de 15 días GRATIS s', "* S"); nodopaypal.innerHTML = leypaypal; leyopenpay = leyopenpay.replace('* Después de 15 días GRATIS s', "* S"); nodoopenpay.innerHTML = leyopenpay; leypoliticas = leypoliticas.replace('despúes de 7 días gratis, ', ''); nodopoliticas.innerHTML = leypoliticas; } } this.activaBotones = activaBotones; function activaBotones(){ if(activ){ WA.toDOM("suscipcion-kiwipro-form-paypal").className = "suscripcion-kiwipro-form-paypal off"; WA.toDOM("suscripcion-kiwipro-btn-openpay").className = "suscripcion-kiwipro-button-openpay off"; WA.toDOM("suscipcion-kiwipro-form-paypal").style.pointerEvents = "none"; WA.toDOM("suscripcion-kiwipro-btn-openpay").style.pointerEvents = "none"; activ = false; }else{ WA.toDOM("suscipcion-kiwipro-form-paypal").className = "suscripcion-kiwipro-form-paypal on"; WA.toDOM("suscripcion-kiwipro-btn-openpay").className = "suscripcion-kiwipro-button-openpay on"; WA.toDOM("suscipcion-kiwipro-form-paypal").style.pointerEvents = ""; WA.toDOM("suscripcion-kiwipro-btn-openpay").style.pointerEvents = ""; activ = true; } } this.pagoForm = pagoForm; function pagoForm(opc){ WA.toDOM("suscripcion-kiwipro-selecciona-plan").style.display = "none"; if(opc.id == "suscipcion-kiwipro-form-paypal"){ WA.toDOM("suscripcion-kiwipro-pago-paypal-desc-producto").innerHTML = WA.i18n.getMessage("promocodetxt9") + self.period; WA.toDOM("suscripcion-kiwipro-pago-tarjeta").style.display = "none"; WA.toDOM("suscripcion-kiwipro-pago-paypal").style.display = ""; } if(opc.id == "suscripcion-kiwipro-btn-openpay"){ WA.toDOM("suscripcion-kiwipro-pago-tarjeta-desc-producto").innerHTML = WA.i18n.getMessage("promocodetxt9") + self.period; WA.toDOM("suscripcion-kiwipro-pago-paypal").style.display = "none"; WA.toDOM("suscripcion-kiwipro-pago-tarjeta").style.display = ""; } } this.hideOpenPayPal = hideOpenPayPal; function hideOpenPayPal(opc){ if(opc.id == "suscripcion-kiwipro-pago-paypal-regresar"){ WA.toDOM("suscripcion-kiwipro-pago-paypal").style.display = "none"; } if(opc.id == "suscripcion-kiwipro-pago-tarjeta-regresar"){ WA.toDOM("suscripcion-kiwipro-pago-tarjeta").style.display = "none"; } WA.toDOM("suscripcion-kiwipro-selecciona-plan").style.display = ""; } this.activbutonPayPal = activbutonPayPal; function activbutonPayPal(){ if(activpaypal){ WA.toDOM("suscipcion-kiwipro-form-paypal-desglose").className = "suscripcion-kiwipro-form-pago-paypal off"; WA.toDOM("suscipcion-kiwipro-form-paypal-desglose").style.pointerEvents = "none"; activpaypal = false; }else{ WA.toDOM("suscipcion-kiwipro-form-paypal-desglose").className = "suscripcion-kiwipro-form-pago-paypal on"; WA.toDOM("suscipcion-kiwipro-form-paypal-desglose").style.pointerEvents = ""; activpaypal = true; } } KL.loader.addHookLoad('suscripcionopenpay', load); } KL.loader.createCSS(`.gallery{ margin: 0px; width: 100%; max-width: inherit; height: 100%; position: relative; } .gallery-slide { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gallery-slide.slide.anim { transition: all 1s ease 0s; } .gallery-slide.slide { transform: translate3d(0, 0, 0); } .gallery-slide.slide.before { transform: translate3d(-100%, 0, 0); } .gallery-slide.slide.after { transform: translate3d(100%, 0, 0); } .icon-k7-gallery-previous:before{content: "\\e948";} .icon-k7-gallery-next:before{content: "\\e947";} .icon-k7-gallery-play:before{content: "\\e923";} .icon-k7-gallery-pause:before{content: "\\e922";} .gallery-button { position: absolute; opacity: 1; width: 48px; top: 0; bottom: 0; z-index: 14; background-color: transparent; font-size: 20px; cursor: pointer; } .gallery-button > div { top: 50%; margin-top: -50%; position: relative; width: 100%; text-align: center; color: white; } .gallery-button:hover > div { color: #ccc; font-weight: bold; } .gallery-button.left{ left: 0; } .gallery-button.right { right: 0; } .gallery-player { position: absolute; opacity: 1; width: 48px; left: 0px; top: 0px; height: 30px; width: 20px; padding-top: 10px; padding-left: 20px; z-index: 15; background-color: transparent; font-size: 20px; cursor: pointer; } .gallery-player > div { position: relative; color: white; } .gallery-player:hover > div { color: #ccc; font-weight: bold; } .gallery-bullets { position: absolute; bottom: 0; width: auto; left: 50%; transform: translateX(-50%); text-align: center; display: flex; } #home-blog-gallery .gallery-bullets { right: 10px; left: initial; transform: initial; } .gallery-bullet { cursor: pointer; padding: 10px; padding-bottom: 20px; display: inline-block; } .gallery-bullet.on > div { background-color: black; } .gallery-bullet > div { background-color: white; border-radius: 100%; width: 10px; height: 10px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); } `); KL.loader.createCSS(`.social-share-contenedor.crafto .social-share-pc.icon-k7-facebook{ background-color: #cadee5; } .social-share-contenedor.crafto .social-share-pc.icon-k7-pinterest{ background-color: #f3c3d3; } .social-share-contenedor.crafto .social-share-pc.icon-k7-mail{ background-color: #fadca9; } .social-share-contenedor.crafto .social-share-pc.icon-k7-facebook:before, .social-share-contenedor.crafto .social-share-pc.icon-k7-pinterest:before, .social-share-contenedor.crafto .social-share-pc.icon-k7-twitter:before, .social-share-contenedor.crafto .social-share-pc.icon-k7-mail:before{ color: var(--color-texto-base); } .social-share-pc.icon-k7-facebook{ background-color: #3b5998; } .social-share-pc.icon-k7-pinterest{ background-color: #bc0c1f; } .social-share-pc.icon-k7-twitter{ /*background-color: #1da1f2;*/ background-color: #0f1419; } .social-share-pc.icon-k7-mail{ background-color: #aaaaaa; } .social-share-pc.icon-k7-facebook:before, .social-share-pc.icon-k7-pinterest:before, .social-share-pc.icon-k7-twitter:before, .social-share-pc.icon-k7-mail:before{ color: #ffffff; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .social-share-pc.icon-k7-twitter:before, .social-share-pc.icon-k7-mail:before{ font-size: 15px; } .social-share-pc.icon-k7-mail:before{ font-size: 16px; } .social-share-pc:hover{ background-color: #ffffff; } .social-share-pc:hover.icon-k7-facebook:before{ color: #3b5998; } .social-share-pc:hover.icon-k7-pinterest:before{ color: #bc0c1f; } .social-share-pc:hover.icon-k7-twitter:before{ color: #1da1f2; } .social-share-pc:hover.icon-k7-mail:before{ color: #aaaaaa; }`); KL.loader.createCSS(`@font-face { font-family: 'olivier'; src: local('olivier_demo'), url('/fonts/olivier_demo.eot?#iefix') format('embedded-opentype'), url('/fonts/olivier_demo.ttf') format('truetype'); font-weight: normal; font-style: normal; } .icon-k7-loginset-usuario:before{content: "\\e959";} .icon-k7-loginset-facebook:before{content: "\\e94e";} .icon-k7-loginset-google:before{content: "\\e94b";} .icon-k7-loginset-nativo:before{content: "\\e934";} .icon-k7-loginset-apple:before{content: "\\e95b";} .icon-k7-loginset-huawei:before{content: "\\e95a";} .icon-k7-registro-cheffoto:before{content: "\\e905";} .icon-k7-registro-cheffoto:before{ position: absolute; top: 46%; left: 50%; transform: translateX(-50%) translateY(-50%); } .loginset-registro-fondo-foto{ font-size: 50px; } #loginset-social-google .abcRioButton{ /* box-shadow: none !important; width: 100% !important; height: inherit !important; opacity: 0.01; position: absolute !important; */ width: 100% !important; height: inherit !important; position: absolute !important; border-radius: 2px !important; } #loginset-social-apple #appleid-signin{ opacity: 0.01; } .loginset-titulo-seccion{ font-size: 18px; } .loginset-activacion-txtfooter, .loginset-recupera-txtfooter{ flex-direction: initial; } .loginset-recupera-txtfooter-validar{ margin: 15px 0px 0px; } .loginset-enlaza-social-divimg{ width: 100px; height: 100px; } .loginset-enlazasocial-datos{ width: calc(100% - 115px); } .loginset-input-text, .loginset-input-pass{ background-color: #ffffff; border: 1px solid #dddddd; } .loginset-error-input-text{ background-color: #fbfcef; border: 1px solid #dd4b39; } /* sobreescribe los estilos de los campos de un formulario en iphone */ select, button, textarea, input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], input[type="input"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 0; outline: 0px; } /* quitar borde en focus de campos */ select, button, input:focus[type="text"], input:focus[type="password"], input:focus[type="number"], input:focus[type="email"], input:focus[type="tel"], textarea { outline: 0px; } /* color para textos en placeholder de inputs */ /* Chrome/Opera/Safari */ ::-webkit-input-placeholder { color: #cccccc; font-size: 14px; font-style: italic; font-family: 'source sans pro'; font-weight: normal; text-transform: initial; } /* Firefox 19+ */ ::-moz-placeholder { color: #cccccc; font-size: 14px; font-style: italic; font-family: 'source sans pro'; font-weight: normal; text-transform: initial; } /* IE 10+ */ :-ms-input-placeholder { color: #cccccc; font-size: 14px; font-style: italic; font-family: 'source sans pro'; font-weight: normal; text-transform: initial; } /* Firefox 18- */ :-moz-placeholder { color: #cccccc; font-size: 14px; font-style: italic; font-family: 'source sans pro'; font-weight: normal; text-transform: initial; } /* fin color para textos en placeholder de inputs */ /* estilos check */ /* The container */ .loginset-containercheck { color: #777777; cursor: pointer; display: block; font-size: 14px; line-height: 21px; padding: 10px 0 3px 25px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .loginset-containercheck input { cursor: pointer; height: 0; opacity: 0; position: absolute; width: 0; } /* Create a custom checkbox */ .loginset-checkmark { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 100%; height: 15px; left: 0; position: absolute; top: 13px; width: 15px; } /* On mouse-over, add a grey background color */ .loginset-containercheck:hover input ~ .loginset-checkmark { background-color: #fff; } /* On mouse-over, add a grey background color */ .loginset-containercheck:hover{ color: #777; } /* When the checkbox is checked, add a blue background */ /* .loginset-containercheck input:checked ~ .loginset-checkmark { background-color: #8cc63e; } */ /* Create the checkmark/indicator (hidden when not checked) */ .loginset-checkmark:after { content: ""; display: none; position: absolute; } /* Show the checkmark when checked */ .loginset-containercheck input:checked ~ .loginset-checkmark:after { display: block; } /* Style the checkmark/indicator */ .loginset-containercheck .loginset-checkmark:after { left: 5px; top: 2px; width: 2px; height: 6px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* fin estilos check */ `); KL.loader.createCSS(`.tools-shadow { position: absolute; top: 0px; bottom: 0px; width: 100%; background-color: #222222; opacity: 0.2; z-index: 1; } .tools-container { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; z-index: 1; } .tools-container .icon-k7-tools-close:before { content: "\\e946"; font-size: 16px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .tools-container .icon-k7-tools-menuplanner:before { content: "\\e90c"; font-size: 16px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .tools-container .icon-k7-tools-shoppinglist:before { content: "\\e90a"; font-size: 15px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .tools-container .icon-k7-tools-collections:before { content: "\\e907"; font-size: 15px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .tools-container .icon-k7-tools-favorites-empty:before { content: "\\e908"; font-size: 16px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .tools-container.icon-k7-tools-favorites-full:before { content: "\\e924"; font-size: 16px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .tools-container>div { border-radius: 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; text-align: left; } .tools-close, .tools-menuplanner, .tools-shoppinglist, .tools-collections, .tools-favorites{ background-color: #8cc63e; color: #ffffff; height: 30px; width: 30px; } .tools-favorites{ background-color: #ff0000; } .tools-close{ background-color: #eeeeee; color: #888; } .tools-coleccionentrada { height: 15px; cursor: pointer; padding: 5px; } .tools-coleccionentrada:hover { background-color: #ccc; } `); KL.loader.createCSS(`/* generico */ .feed-articulolarge-thumb-titulo-seccion{ background-color: #8cc63e; } /* nutricion */ .feed-articulolarge-thumb-titulo-seccion.id_tema_11{ background-color: #9ec410; } /* bebidas */ .feed-articulolarge-thumb-titulo-seccion.id_tema_30{ background-color: #f05d7f; } /* comida vegana */ .feed-articulolarge-thumb-titulo-seccion.id_tema_1{ background-color: #28d9ff; } /* dieta */ .feed-articulolarge-thumb-titulo-seccion.id_tema_44{ background-color: #2e94ba; } /* reposteria */ .feed-articulolarge-thumb-titulo-seccion.id_tema_20{ background-color: #efc950; } /* tips cocina */ .feed-articulolarge-thumb-titulo-seccion.id_tema_54{ background-color: #f39041; } /* tips consejos */ .feed-articulolarge-thumb-titulo-seccion.id_tema_25{ background-color: #ca5dde; } .feed-divarticulolarge .tools-container, #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .tools-container{ left: 225px; } /* estilos slider top 10 */ /* estilos slider top 10 para tips kiwi / estilos slider top 10 para tips crafto */ div[id^="familiatips"] div[id^="p|kiwi|tipfamilia"], div[id^="clasificaciontips"] div[id^="p|kiwi|tipclasificacion"], div[id^="home_top10"] div[id^="p|kiwi|tiphome"], div[id^="home_top10"] div[id^="p|crafto|tiphome"], div[id^="familiatips"] div[id^="p|crafto|tipfamilia"], div[id^="clasificaciontips"] div[id^="p|crafto|tipclasificacion"], div[id^="familiatips"] div[id^="p|kiwi|tipclasificaciontop|"], div[id^="familiatips"] div[id^="p|crafto|tipclasificaciontop|"]{ width: 190px; margin: 0px 15px 0px 0px; height: 267px; } div[id^="familiatips"] div[id^="feed-tip-divimg"], div[id^="clasificaciontips"] div[id^="feed-tip-divimg"], div[id^="home_top10"] div[id^="feed-tip-divimg"]{ height: 190px; width: 190px; } div[id^="familiatips"] .feed-tip-nombreficha, div[id^="clasificaciontips"] .feed-tip-nombreficha, div[id^="home_top10"] .feed-tip-nombreficha{ font-size: 14px; max-height: 46px; line-height: 15px; text-transform: uppercase; } div[id^="familiatips"] hr, div[id^="clasificaciontips"] hr, div[id^="familiatips"] .feed-tip-nombrechef, div[id^="clasificaciontips"] .feed-tip-nombrechef, div[id^="home_top10"] div[id^="p|kiwi"] hr, div[id^="home_top10"] div[id^="p|crafto"] hr, div[id^="home_top10"] div[id^="p|kiwi"] .feed-tip-nombrechef, div[id^="home_top10"] div[id^="p|crafto"] .feed-tip-nombrechef{ display: none; } div[id^="familiatips"] div[id^="feed-tip-rating"], div[id^="clasificaciontips"] div[id^="feed-tip-rating"], div[id^="home_top10"] div[id^="p|kiwi|tiphometop"] div[id^="feed-tip-rating"], div[id^="home_top10"] div[id^="p|crafto|tiphometop"] div[id^="feed-tip-rating"]{ margin: 0px auto; padding: 0px; } /* fin estilos slider top 10 para tips */ /* area nombre ficha */ #home_top10 .recetaslider-ficha, #familiarecetas_top10 .recetaslider-ficha, #clasificacionrecetas_top10 .recetaslider-ficha, #clasificacionrecetas_top10 .compilacionrecetaslider-ficha, #clasificaciontips_top10 .tipslider-ficha, #home_tecuidalist .feed-articulo-ficha, .pro-slider-fichaspro .feed-receta-ficha{ height: 267px; } #home_top10 .recetaslider-areanombreficha, #familiarecetas_top10 .recetaslider-areanombreficha, #clasificacionrecetas_top10 .recetaslider-areanombreficha, #home_top10 .tipslider-areanombreficha, #home_top10 .articuloslider-areanombreficha{ height: 52px; } #home_top10 .recetasliderpro-areanombreficha, #familiarecetas_top10 .recetasliderpro-areanombreficha, #clasificacionrecetas_top10 .recetasliderpro-areanombreficha{ height: 52px; display: flex; align-items: center; } #home_videos .compilacionrecetaslider-areanombreficha{ height: 75px; } /* nombre de ficha */ #home_top10 .recetaslider-nombreficha, #familiarecetas_top10 .recetaslider-nombreficha, #clasificacionrecetas_top10 .recetaslider-nombreficha, #home_top10 .tipslider-nombreficha, #home_videos .compilacionrecetaslider-nombreficha, #home_top10 .articuloslider-nombreficha, #home_videos div[id^="p|crafto|tiphomecompilacion"] .feed-compilaciontip-nombreficha, #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-nombre-articulo{ font-weight: bold; font-size: 14px; color: #000000; max-height: 46px; } #home_top10 .recetaslider-icon-pro, #familiarecetas_top10 .recetaslider-icon-pro, #clasificacionrecetas_top10 .recetaslider-icon-pro{ width: 30px; height: 30px; font-size: 20px; margin: 0px 0px 0px 10px; } #home_top10 .recetasliderpro-nombreficha, #familiarecetas_top10 .recetasliderpro-nombreficha, #clasificacionrecetas_top10 .recetasliderpro-nombreficha{ font-size: 15px; max-height: 31px; width: calc(100% - 40px); } /* rating */ #home_top10 .recetaslider-rating, #familiarecetas_top10 .recetaslider-rating, #clasificacionrecetas_top10 .recetaslider-rating, #home_top10 .tipslider-rating{ display: table; } #home_top10 div[id^="p|kiwi|"] [class$="-rating"], #home_top10 div[id^="p|crafto|"] [class$="-rating"], #familiarecetas_top10 div[id^="p|kiwi|"] [class$="-rating"], #clasificacionrecetas_top10 div[id^="p|kiwi|"] [class$="-rating"]{ padding: 0px; } /* fin estilos slider top 10 */ /* Estilos feed fichas Normal */ /* Estilo solo para los tips, ya que slider top usa la misma ficha que en feed normal */ div[id^="p|kiwi|home"].feed-tip-ficha, div[id^="tiplist"] div[id^="p|kiwi|tipfamilia"], div[id^="tiplist"] div[id^="p|kiwi|tipclasificacion"], div[id^="tiplist"] div[id^="p|kiwi|tiphome"], div[id^="tiplist"] div[id^="p|crafto|tiphome"], div[id^="tiplist"] div[id^="p|crafto|tipfamilia"], div[id^="tiplist"] div[id^="p|crafto|tipclasificacion"]{ width: 300px; margin: 0px 10px 16px; height: 275px; } div[id^="tiplist"] div[id^="feed-tip-divimg"]{ height: 194px; width: 300px; } div[id^="p|kiwi|home"].feed-tip-ficha .feed-tip-nombreficha, div[id^="tiplist"] .feed-tip-nombreficha{ font-size: 17px; max-height: 38px; line-height: 18px; } div[id^="tiplist"].feedtiplist-crafto .feed-tip-nombreficha{ font-family: poppins-semibold; font-size: 15px; font-weight: normal !important; letter-spacing: 0.5px; color: var(--color-texto-base) !important; } div[id^="p|kiwi|home"].feed-tip-ficha div[id^="feed-tip-rating"], div[id^="tiplist"] div[id^="feed-tip-rating"]{ margin: 0px 0px 0px 10px; } /* fin Estilo solo para los tips */ div[id^="p|kiwi|"][class$="-ficha"], div[id^="p|kiwirec|"][class$="-ficha"], div[id^="p|crafto|tipcompilaciones|"].feed-compilaciontip-ficha, div[id^="p|crafto|"][class$="-articulo-ficha"]{ height: 275px; } div[id^="p|kiwi|client"][class$="feed-compilaciontip-ficha"] .compilaciontip-img, div[id^="p|crafto|client"][class$="feed-compilaciontip-ficha"] .compilaciontip-img{ transform: translateY(-50%); } div[id^="p|kiwi|client"][class$="-ficha"], div[id^="p|crafto|client"][class$="-ficha"]{ width: 300px; margin: 0px 10px 16px; } #prorecipeprolist .feed-producto-ficha{ width: 200px; margin: 20px 15px; display: inline-table; float: none !important; } /* div[id^="p|kiwi|probooks|"][class$="-ficha"], div[id^="p|kiwi|prorecipes|"][class$="-ficha"], div[id^="p|kiwi|procollections|"].coleccion-venta-soloportada */ div[id^="p|kiwi|probooks|"][class$="-ficha"], div[id^="p|kiwi|procollections|"].coleccion-venta-soloportada{ height: 262px; margin: 20px 15px; width: 200px; border-radius: 5px; float: none !important; display: inline-table; } div[id^="p|kiwi|procollections|"].coleccion-venta-ficha{ float: none !important; display: inline-table; } div[id^="p|kiwi|procollections|"].coleccion-venta-ficha .coleccionventa-area{ position: absolute; top: 50%; transform: translateY(-50%); vertical-align: top; width: 100%; } div[id^="p|kiwi|probooks|"] .feed-producto-div-nombreprod, div[id^="p|kiwi|prorecipes|"] .feed-producto-div-nombreprod{ display: none; } /* estilos fichas recetas slider pro*/ .pro-slider-fichaspro div[id^="p|kiwi|probooks|"].feed-producto-ficha{ width: 200px; height: 262px; margin: 20px 15px; border-radius: 5px; } .pro-slider-fichaspro .feed-receta-ficha{ width: 190px !important; margin: 0px 30px 0px 0px !important; position: relative; } .pro-slider-fichaspro .feed-divimagenficha{ width: 190px !important; height: 190px !important; } .pro-slider-fichaspro .feed-receta-ficha img{ left: 50% !important; top: 50% !important; transform: translateX(-50%) translateY(-50%) !important; height: 100%; width: auto !important; min-width: 300px; } .pro-slider-fichaspro .feed-receta-ficha hr, .pro-slider-fichaspro .feed-receta-nombrechef{ display: none; } .pro-slider-fichaspro .feed-recetapro-icon{ margin: 0px 0px 0px 10px !important; } .pro-slider-fichaspro .feed-receta-nombreficha-centrado{ max-height: 47px !important; width: calc(100% - 40px) !important; } /* fin estilos fichas recetas slider pro*/ /* estilos fichas donde vienen cosas revueltas de kiwipro en el home */ .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-producto-ficha{ width: 200px !important; height: 272px; /* border-radius: 5px; */ margin: 0px 20px !important; background-color: #ffffff; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-producto-ficha{ float: left; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-divimagenficha, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha .feed-divimagenficha{ width: 100% !important; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-divimagenficha img, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha .feed-divimagenficha img{ height: 100%; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha:first-child, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha:first-child{ margin: 0px 20px 0px 0px !important; } #home-cont-kiwipro.home-cont-sliderpro div[id^="p|kiwi|pro|"] .feed-articulopro-divtextos-articulo, #home-cont-kiwipro.home-cont-sliderpro div[id^="p|kiwi|pro|"] [class$="recetapro-areanombreficha"]{ height: 62px; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha hr, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha .feed-receta-nombrechef{ display: none; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-receta-ficha .feed-receta-rating{ position: relative; display: flex !important; justify-content: center; margin: -3px 0px 0px 0px !important; padding: 0px; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulopro-separador, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulopro-nombre-autor{ display: none !important; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha{ float: left; } /* .home-cont-sliderpro div[id^="p|kiwi|pro|"] .feed-articulo-divimg-articulo{ border-radius: 5px; } */ .home-cont-sliderpro div[id^="p|kiwi|pro|"] .feed-recetapro-areanombreficha .feed-recetapro-icon, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulopro-icon{ margin: 0px 0px 0px 10px !important; } .home-cont-sliderpro div[id^="p|kiwi|pro|"] .feed-recetapro-areanombreficha .feed-receta-nombreficha-centrado, .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulopro-nombre-articulo{ width: calc(100% - 40px) !important; max-height: 46px; } .home-cont-sliderpro div[id^="p|kiwi|pro|"] .feed-recetapro-areanombreficha .feed-receta-nombreficha-centrado{ max-height: 46px !important; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulopro-nombre-articulo{ /*max-height: 34px;*/ font-size: 16px; line-height: 15px; } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulopro-area-rating{ display: none !important; padding: 0px; bottom: -10px; left: 50%; transform: translateX(-50%); } .home-cont-sliderpro div[id^="p|kiwi|pro|"].feed-articulo-ficha .feed-articulo-clasificacion-articulo{ display: block !important; position: absolute; /*bottom: -10px;*/ bottom: -11px; width: 100%; text-align: center; font-style: italic; color: #aaaaaa; box-sizing: border-box; padding: 0px 10px; } /* fin estilos fichas donde vienen cosas revueltas de kiwipro en el home */ .pro-slider-fichaspro .feed-receta-rating{ margin: 0px auto !important; padding: 0px !important; } div[id^="p|kiwi|home|"].feed-compilaciontip-ficha, div[id^="p|crafto|tipcompilaciones|"].feed-compilaciontip-ficha{ margin: 0px 10px 16px; overflow: hidden; width: 300px; } div[id^="p|crafto|tipcompilations|"].feed-compilaciontip-ficha{ margin: 0px 10px 16px; width: 300px; } div[id^="p|kiwi|procollections|"].coleccion-venta-soloportada{ text-align: left; } div[id^="p|kiwi|"] [class$="-divimg-articulo"], div[id^="p|kiwirec|"] [class$="-divimg-articulo"], div[id^="p|crafto|"] [class$="-divimg-articulo"]{ position: relative; } div[id^="p|kiwi|"] [class$="-divimg"], div[id^="p|kiwi|home|"] [class$="-divimg"], div[id^="p|kiwirec|"] [class$="-divimg"], div[id^="p|kiwirec|home|"] [class$="-divimg"], div[id^="p|kiwi|"] [class$="-divimg-articulo"], div[id^="p|kiwirec|"] [class$="-divimg-articulo"], div[id^="p|crafto|"] [class$="-divimg"], div[id^="p|crafto|"] [class$="-divimg-articulo"]{ height: 194px; overflow: hidden; } div[id^="p|kiwi|"] .feed-compilaciontip-divimg, div[id^="p|crafto|"] .feed-compilaciontip-divimg{ width: 300px; } div[id^="p|kiwi|"] .feed-compilacionreceta-divimg .compilacionreceta-img, div[id^="p|crafto|tipcompilaciones|"].feed-compilaciontip-ficha .compilaciontip-img{ height: auto; } div[id^="p|crafto|"] .feed-compilaciontip-divimg .compilaciontip-img{ transform: translateY(-50%); } #home_videos div[id^="p|crafto|"] .feed-compilaciontip-divimg .compilaciontip-img{ transform: initial; } div[id^="p|kiwi|home|"] [class$="-divimg"] .imgcompilacion{ transform: translateY(-50%); } /* estilos feed normal articulos */ div[id^="p|kiwi|"][class$="feed-articulo-ficha"], div[id^="p|kiwirec|"][class$="feed-articulo-ficha"], div[id^="p|crafto|"][class$="feed-articulo-ficha"]{ background-color: #ffffff; float: left; margin: 0px 10px 16px; overflow: hidden; position: relative; width: 300px; } div[id^="p|kiwi|"] .feed-articulopro-divtextos-articulo, #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"] .feed-articulopro-divtextos-articulo{ display: flex; align-items: center; height: 52px; position: relative; } div[id^="p|kiwi|"] .feed-articulopro-area-titulo{ display: flex; align-items: center; position: relative; width: 100%; flex: auto; } #home_tecuidalist div[id^="p|kiwi|"] .feed-articulopro-icon{ margin: 0px 0px 0px 10px !important; } div[id^="p|kiwi|"] .feed-articulopro-nombre-articulo{ box-sizing: border-box; color: #8eb4b1; font-family: crimsonpro-semibold; font-size: 19px; text-transform: uppercase; width: calc(100% - 50px); line-height: 17px; max-height: 38px; overflow: hidden; padding: 0px 10px; position: absolute; right: 0px; } #home_tecuidalist div[id^="p|kiwi|"] .feed-articulopro-nombre-articulo{ font-size: 17px; line-height: 15px; max-height: 46px; width: calc(100% - 40px); text-transform: initial; } #home_tecuidalist div[id^="p|kiwi|"] .feed-articulopro-separador{ display: none !important; } div[id^="p|kiwi|"] .feed-articulo-nombre-articulo, div[id^="p|kiwirec|"] .feed-articulo-nombre-articulo, div[id^="p|crafto|"] .feed-articulo-nombre-articulo{ box-sizing: border-box; color: #000000; font-size: 17px; font-weight: bold; line-height: 18px; max-height: 38px; overflow: hidden; padding: 0px 10px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; } div[id^="p|kiwi|"] .feed-articulopro-desc-articulo, div[id^="p|kiwi|"] .feed-articulo-desc-articulo, div[id^="p|kiwirec|"] .feed-articulo-desc-articulo, div[id^="p|crafto|"] .feed-articulo-desc-articulo{ display: none; } div[id^="p|kiwi|"] .feed-articulopro-separador, div[id^="p|kiwi|"] .feed-articulo-separador, div[id^="p|kiwirec|"] .feed-articulo-separador, div[id^="p|crafto|"] .feed-articulo-separador{ display: block !important; bottom: -2px; } div[id^="p|kiwi|"] .feed-articulopro-nombre-autor, div[id^="p|kiwi|"] .feed-articulo-nombre-autor, div[id^="p|kiwirec|"] .feed-articulopro-nombre-autor, div[id^="p|kiwirec|"] .feed-articulo-nombre-autor, div[id^="p|crafto|"] .feed-articulo-nombre-autor{ display: block !important; position: absolute; bottom: -22px; right: 10px; font-style: italic; color: #aaaaaa; /*bottom: 7px;*/ } div[id^="p|kiwi|"] .feed-articulopro-area-rating, div[id^="p|kiwi|"] .feed-articulo-area-rating, div[id^="p|crafto|"] .feed-articulo-area-rating{ display: block !important; position: absolute; bottom: -23px; left: 10px; /*bottom: 6px;*/ height: 13px !important; } .feedtiplist-crafto div[id^="p|crafto|"] .feed-articulo-area-rating, .feedtiplist-kiwi div[id^="p|kiwi|"] .feed-articulo-area-rating, .feedtiplist-kiwirec div[id^="p|kiwirec|"] .feed-articulo-area-rating{ left: 0px; } div[id^="p|kiwi|"] .feed-articulopro-area-rating .feed-articulo-rating, div[id^="p|kiwi|"] .feed-articulo-area-rating .feed-articulo-rating, div[id^="p|kiwirec|"] .feed-articulo-area-rating .feed-articulo-rating{ color: #8cc63e; } /* fin estilos feed normal articulos */ /* estilos para ficha tips en home principal kiwi */ #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"]{ width: 600px; height: auto; margin: 0px 15px 0px 0px; } #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-divimg{ float: left; width: 265px; height: 265px; } #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-areanombreficha{ float: left; width: calc(100% - 265px); height: 265px; } #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-nombreficha-div{ color: #333333; /*font-size: 18px;*/ font-size: 20px; font-weight: bold; /*line-height: 20px;*/ line-height: 22px; margin: 0px 0px 15px; /*max-height: 62px;*/ max-height: 68px; padding: 0px 10px; overflow: hidden; text-transform: uppercase; text-align: left; } #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-descripcionficha{ box-sizing: border-box; color: #333333; font-size: 15px; font-weight: normal; line-height: 19px; max-height: 98px; overflow: hidden; padding: 0px 10px; position: relative; width: 100%; text-align: left; display: block !important; } #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-ficha-linkvertip{ font-size: 16px; color: #8cc63e; text-align: left; margin: 10px 0px 0px; padding: 0px 10px; line-height: 22px; display: block !important; } .icon-k7-link-vertip:before{content: "\\e923";} #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] hr, #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-rating, #home_tips div[id^="p|kiwi|tiphome|"][class$="-ficha"] .feed-tip-nombrechef{ display: none !important; } /* estilos para ficha tips en home principal kiwi */ /* estilos home fichas notas blog */ #home_notasblog div[id^="p|kiwi|articlehome|"].feed-articulo-ficha, #home_notasblog div[id^="p|kiwirec|articlehome|"].feed-articulo-ficha{ background-color: #ffffff; width: 190px; height: 265px; float: left; position: relative; margin: 0px 15px 0px 0px; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-divimg-articulo, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-divimg-articulo{ /*height: 190px;*/ height: 180px; position: relative; overflow: hidden; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-divtextos-articulo, #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulopro-divtextos-articulo, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-divtextos-articulo{ /*height: 75px;*/ height: 85px; position: relative; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-seccion, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-seccion{ display: none; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-nombre-articulo, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-nombre-articulo{ box-sizing: border-box; line-height: 15px; overflow: hidden; /*padding: 0px 10px;*/ padding: 0px 7px; position: absolute; text-align: center; /*text-transform: uppercase;*/ top: 38%; /*transform: translateY(-50%);*/ transform: translateY(-46%); width: 100%; font-weight: bold; font-size: 14px; color: #000000; max-height: 46px; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulopro-area-titulo{ position: absolute; top: 38%; transform: translateY(-46%); } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulopro-icon{ margin: 0px 0px 0px 10px !important; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulopro-nombre-articulo{ font-size: 17px; line-height: 15px; max-height: 45px; width: calc(100% - 40px) !important; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion{ background-color: #8cc63e; box-sizing: border-box; color: #ffffff; font-size: 11px; left: 0px; letter-spacing: 1px; max-width: 140px; padding: 8px 13px; position: absolute; text-transform: uppercase; top: 15px; display: block !important; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_3, #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_11, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_3, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_11{ background-color: #9ec410; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_30, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_30{ background-color: #f05d7f; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_1, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_1{ background-color: #28d9ff; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_44, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_44{ background-color: #2e94ba; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_20, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_20{ background-color: #efc950; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_54, #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_54{ background-color: #f39041; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_25, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-titulo-nombreseccion.id_tema_25{ background-color: #ca5dde; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-nombre-autor, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-nombre-autor{ display: block !important; box-sizing: border-box; padding: 0px 10px; text-align: center; color: #aaaaaa; font-family: 'source sans pro'; font-style: italic; font-size: 12px; height: 15px; overflow: hidden; position: absolute; bottom: 5px; right: 0px; width: 100%; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulopro-nombre-autor{ display: block !important; left: 50%; transform: translate(-50%); bottom: 8px; font-size: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: -o-fit-content; width: -ms-fit-content; width: fit-content; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-area-rating, #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulopro-area-rating, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-area-rating, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulopro-area-rating{ display: none !important; } #home_notasblog div[id^="p|kiwi|articlehome|"] .feed-articulo-desc-articulo, #home_notasblog div[id^="p|kiwirec|articlehome|"] .feed-articulo-desc-articulo{ display: none; } /* fin home estilos fichas notas blog */ /* estilos home fichas te cuida */ #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha{ background-color: #ffffff; display: table; float: left; margin: 0px 15px 0px 0px; position: relative; width: 190px; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-divcontenido{ height: inherit; position: relative; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-divimg-articulo{ width: 100%; /*height: 190px;*/ height: 180px; position: relative; overflow: hidden; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-divimg-articulo img{ vertical-align: top; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-divtextos-articulo, #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"] .feed-articulopro-divtextos-articulo{ height: 62px; position: relative; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-nombre-articulo{ box-sizing: border-box; line-height: 15px; overflow: hidden; /*padding: 0px 10px;*/ padding: 0px 7px; position: absolute; text-align: center; /*text-transform: uppercase;*/ top: 50%; transform: translateY(-50%); width: 100%; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-separador{ display: none !important; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-area-rating, #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulopro-area-rating{ display: block !important; color: #8cc63e; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulopro-area-rating{ left: 50%; transform: translateX(-50%); bottom: -16px; } #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-desc-articulo, #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulo-nombre-autor, #home_tecuidalist div[id^="p|kiwi|articuloclasificacion|"].feed-articulo-ficha .feed-articulopro-nombre-autor{ display: none !important; } /* fin estilos home fichas te cuida */ /* estilos fichas productos feed normal */ div[id^="p|kiwi|"] .feed-producto-divimg, div[id^="p|kiwirec|"] .feed-producto-divimg, div[id^="p|kiwi|home|"] .feed-producto-divimg{ height: 233px; } /* estilos fichas productos feed normal */ div[id^="p|kiwi|probooks|"] .feed-producto-divimg, div[id^="p|kiwi|prorecipes|"] .feed-producto-divimg{ height: 100%; } div[id^="p|kiwi|"] [class$="-areanombreficha"], div[id^="p|kiwirec|"] [class$="-areanombreficha"], div[id^="p|crafto|"] [class$="-areanombreficha"], div[id^="p|kiwi|"] .feed-articulo-divtextos-articulo, div[id^="p|kiwirec|"] .feed-articulo-divtextos-articulo, div[id^="p|crafto|"] .feed-articulo-divtextos-articulo{ height: 52px; } div[id^="p|kiwi|"] .feed-articulo-divtextos-articulo, div[id^="p|kiwirec|"] .feed-articulo-divtextos-articulo, div[id^="p|crafto|"] .feed-articulo-divtextos-articulo{ position: relative; } div[id^="p|kiwi|"] [class$="recetapro-areanombreficha"]{ height: 52px; display: flex; align-items: center; } div[id^="p|kiwi|"] .feed-compilacionreceta-areanombreficha, div[id^="p|kiwi|"] .feed-compilaciontip-areanombreficha, div[id^="p|crafto|"] .feed-compilaciontip-areanombreficha{ height: 42px; } div[id^="p|kiwi|"] .feed-compilaciontip-areanombreficha .feed-compilaciontip-nombreficha, div[id^="p|crafto|"] .feed-compilaciontip-areanombreficha .feed-compilaciontip-nombreficha{ color: #000000; font-size: 17px; font-weight: bold; line-height: 18px; max-height: 38px; } div[id^="p|kiwi|"] [class$="-titulo-seccion"], div[id^="p|kiwirec|"] [class$="-titulo-seccion"], div[id^="p|crafto|"] [class$="-titulo-seccion"]{ display: none; } div[id^="p|kiwi|"] [class$="-rating"], div[id^="p|kiwirec|"] [class$="-rating"], div[id^="p|crafto|"] [class$="-rating"]{ padding: 8px 0px 0px; } div[id^="p|crafto|client|"].feed-tip-ficha{ height: 275px; } div[id^="p|kiwi|client|"] [class$="-rating"], div[id^="p|crafto|client|"] [class$="-rating"]{ margin: 0px 0px 0px 10px; height: 275px; } div[id^="p|kiwi|"] [class$="-nombrechef"], div[id^="p|kiwirec|"] [class$="-nombrechef"], div[id^="p|crafto|"] [class$="-nombrechef"]{ bottom: 5px; } .feedtiplist-crafto div[id^="p|crafto|"] [class$="-nombrechef"]{ font-family: poppins-light !important; font-size: 11px !important; letter-spacing: 0.5px; color: var(--color-texto-base) !important; } /* Estilos feed fichas home videos compilacion craftologia / home tips kiwi */ #home_videos .feed-compilaciontip-ficha{ height: auto; margin: 0px 10px 16px; width: 300px; color: var(--color-texto-base) !important; } div[id^="p|kiwi|tiphomecompilacion"] .feed-compilaciontip-divimg, div[id^="p|crafto|tiphomecompilacion"] .feed-compilaciontip-divimg{ height: 222px; overflow: hidden; } div[id^="p|kiwi|tiphomecompilacion"] .feed-compilaciontip-divimg img, div[id^="p|crafto|tiphomecompilacion"] .feed-compilaciontip-divimg img { top: initial !important; } div[id^="p|kiwi|tiphomecompilacion"] .feed-compilaciontip-divimg .imgcompilacion, div[id^="p|crafto|tiphomecompilacion"] .feed-compilaciontip-divimg .imgcompilacion, div[id^="p|crafto|crosslink"] .feed-compilaciontip-divimg .compilaciontip-img{ transform: translateX(-50%) translateY(-50%); } div[id^="p|kiwi|tiphomecompilacion"] .feed-linea-separador-compilacion, div[id^="p|kiwi|tiphomecompilacion"] .feed-compilaciontip-descripcion, div[id^="p|crafto|tiphomecompilacion"] .feed-linea-separador-compilacion, div[id^="p|crafto|tiphomecompilacion"] .feed-compilaciontip-descripcion{ display: none; } #home_videos div[id^="p|kiwi|tiphomecompilacion"] .feed-compilaciontip-areanombreficha, #home_videos div[id^="p|crafto|tiphomecompilacion"] .feed-compilaciontip-areanombreficha{ height: 75px; } div[id^="p|crafto|crosslink"] .feed-compilaciontip-divimg .compilaciontip-img{ height: inherit; } /* Fin Estilos feed fichas home videos compilacion craftologia */ /* Estilos caja recomendaciones de tips */ .tip-recomendaciones .feed-tip-ficha .feed-tippro-icon{ width: 20px !important; height: 20px !important; font-size: 13px !important; } .tip-recomendaciones .feed-tip-ficha .feed-tip-nombrefichapro-centrado{ width: calc(100% - 30px) !important; } /* Fin estilos caja recomendaciones de tips */ /* Fin Estilos feed fichas Normal */ /* Estilos feed fichas Busqueda */ div[id^="p|search|"].feed-tip-ficha{ width: 300px; margin: 0px 10px 16px; } #searchlist div[id^="p|search|"][class$="-ficha"], .searchlist-muestra{ height: 250px; } #searchlist .coleccion-venta-soloportada{ height: 250px !important; margin: 0px 10px 16px !important; width: 300px !important; } #searchlist .coleccion-venta-soloportada img{ top: 0px !important; transform: initial !important; } #te-cuida-divcont-consejos-tips #searchlist div[id^="p|search|"][class$="-ficha"]{ height: auto; } #te-cuida-divcont-consejos-tips .feed-articulo-ficha{ height: auto; } div[id^="p|search|"] .feed-tip-divimg, div[id^="p|search|"].feed-compilaciontip-ficha{ width: 300px; } div[id^="p|search|"].feed-compilaciontip-ficha{ margin: 0px 10px 16px; } div[id^="p|search|"] [class$="-divimg"]{ height: 185px; } div[id^="p|search|"] .feed-compilacionreceta-divimg, div[id^="p|search|"] .feed-compilaciontip-divimg{ height: 208px; } div[id^="p|search|"] .feed-compilaciontip-divimg .compilaciontip-img{ transform: translateY(-50%); } div[id^="p|search|"] [class$="-areanombreficha"]{ height: 42px; } div[id^="p|search|"] [class$="recetapro-areanombreficha"]{ height: 42px; display: flex; align-items: center; } div[id^="p|search|"] .feed-compilaciontip-areanombreficha .feed-compilaciontip-nombreficha{ color: #000000; font-size: 17px; font-weight: bold; line-height: 18px; max-height: 38px; } div[id^="p|search|"] .feed-tip-nombreficha{ font-size: 17px; max-height: 38px; line-height: 18px; } div[id^="p|search|"] .feed-linea-separador-compilacion, div[id^="p|search|"] .feed-compilacionreceta-descripcion, div[id^="p|search|"] .feed-compilaciontip-descripcion{ display: none; } div[id^="p|search|"] [class$="-titulo-seccion"]{ display: block; } div[id^="p|search|"] [class$="-rating"]{ padding: 4px 0px 0px; } div[id^="p|search"] div[id^="feed-tip-rating"]{ margin: 0px 0px 0px 10px; } div[id^="p|search|"] [class$="-nombrechef"]{ bottom: 3px; } /* fichas articulo */ div[id^="p|search|"].feed-articulo-ficha{ background-color: #ffffff; float: left; margin: 0px 10px 16px; overflow: hidden; position: relative; width: 300px; display: flex; flex-direction: column; } div[id^="p|search|"] .feed-articulo-divcontenido{ width: 100% } div[id^="p|search|"] .feed-articulo-divimg-articulo{ width: 100%; height: 208px; overflow: hidden; position: relative; } div[id^="p|search|"] .feed-articulo-divtextos-articulo, div[id^="p|search|"] .feed-articulopro-divtextos-articulo{ height: 42px; position: relative; } div[id^="p|search|"] .feed-articulopro-divtextos-articulo{ display: flex; align-items: center; } div[id^="p|search|"] .feed-articulo-nombre-articulo, div[id^="p|search|"] .feed-articulopro-nombre-articulo{ color: #333333; text-decoration: none; font-size: 17px; font-weight: bold; line-height: 18px; max-height: 38px; overflow: hidden; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; padding: 0px 10px; box-sizing: border-box; } div[id^="p|search|"] .feed-articulopro-nombre-articulo{ color: #8eb4b1; font-family: crimsonpro-semibold; font-size: 16px; line-height: 15px; right: 0px; text-align: left; text-transform: uppercase; width: calc(100% - 50px); max-height: 32px; } div[id^="p|search|"] .feed-articulo-desc-articulo, div[id^="p|search|"] .feed-articulopro-desc-articulo{ display: none; } /* fin fichas articulo */ /* estilos fichas productos feed busqueda */ div[id^="p|search|"] .feed-producto-divimg{ height: 208px; } /* estilos fichas productos feed busqueda */ /* Estilos feed fichas Busqueda */ /* Estilo publicidad en feed */ .buildad.feed{ margin: 0px 10px 16px; float: left; } /* fin Estilo publicidad en feed */ /* Estilo para ficha newsletter - columna derecha */ .feed-newsletter-ficha{ margin: 20px auto 10px; } /* fin Estilo para ficha newsletter */ /* icono seguir chef */ .icon-k7-seguir-chef:before{content: "\\e918";} /* */ /* estilos feed recetarios */ div[id^="p|kiwi|recipebooks|"].feed-producto-ficha, div[id^="p|kiwirec|recipebooks|"].feed-producto-ficha{ width: 300px; margin: 0px 10px 16px; } /* fin estilos feed recetarios */ /* estilo sombra blanquecina sobre fichas de contenido interno */ /* .general-container .shadow-gris */ /* .shadow-gris{ position: absolute; top: 0px; bottom: 0px; width: 100%; background-color: #ffffff; opacity: 0.8; z-index: 10; } */ .feedficha-bloqueo { position: absolute; display: flex; justify-content: center; align-items: center; right: 9px; top: 9px; width: 30px; height: 30px; background-color: var(--azul-kiwipro); border: 1px solid var(--azul-kiwipro); border-radius: 100%; z-index: 5; } /* estilo sombra blanquecina sobre fichas de contenido interno */`); KL.loader.createCSS(`/* slider */ .slider { position: relative; overflow: hidden; height: auto; } .slider-container { width: 100000px; height: auto; position: relative; left: 0; transition: all 1s ease 0s; } .slider-container.noanim { transition: none; } .slider-container:after { content: ""; clear: both; } .icon-k7-slider-previous:before{content: "\\e948";} .icon-k7-slider-next:before{content: "\\e947";} .slider-button { position: absolute; width: 17px; height: 18px; border-radius: 50%; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); z-index: 15; padding: 7px; padding-left: 8px; top: 50%; margin-top: -20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); transition: opacity 0.2s ease 0s; opacity: 0.8; font-size: 16px; font-weight: 700; color: #aaa; } .slider-button.left { left: 5px; } .slider-button.left:hover { color: #333; } .slider-button.right { right: 5px; } .slider-button.right:hover { color: #333; } `); KL.loader.createCSS(`/* estilos calificacion crafto 2024 */ .social-calificacion.crafto{ margin: 60px auto !important; width: calc(100% - 180px) !important; } .social-calificacion.crafto .social-calificacion-sombra{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #ece5e1; opacity: 0.3; } .social-calificacion.crafto .social-qualification-titulo-bloque{ box-sizing: border-box; color: var(--color-texto-base); font-family: dmserifdisplay !important; font-size: 32px !important; font-style: normal !important; line-height: 35px; padding: 25px 30px 20px !important; text-align: center !important; position: relative; } .social-calificacion.crafto #chefAvatarCalifica{ background-color: #cedfe6 !important; } .social-calificacion.crafto .social-calificacion-divarea-textarea{ padding: 0px 0px 0px 30px !important; } .social-calificacion.crafto #socal-qualification-areacalificacion{ padding: 5px 30px 98px !important; display: flex !important; align-items: center; justify-content: space-between; gap: 30px; } .social-calificacion.crafto #social-qualification-comment{ border: 0px !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; color: #a59791 !important; font-family: poppins; font-size: 18px !important; line-height: 26px; padding: 20px !important; height: 100px !important; } .social-calificacion.crafto .social-calificacion-div-button{ padding: 0px 0px 0px 0px !important; width: auto !important; } .social-calificacion.crafto #social-qualification-button{ box-sizing: border-box; background-color: var(--morado-crafto) !important; border-radius: 24px; font-family: poppins-semibold; font-size: 15px !important; padding: 12px 35px !important; } .social-calificacion.crafto .social-calificacion-header-lista-comentarios{ box-sizing: border-box; padding: 35px 50px 15px 50px !important; } .social-calificacion.crafto .social-calificacion-tii-calificacion, .social-calificacion.crafto .social-calificacion-num-total{ font-family: dmserifdisplay !important; font-size: 32px !important; font-style: normal !important; color: var(--color-texto-base) !important; line-height: 35px; } .social-calificacion.crafto .social-calificacion-sin-juicio{ color: var(--color-texto-base) !important; font-family: poppins; font-size: 18px !important; line-height: 26px !important; padding: 0px 50px 15px !important; } .social-calificacion.crafto .social-calificacion-juicio-usuario{ padding: 25px 50px !important; gap: 30px !important; } .social-calificacion.crafto .social-calificacion-juicio-area-data-comentario-usuario{ width: calc(100% - 70px) !important; } .social-calificacion.crafto .social-calificacion-juicio-usuario-nombre{ font-family: poppins-semibold; font-size: 18px !important; line-height: 26px; letter-spacing: 0.5px; color: var(--color-texto-base) !important; } .social-calificacion.crafto .social-calificacion-juicio-usuario-fecha{ font-family: poppins; font-size: 13px !important; letter-spacing: 0.5px; font-style: normal !important; color: var(--color-texto-base) !important; } .social-calificacion.crafto .social-calificacion-juicio-usuario-comentario{ font-family: poppins; font-size: 18px !important; line-height: 26px; letter-spacing: 0.5px; font-style: normal !important; color: #a59791 !important; } .social-calificacion.crafto .social-qualification.feed-btn-vermas{ box-sizing: border-box; clear: both; margin: 15px auto 0px; line-height: 1.6em; font-size: 16px !important; background-color: var(--lila-crafto); border-radius: 24px; font-family: poppins-semibold !important; color: var(--color-texto-base); padding: 8px 25px !important; width: -webkit-fit-content; width: -moz-fit-content; width: -o-fit-content; width: -ms-fit-content; width: fit-content; } .social-calificacion.crafto .social-qualification.feed-btn-vermas .social-qualification-iconvermas{ position: absolute !important; transform: translateX(-50%); left: 50%; bottom: -12px; color: var(--lila-crafto); } /* fin estilos calificacion crafto 2024 */ .social-qualification-gris.icon-k7-estrellas-r:before, .social-qualification-relleno.icon-k7-estrellas-r:before{ font-size: 29px; left: -1px; position: absolute; top: -2px; } .social-qualification-gris.icon-k7-estrellas-r:before{ color: #dddddd; } .social-qualification-comentario.icon-k7-estrellas-v:before, .social-qualification-comentario.icon-k7-estrellas-r:before{ font-size: 12px; left: 0px; position: absolute; top: 0; } `); KL.loader.createCSS(`.icon-k7-procheck:before {content: "\\e91d";} /* .icon-k7-santander:before {content: "\\e95c";} */ .icon-k7-santander:before {content: "\\e962";} .icon-k7-coronapro:before {content: "\\e95d";} @font-face { font-family: 'museo-sans'; src: local('museo-sans-500'), url('/fonts/museo-sans-500.eot?#iefix') format('embedded-opentype'), url('/fonts/museo-sans-500.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo-sans-semibold'; src: local('museo-sans-700'), url('/fonts/museo-sans-700.eot?#iefix') format('embedded-opentype'), url('/fonts/museo-sans-700.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo-sans-bold'; src: local('museo-sans-900'), url('/fonts/museo-sans-900.eot?#iefix') format('embedded-opentype'), url('/fonts/museo-sans-900.ttf') format('truetype'); font-weight: normal; font-style: normal; } .pro-input-text, .pro-input-pass { background-color: #ffffff; border: 1px solid #dddddd; } .bgcolor-desactivado, .color-desactivado { background-color: #aaaaaa; } /* sobreescribe los estilos de los campos de un formulario en iphone */ select, button, textarea, input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], input[type="input"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 0; outline: 0px; } /* quitar borde en focus de campos */ select, button, input:focus[type="text"], input:focus[type="password"], input:focus[type="number"], input:focus[type="email"], input:focus[type="tel"], textarea { outline: 0px; } /* para que no aparezcan flechas en input number */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } /* color para textos en placeholder de inputs */ /* Chrome/Opera/Safari */ ::-webkit-input-placeholder { color: #bbbbbb; font-size: 16px; font-family: 'museo-sans'; font-style: normal; font-weight: lighter; text-transform: initial; } /* Firefox 19+ */ ::-moz-placeholder { color: #bbbbbb; font-size: 16px; font-family: 'museo-sans'; font-style: normal; font-weight: lighter; text-transform: initial; } /* IE 10+ */ :-ms-input-placeholder { color: #bbbbbb; font-size: 16px; font-family: 'museo-sans'; font-style: normal; font-weight: lighter; text-transform: initial; } /* Firefox 18- */ :-moz-placeholder { color: #bbbbbb; font-size: 16px; font-family: 'museo-sans'; font-style: normal; font-weight: lighter; text-transform: initial; } /* fin color para textos en placeholder de inputs */ /* estilos check */ /* The container */ .pro-containercheck { color: #777777; cursor: pointer; display: block; font-size: 14px; font-family: 'museo-sans'; line-height: 21px; padding: 10px 0 3px 25px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .pro-containercheck input { cursor: pointer; height: 0; opacity: 0; position: absolute; width: 0; } /* Create a custom checkbox */ .pro-checkmark { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 100%; height: 15px; left: 0; position: absolute; top: 13px; width: 15px; } /* On mouse-over, add a grey background color */ .pro-containercheck:hover input ~ .pro-checkmark { background-color: #fff; } /* On mouse-over, add a grey background color */ .pro-containercheck:hover{ color: #777; } /* When the checkbox is checked, add a blue background */ .pro-containercheck input:checked ~ .pro-checkmark { background-color: var(--verde-kiwi); } /* Create the checkmark/indicator (hidden when not checked) */ .pro-checkmark:after { content: ""; display: none; position: absolute; } /* Show the checkmark when checked */ .pro-containercheck input:checked ~ .pro-checkmark:after { display: block; } /* Style the checkmark/indicator */ .pro-containercheck .pro-checkmark:after { left: 5px; top: 2px; width: 2px; height: 6px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* fin estilos check */ /* estilos slider tips y notas */ .pro-slider-tips-notas{ position: relative; box-sizing: border-box; margin: 30px auto 0px !important; width: 1280px; } .pro-slider-tips-notas .slider-container { /* width: 5200px !important; */ width: 2600px !important; } .pro-slider-tips-notas .feed-tip-ficha, .pro-slider-tips-notas .feed-articulo-ficha { box-sizing: border-box; float: left; position: relative; width: 640px; height: auto; font-family: museo-sans; text-align: left; padding: 20px; background-color: transparent !important; } .pro-slider-tips-notas .feed-tip-ficha-horizontal{ position: relative; display: flex; width: 100%; } #div-pro-slider-tips-notas .feed-articulo-divcontenido { box-sizing: border-box; position: relative; display: flex; width: 580px; height: 265px; background-color: #ffffff; margin: 0px auto; } #div-pro-slider-tips-notas .feed-articulo-divimg-articulo { position: relative; height: inherit; width: 265px; } #div-pro-slider-tips-notas .feed-articulo-divimg-articulo img { height: inherit; } #div-pro-slider-tips-notas .tools-shadow{ position: absolute; top: 20px; bottom: 19px; left: 30px; width: calc(100% - 60px); background-color: #222222; opacity: 0.2; z-index: 1; /* position: absolute; top: 0px; bottom: 0px; width: 100%; background-color: #222222; opacity: 0.2; z-index: 1; */ } .pro-slider-tips-notas .feed-tip-divimg { position: relative; height: inherit; width: 265px; height: 265px !important; } .pro-slider-tips-notas .tools-shadow{ top: 20px; bottom: 20px; width: calc(100% - 40px); } .pro-slider-tips-notas .feed-tip-divimg img { height: 100%; } .pro-slider-tips-notas .tools-container{ left: 244px; top: 30px !important; } #div-pro-slider-tips-notas .feed-articulopro-divtextos-articulo { box-sizing: border-box; padding: 30px 25px; position: relative; width: calc(100% - 265px); height: auto; flex-direction: column; } #div-pro-slider-tips-notas .feed-articulopro-icon { margin: 0px !important; } #div-pro-slider-tips-notas .feed-articulopro-nombre-articulo { width: calc(100% - 30px) !important; line-height: 20px; font-size: 23px; max-height: 63px; padding: 0px 0px 0px 10px; } .pro-slider-tips-notas .feed-tip-areanombreficha { box-sizing: border-box; padding: 30px 25px; position: relative; width: calc(100% - 265px); height: auto !important; background-color: #ffffff; } .pro-slider-tips-notas .feed-tip-nombreficha{ position: relative !important; top: initial !important; padding: 0px !important; transform: none !important; } .pro-slider-tips-notas .feed-tip-nombreficha-div{ text-align: left !important; font-family: museo-sans-bold; text-transform: uppercase; font-size: 18px; max-height: 59px; line-height: 20px; letter-spacing: 0.7px; color: #333333 !important; } #div-pro-slider-tips-notas .feed-articulopro-desc-articulo { font-family: museo-sans; font-size: 16px; margin: 5px 0px 0px; position: relative; max-height: 134px; overflow: hidden; width: 100%; line-height: 1.19em; color: #555555; display: block; } .pro-slider-tips-notas .feed-tip-descripcionficha{ display: block !important; text-align: left; font-weight: normal; font-family: 'museo-sans'; font-size: 16px; margin: 5px 0px 0px; position: relative; max-height: 134px; line-height: 19px; color: #555555; overflow: hidden; } /* #div-pro-slider-tips-notas .tools-container { left: 225px; top: 15px !important; } */ .pro-slider-tips-notas hr, .pro-slider-tips-notas .feed-tip-rating, .pro-slider-tips-notas .feed-tip-nombrechef { display: none !important; } #div-pro-slider-tips-notas .feed-articulopro-nombre-autor, #div-pro-slider-tips-notas .feed-articulopro-area-rating { display: none !important; } /* fin estilos slider tips y notas */ /* estilos de la suscripcion */ .suscripcion-pro-codigo-prom-msg { box-sizing: border-box; margin: 15px 0px 0px; font-family: 'museo-sans'; font-size: 17px; line-height: 21px; text-align: left; position: relative; padding: 0px 60px; } .suscripcion-pro-txtselecciona { color: #555555; font-family: museo-sans; font-size: 17px; line-height: 18px; padding: 0px 60px; margin: 30px 0px 0px; } .suscripcion-pro-tipo-suscripcion { box-sizing: border-box; padding: 10px; position: relative; width: 174px; color: #577774; font-family: museo-sans; font-size: 19px; line-height: 20px; border-radius: 5px; cursor: pointer; } .suscripcion-pro-tipo-suscripcion.off, .suscripcion-pro-tipo-suscripcion.lock { /* background-color: #dbeae7; */ background-color: #ffffff; border: 1px solid #dedede; } .suscripcion-pro-tipo-suscripcion.on{ background-color: #8fb4b1; } .suscripcion-pro-tipo-suscripcion:hover .suscripcion-pro-shadow{ display: block; } .suscripcion-pro-shadow { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; /* background-color: #222222; */ opacity: 0.2; z-index: 1; display: none; } .suscripcion-pro-tipo-sombra-suscripcion { box-sizing: border-box; position: relative; /* background-color: rgba(143, 180, 177, 0.3); */ border-radius: 8px; margin: 2px 0px 0px; } .suscripcion-pro-tipo-suscripcion.off .suscripcion-pro-tipo-txt-suscripcion{ color: #9a9a9a; } .suscripcion-pro-tipo-suscripcion.on .suscripcion-pro-tipo-txt-suscripcion{ color: #ffffff; } .suscripcion-pro-tipo-suscripcion.lock .suscripcion-pro-tipo-txt-suscripcion{ color: #dddddd; } .suscripcion-pro-tipo-txt-suscripcion { font-family: museo-sans; font-size: 16px; letter-spacing: 1.5px; line-height: 21px; text-transform: uppercase; text-align: center; padding: 0px 10px 5px; } .icon-k7-check-fail:before {content: "\\e955";} .suscripcion-pro-tipo-sombra-precio{ box-sizing: border-box; border-radius: 8px; display: flex; justify-content: center; margin: 0px auto; } .suscripcion-pro-tipo-sombra-precio.on { color: #ffffff; } .suscripcion-pro-tipo-sombra-precio.normal { padding: 9px 7px 0px; /* padding: 9px 7px 5px; */ font-family: museo-sans-bold; line-height: 22px; align-items: baseline; } .suscripcion-pro-tipo-suscripcion.on .suscripcion-pro-tipo-sombra-precio.normal{ /*background-color: #577774;*/ color: #ffffff; } .suscripcion-pro-tipo-sombra-precio.normal.off{ background-color: transparent; } .suscripcion-pro-tipo-suscripcion.off .suscripcion-pro-tipo-sombra-precio{ color: #7ba5a2; } .suscripcion-pro-tipo-suscripcion.lock .suscripcion-pro-tipo-sombra-precio{ color: #dddddd; } .suscripcion-pro-tipo-txt-periodo { font-size: 17px; margin: 0px 0px 0px 5px; text-align: center; font-family: museo-sans-bold; line-height: 22px; } .suscripcion-pro-tipo-suscripcion.off .suscripcion-pro-tipo-txt-periodo{ color: #7ba5a2; } .suscripcion-pro-tipo-suscripcion.on .suscripcion-pro-tipo-txt-periodo{ color: #ffffff; } .suscripcion-pro-tipo-suscripcion.lock .suscripcion-pro-tipo-txt-periodo{ color: #dddddd; } .suscripcion-pro-txt-nota { color: #577774; text-align: center; } .suscripcion-pro-txt-nota.txt-suscripcion { font-family: museo-sans; font-size: 12px; line-height: 14px; padding: 5px 20px 8px; } .suscripcion-pro-tipo-suscripcion.off .suscripcion-pro-txt-nota.txt-suscripcion{ color: #577774; } .suscripcion-pro-tipo-suscripcion.on .suscripcion-pro-txt-nota.txt-suscripcion{ color: #ffffff; } .suscripcion-pro-tipo-suscripcion.lock .suscripcion-pro-txt-nota.txt-suscripcion{ color: #dddddd; } .suscripcion-kiwipro-form-paypal { box-sizing: border-box; border: 0px; border-radius: 4px; position: relative; padding: 0px; width: 100%; display: flex; justify-content: center; background-repeat: no-repeat; background-position: center center; background-size: 116px 28px; cursor: pointer; height: 54px; } .suscripcion-kiwipro-form-paypal.off{ background-color: #aaaaaa; background-image: url('https://cdn7.kiwilimon.com/pages/pro/logo-paypal-bn.png'); } .suscripcion-kiwipro-form-paypal.on{ background-color: #ffc439; background-image: url('https://cdn7.kiwilimon.com/pages/pro/logo-paypal.svg'); } .suscripcion-kiwipro-button-openpay{ box-sizing: border-box; border: 0px; border-radius: 4px; position: relative; padding: 15px 20px; width: 100%; margin: 15px 0px 0px; color: #ffffff; font-family: museo-sans-bold; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; } .suscripcion-kiwipro-button-openpay.off{ background-color: #aaaaaa; } .suscripcion-kiwipro-button-openpay.on{ background-color: #8fb4b1; } .suscripcion-kiwipro-form-pago-paypal{ background-color: var(--verde-kiwi); box-sizing: border-box; border: 0px; border-radius: 4px; position: relative; padding: 0px; width: 100%; display: flex; justify-content: center; /* background-image: url('https://cdn7.kiwilimon.com/pages/pro/icon-txt-pagar.png'); */ background-image: url('https://cdn7.kiwilimon.com/pages/pro/icon-txt-pagar-trans.png'); background-repeat: no-repeat; background-position: center center; background-size: 94px 32px; border-radius: 6px; } .suscripcion-kiwipro-form-pago-paypal.off{ /* background-image: url('https://cdn7.kiwilimon.com/pages/pro/icon-txt-pagar-bn.png'); */ background-image: url('https://cdn7.kiwilimon.com/pages/pro/icon-txt-pagar-trans.png'); background-color: #aaaaaa; } .suscripcion-kiwipro-form-pago-paypal.on{ /* background-image: url('https://cdn7.kiwilimon.com/pages/pro/icon-txt-pagar.png'); */ background-image: url('https://cdn7.kiwilimon.com/pages/pro/icon-txt-pagar-trans.png'); background-color: var(--verde-kiwi); } .suscripcion-pro-codigo-prom-msg { box-sizing: border-box; margin: 15px 0px 0px; font-family: 'museo-sans'; font-size: 17px; line-height: 21px; text-align: left; position: relative; padding: 0px 60px; } .suscripcion-pro-codigo-prom-msg.fail { color: #bf4545; } .icon-k7-regresa-selpago:before {content: "\\e944";} /* fin estilos de la suscripcion */`); WA.templates['pro'] = WA.templater`

Não perca

${['call', 'slider','tipsprolist']}

Receitas Pro

Ver mais
${['call', 'slider','prorecipeprolist']}

Coleções Pro

${['call', 'slider','procollectionlist']}
`; WA.templates['chefkiwiespro.none'] = WA.templater` ${['cond', 'datachefconectado>client','chefkiwiregistrado']} `; WA.templates['chefkiwiregistrado'] = WA.templater`
Torne-se PRO!
  • Acesse conteúdo exclusivo
  • Faça a sua lista de compras, compartilhe e imprima
$45MXN
por mês
  • Navegue sem anúncios
  • Organize suas refeições com o Planejador de Menu
`; WA.templates['suscripcionidchef'] = WA.templater` ${'client>c'}`; WA.templates['chefkiwiregistrado.none'] = WA.templater` `; WA.templates['social-share'] = WA.templater` `; WA.templates['procollectionlist'] = WA.templater`
${['loop', 'payload','feed_payload']}
Ver mais
`; WA.templates['chefkiwiespro'] = WA.templater` `; WA.templates['breadcrumbs'] = WA.templater` ${['loop', 'bc','breadcrumbs_element']} `; WA.templates['breadcrumbs_element.none'] = WA.templater` `; WA.templates['breadcrumbs_element.first'] = WA.templater` ${'n'}`; WA.templates['breadcrumbs_element'] = WA.templater`
${'n'}`; WA.templates['breadcrumbs_element.last'] = WA.templater`
${'n'}`; WA.templates['gallery'] = WA.templater`
${['loop', 'slides','amp-gallery-slide']}
`; WA.templates['amp-gallery-slide'] = WA.templater`
${['cond', 'container','tipocontainer']}
`; WA.templates['tipocontainer.galeria'] = WA.templater` ${['cond', 'sliderhomeblog>key','ampkeygaleria']} `; WA.templates['ampkeygaleria'] = WA.templater` `; WA.templates['ampkeygaleria.124'] = WA.templater` `; WA.templates['gallery-ampslide-blog-image'] = WA.templater` ${'mobileimage'}`; WA.templates['gallery-ampslide-blog-image.none'] = WA.templater` ${'image'}`; WA.templates['tipocontainer'] = WA.templater` `; WA.templates['tipocontainer.galeriahome'] = WA.templater` `; WA.templates['tipocontainer.craftohome'] = WA.templater` `; WA.templates['slider'] = WA.templater`
${['loop', 'families','slider_families']} ${['loop', 'classifications','slider_classifications']} ${['loop', 'payload','feedslider']}
`; WA.templates['slider_families'] = WA.templater` `; WA.templates['slider-icon-familia'] = WA.templater` 70x70/${'image'}.webp`; WA.templates['slider_families.none'] = WA.templater` `; WA.templates['slider_classifications'] = WA.templater` ${['cond', 'numberarticles','numeroarticulos']} `; WA.templates['numeroarticulos'] = WA.templater` `; WA.templates['numeroarticulos.none'] = WA.templater` `; WA.templates['slider-icon-clasificacion'] = WA.templater` 70x70/${'icon'}.webp`; WA.templates['slider-icon-clasificacion.none'] = WA.templater` 70x70/${'image'}.webp`; WA.templates['slider_classifications.none'] = WA.templater` `; WA.templates['feedslider'] = WA.templater` ${['cond', 't','tipoficha']} `; WA.templates['tipoficha.productoslider'] = WA.templater` `; WA.templates['src-slider-producto'] = WA.templater` /productoventa/${'k'}/250x250/${'i'}.webp`; WA.templates['src-slider-producto.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['tipoficha.tip'] = WA.templater` `; WA.templates['src-tiptop10.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['amp-feed-videorec-top10'] = WA.templater`
`; WA.templates['amp-feed-videorec-top10.none'] = WA.templater` `; WA.templates['src-tiptop10'] = WA.templater` /ss_secreto/${'k'}/320x320/${'i'}.webp`; WA.templates['tipoficha.articulo'] = WA.templater` ${['cond', 's','ampsliderarticulopro']} `; WA.templates['ampsliderarticulopro.10'] = WA.templater` `; WA.templates['src-ampimgarticulopro'] = WA.templater` /articuloimagen/${'k'}/250x250/${'i'}.webp`; WA.templates['src-ampimgarticulopro.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['ampsliderarticulopro'] = WA.templater` ${['cond', 'siteorigin','sitioslider']} `; WA.templates['sitioslider.crafto'] = WA.templater` `; WA.templates['src-ampimgarticulocrafto'] = WA.templater` /articuloimagen/${'k'}/250x250/${'i'}.webp`; WA.templates['src-ampimgarticulocrafto.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['sitioslider'] = WA.templater` `; WA.templates['src-ampimgarticulo'] = WA.templater` /articuloimagen/${'k'}/250x250/${'i'}.webp`; WA.templates['src-ampimgarticulo.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['tipoficha.producto'] = WA.templater` `; WA.templates['src-ampimgrecetariopro'] = WA.templater` /productoventa/${'k'}/320x420/${'i'}.webp`; WA.templates['tipoficha'] = WA.templater` ${'t'} `; WA.templates['tipoficha.none'] = WA.templater` `; WA.templates['tipoficha.receta'] = WA.templater` ${['cond', 's','ampsliderrecpro']} `; WA.templates['ampsliderrecpro.10'] = WA.templater` `; WA.templates['src-recetanormal'] = WA.templater` /recetaimagen/${'k'}/320x320/${'i'}.webp`; WA.templates['src-recetanormal.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['amp-feed-videorec-pro'] = WA.templater`
`; WA.templates['amp-feed-videorec-pro.none'] = WA.templater` `; WA.templates['ampsliderrecpro'] = WA.templater` `; WA.templates['src-recetanormal'] = WA.templater` /recetaimagen/${'k'}/320x320/${'i'}.webp`; WA.templates['src-recetanormal.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['amp-feed-videorec-normal'] = WA.templater`
`; WA.templates['amp-feed-videorec-normal.none'] = WA.templater` `; WA.templates['tipoficha.recetaslider'] = WA.templater` `; WA.templates['amp-feed-videorec-top10.none'] = WA.templater` `; WA.templates['src-recetatop10'] = WA.templater` /recetaimagen/${'k'}/320x320/${'i'}.webp`; WA.templates['src-recetatop10.none'] = WA.templater` /img/static/logo-o-320x320.png`; WA.templates['amp-feed-videorec-top10'] = WA.templater`
`; WA.templates['tools'] = WA.templater` `; WA.templates['loginset'] = WA.templater` ${['cond', 'siteorigin','bloqueloginset']} ${['call', 'loginset_social']} ${['call', 'loginset_registro']} ${['call', 'loginset_nativo']} ${['call', 'loginset_enlaza']} ${['call', 'loginset_contrasena']} ${['call', 'loginset_restablecer-contrasena']} ${['call', 'loginset_valida-codigo-activacion']}
`; WA.templates['bloqueloginset.crafto'] = WA.templater`
${['call', 'loginset_intro-loginset']}
`; WA.templates['loginset_intro-loginset'] = WA.templater` ${['cond', 'siteorigin','intro-loginset']} `; WA.templates['intro-loginset'] = WA.templater` `; WA.templates['intro-loginset.crafto'] = WA.templater` `; WA.templates['loginset_social'] = WA.templater`
${['cond', 'siteorigin','origensocialnativo']}
`; WA.templates['origensocialnativo.crafto'] = WA.templater` `; WA.templates['socialorigen.crafto'] = WA.templater` `; WA.templates['socialorigenfacebook'] = WA.templater` `; WA.templates['socialorigen'] = WA.templater` `; WA.templates['socialorigenhuawei.crafto'] = WA.templater` `; WA.templates['socialorigenhuawei'] = WA.templater` `; WA.templates['socialorigenapple.crafto'] = WA.templater` `; WA.templates['socialorigenapple'] = WA.templater` `; WA.templates['socialorigengoogle'] = WA.templater` `; WA.templates['origensocialnativo'] = WA.templater` `; WA.templates['origensocial'] = WA.templater` Conectar com seu e-mail `; WA.templates['origensocial.kiwirec'] = WA.templater` `; WA.templates['loginset_registro'] = WA.templater`

${['cond', 'siteorigin','origennativo']}

Usuario
Carregue sua foto
* Opcional
${['cond', 'siteorigin','origenregnews']}
Já tem uma conta? Conectar aqui.
`; WA.templates['origennativo'] = WA.templater` Registre-se no Kiwilimón `; WA.templates['imgregistrologinset.crafto'] = WA.templater` ${['eval','KL.cdn7domains']}/craftologia/static/icono-usuario.svg `; WA.templates['imgregistrologinset'] = WA.templater` ${['eval','KL.cdn7domains']}/kiwilimon/static/icono-usuario.svg `; WA.templates['origenregnews.crafto'] = WA.templater` `; WA.templates['origenregnews'] = WA.templater` `; WA.templates['origennativo.crafto'] = WA.templater` Registre-se no Craftologia `; WA.templates['origennativo.kiwirec'] = WA.templater` `; WA.templates['loginset_nativo'] = WA.templater`

Conecte-se com seu usuário e interaja conosco

${['cond', 'siteorigin','origenctanativo']} Registre-se aqui
`; WA.templates['origenctanativo.crafto'] = WA.templater` Não tem uma conta no Craftologia? `; WA.templates['origenctanativo'] = WA.templater` Não tem uma conta no Kiwilimón? `; WA.templates['loginset_enlaza'] = WA.templater`

Complete seu perfil!

${['cond', 'siteorigin','origenloginsetenlaza']}
${'clientdata>firstname'}
Usaremos esses dados:
`; WA.templates['origenloginsetenlaza'] = WA.templater`
Para receber receitas incríveis, dicas e artigos especiais totalmente GRATUITOS, você só precisa de um endereço de e-mail válido.
`; WA.templates['origenloginsetenlaza.crafto'] = WA.templater`
Para receber dicas incríveis, artesanatos e artigos especiais totalmente GRATUITOS, você só precisa de um endereço de e-mail válido.
`; WA.templates['loginset_valida-codigo-activacion'] = WA.templater`

Validar a conta

${['cond', 'siteorigin','origenloginsetvalidacta']}

Enviamos um código de validação para sua conta de e-mail.

Você pode inserir este código aqui ou clicar no link do e-mail.

Não recebeu o código? Verifique na pasta de spam.

Solicitar o código novamente. Voltar para o login.
`; WA.templates['origenloginsetvalidacta.crafto'] = WA.templater`

Muito obrigado por se registrar no Craftologia.

`; WA.templates['origenloginsetvalidacta'] = WA.templater`

Muito obrigado por se registrar no Kiwilimón.

`; WA.templates['bloqueloginset.kiwi'] = WA.templater`