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 ' 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);
}
//
var translation =
{
"necesitascalificar": "You need to put the rating and a comment to qualify.",
"graciasporcalificar": "Thank you for rating this recipe.",
"graciascalificartip": "Thank you for rating this tip.",
"graciascalificararticulo": "Thank you for rating this article.",
"graciascalificarquiz": "Thank you for rating this quiz.",
"txtmodificar": "Modify",
};
WA.i18n.loadMessages(translation);
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);
}
//
var translation =
{
"graciasporsuscribirte": "Thanks for subscribing to KiwiPro",
"promocodetxt1": "Code valid for ",
"promocodetxt2": " Kiwi PRO days.",
"promocodetxt3": " Valid before",
"promocodetxt4": " Valid only once.",
"promocodetxt5": "per month",
"promocodetxt6": "per year",
"promocodetxt7": "The code must have 3 to 50 characters.",
"promocodetxt8": "Invalid code.",
"promocodetxt9": "Subscription ",
"protxtbuttonnormal": "Subscribe",
"protxtbuttonproceso": "Processing",
};
WA.i18n.loadMessages(translation);
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`
`;
WA.templates['social-qualification'] = WA.templater`
`;
WA.templates['calificador.none'] = WA.templater`
`;
WA.templates['more'] = WA.templater`
`;
WA.templates['more.none'] = WA.templater`
`;
WA.templates['avatarimgchef'] = WA.templater`
![${'datachefconectado>client>n'} ${'datachefconectado>client>a'}]( "${'datachefconectado>client>n'} ${'datachefconectado>client>a'}")
`;
WA.templates['avatarimgchef.none'] = WA.templater`
`;
WA.templates['calificador'] = WA.templater`
`;
WA.templates['avatarimgchefcalifica'] = WA.templater`
![${'client>name'} ${'client>lastname'}]( "${'client>name'} ${'client>lastname'}")
`;
WA.templates['avatarimgchefcalifica.none'] = WA.templater`
`;
WA.templates['chefkiwiespro.none'] = WA.templater`
${['cond', 'datachefconectado>client','chefkiwiregistrado']}
`;
WA.templates['chefkiwiregistrado'] = WA.templater`
`;
WA.templates['suscripcionidchef'] = WA.templater`
${'client>c'}`;
WA.templates['chefkiwiregistrado.none'] = WA.templater`
`;
WA.templates['gallery'] = WA.templater`
' + 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();
}
}
var translation =
/* Favor de no alterar el archivo fuera de la tabla. Usar doble comillas para formar un JSON correcto entre los comentarios */
/* Inicio tabla */
{
"txtregisterboton":"SIGN UP",
"txtlogincheckar1": "Capture your email",
"txtlogincheckar2": "Badly formed email",
"txtlogincheckar3": "Capture your password",
"txtlogincheckar4": "Password too short",
"txtlogincheckar5": "Click to connect",
"txtlogincheckar6": "Fill in the fields",
"txtlogincheckar7": "Capture your code",
"txtlogincheckar8": "Code too short",
"txtlogincheckar9": "Code too long",
"txtdologin": "Connecting ...",
"txtgetlogin1": "Reloading your data ...",
"txtaccedegoogle":"Sign in with Google",
"txtiniciagoogle":"Logging into Google",
"errorcode": "There was an error in the code. The development team was notified, and they are already working on it.",
"chefconnect": "Log in to see your user account.",
"nosugerencias": "No Suggestions.",
"ingresa": "Login to be able to qualify the recipe.",
"necesitascalificar": "You need to put the rating and a comment to qualify.",
"graciasporcalificar": "Thank you for rating this recipe.",
"graciascalificartip": "Thank you for rating this tip.",
"graciascalificararticulo": "Thank you for rating this article.",
"graciascalificarquiz": "Thank you for rating this quiz.",
"conectate": "Log in to see your user account.",
"registrate": "Sign up or log in.",
"yaestas": "You are already following",
"apartideahora": "From now on you are following",
"ingresachef": "Enter to be able to follow a chef",
"actualizacuenta": "Update your account to Kiwi PRO in order to use the menu planner",
"errorsincorreo": "Error, you did not capture any email.",
"graciasporregistrarte": "Thank you for signing up for the Kiwilimon newsletter.",
"txtgetTime1": "Exhausted time",
"txtgetTime2": "sec",
"txtgetTime3": "hr",
"txtgetTime4": "hrs",
"txtgetTime5": "day",
"txtgetTime6": "days",
"txttipodecomida1": "Breakfast",
"txttipodecomida2": "Collation",
"txttipodecomida3": "Food",
"txttipodecomida4": "Dinner",
"txttitulodiasreto1": "Day 1",
"txttitulodiasreto2": "Day 7",
"txtfillMenuInfo1": "see all...",
"txtonStart": "Log in to see your user account.",
"txtregistrosocialcheckar1": "The mail does not have a valid format",
"txtcontrasenacheckar1": "Send the reminder",
"txtdorecordar": "Remembering ...",
"txtgetrecordar1": "Password sent successfully",
"txtgetrecordar2": "Validation code sent successfully",
"txtvalidarcodigocheckar": "Click to validate",
"txtdovalidar": "Activating ...",
"txtgetvalidar": "Validated! Reloading the page ...",
"txtregistrocheckar1": "Capture your name",
"txtregistrocheckar2": "From 2 to 50 characters, max 5 words, and only letters",
"txtregistrocheckar3": "Capture your last names",
"txtregistrocheckar4": "Capture your password again",
"txtregistrocheckar5": "Password verification too short",
"txtregistrocheckar6": "You have to accept the policies of the site to register",
"txtregistrocheckar7": "Click to register",
"txtregistrocheckar8": "Submit",
"txtpswmatch": "Verify that the password fields are the same",
"txtvalidamail1": "Error: this email is already registered. Do you need to recover your password?",
"txtvalidamail2": "Recover password",
"txtvalidamail3": "Error: The email domain does not have a valid email server. If you think it is a mistake, check with your provider.",
"txtvalidamail4": "Error: the mail does not have an appropriate format. Verify how you wrote",
"txtdoregistro": "Registering ...",
"txtregistrosocialcheckar2": "The name does not have a valid format",
"txtregistrosocialcheckar3": "Capture your last name",
"txtregistrosocialcheckar4": "The last name does not have a valid format",
"txtregistrosocialcheckar5": "Click to link the accounts",
"txtregistroacckitcheckar1": "Register",
"txtstrong1": "it does not validate",
"txtstrong2": "weak",
"txtstrong3": "good",
"txtstrong4": "optimum",
"txtsdkResponseHandler": "Processing",
"txtgetventa1": "Aware",
"txtgetventa2": "Make payment",
"txtidentificaMensajeError1": "Unknown error Please try again. You can reload the page if the error persists.",
"txtidentificaMensajeError2": "Enter your card number.",
"txtidentificaMensajeError3": "Choose a month",
"txtidentificaMensajeError4": "Choose one year",
"txtidentificaMensajeError5": "Enter the first and last name.",
"txtidentificaMensajeError6": "Enter the security code.",
"txtidentificaMensajeError7": "There is something wrong with the card number. Re-enter it",
"txtidentificaMensajeError8": "Check the security code.",
"txtidentificaMensajeError9": "Enter a valid name",
"txtidentificaMensajeError10": "Check the month of the date.",
"txtidentificaMensajeError11": "Check the year of the date",
"txtidentificaMensajeError12": "There is an unknown error in your data, please review them.",
"txtdatosbasicoscheck1": "From 2 to 50 characters, max 5 words, and only letters",
"txtcondireccioncheck1": "Capture the street",
"txtcondireccioncheck2": "From 2 to 50 characters, max 5 words",
"txtcondireccioncheck3": "Capture the outer number",
"txtcondireccioncheck4": "Minimum 2 numeric characters",
"txtcondireccioncheck5": "Capture the inner number",
"txtcondireccioncheck6": "Capture the colony",
"txtcondireccioncheck7": "Capture the zip code",
"txtcondireccioncheck8": "Of minimum 2 characters",
"txtcondireccioncheck9": "Capture your contact phone",
"txtcondireccioncheck10": "Minimum 10 numerical characters",
"txtenviocheckar1": "Maximum 15 numeric characters",
"txtcondireccioncheck11": "Capture your status",
"txtenviocheckar2": "Capture your delegation",
"txtenviocheckar3": "Capture your city",
"txtabrir": "Upgrade to PRO to access premium recipes",
"txtsuscribir": "Connect to update your account to Kiwi PRO",
"txtconectar": "Connect to update your account to Kiwi PRO",
"txtgetpremium1": "Go to the menu planner",
"txtgetpremium2": "PRO account",
"txtgetpremium3": "Pay",
"txtgetpremium4": "Your payment was rejected",
"txtappletvcode": "You need to capture a valid code.",
"txtgetappletvcodigo": "Congratulations! Your account has been linked",
"txtfacturacompra_enviada": "Your data has been sent, we will contact you shortly.",
"txtfacturacompracheckar1": "Capture the Corporate Name",
"txtfacturacompracheckar2": "Of 10 characters min, max 5 words",
"txtfacturacompracheckar3": "Capture your RFC",
"txtfacturacompracheckar4": "The RFC does not have a valid format.",
"txtfacturacompracheckar5": "Capture the F\u00edscal Direction",
"txtshowRecetaLightBox": "Register to upload images of recipes",
"txtcerrarSubirfoto": "Validate",
"txtenviarimagen1": "Error: There is already an image that is going up in the recipe. Wait a bit, sometimes it can take a few minutes.",
"txtenviarimagen2": "Working...",
"txtenviarimagen3": "Error: you must upload an image before validating it.",
"txtenviarimagen4": "Upload the image has been canceled.",
"txtenviarimagen5": "There's no image to save",
"txtloadLoginBtn1": "Connect with facebook",
"txtloadLoginBtn2": "Log in",
"txtfilldatossocial1": "Social network: Facebook",
"txtfilldatossocial2": "Sex",
"txtfilldatossocial3": "Birthdate",
"txtfavoritos": "Login to use your tools",
"txtgetseleccionalistasuper1": "You have added all the ingredients you need for the",
"txtgetseleccionalistasuper2": "See list of the Super",
"txtgetseleccionalistasuper3": "Connect to be able to add these recipes to your super list",
"txtgetfavoritos1": "Added to your",
"txtgetfavoritos2": "Favorites",
"txtgetagregarlista1": "Error, the template was not found. The administrator has been informed.",
"txtgetseleccionacoleccion1": "This recipe has been added to your collection",
"txtgetseleccionacoleccion2": "This tip has been added to your collection",
"txtgetseleccionacoleccion3": "It has been added to your collection",
"txtgetcrearcoleccion1": "Collection created and recipe added successfully",
"txtgetcrearcoleccion2": "Collection created and tip successfully added",
"txtgetcrearcoleccion3": "A new collection was created",
"txtborrarcoleccion1": "Are you sure you want to delete this collection?",
"txtborrarcoleccion2": "Confirm",
"txtborrarcoleccion3": "Cancel",
"txtgetborrarcoleccion": "The collection was successfully deleted",
"txtvalidaliga": "You did not capture a correct league.",
"txtpasoImg": "You have already used all your uploaded images.",
"txtinforestantes1": "Name of the recipe",
"txtinforestantes2": "Description of the recipe",
"txtinforestantes3": "Servings",
"txtinforestantes4": "Preparation time",
"txtinforestantes5": "Ingredients",
"txtinforestantes6": "Steps",
"txtinforestantes7": "Missing or incomplete fields of your recipe",
"txtcharcount": "Number of letters",
"txtborrarChefSiguiendo": "Are you sure you want to stop following this chef?",
"txtborrarobjetocoleccion": "Are you sure you want to delete this league?",
"txtborrarelementocoleccion":"Are you sure you want to delete this item?",
"txtnuevofolder": "Capture the name of the new folder",
"txtpopcomprar1": "Thank you for buying these ingredients",
"txtpopcomprar2": "When you confirm you will be redirected to the Superama site",
"txtzoom1": "Loading...",
"txtzoom2": "Click anywhere to close the image",
"txtdoEregistro1": "You did not capture any email",
"txtdoEregistro2": "You did not capture any names",
"txtdoEregistro3": "You did not capture any last name",
"txtgetEregistro": "Thank you. Your data has been modified successfully",
"txtgetlistasuper1": "Recipe added to the",
"txtgetlistasuper2": "Super List",
"txtEliminalistas": "Are you sure you want to delete this super list?",
"txtEliminalistasrespuesta": "The list was deleted",
"txtEnviarMailLista": "Select at least one ingredient to mail",
"txteliminarreceta": "Are you sure you want to delete this recipe from your super list?",
"txteliminarlstotal":"Are you sure you want to delete the entire super list?",
"txtdoeliminareceta": "You do not have recipes or ingredients on your super list",
"txtrecetaeliminada": "The recipe was eliminated",
"txtextraagregado": "The ingredient was successfully added to the list",
"txteliminaingrediente": "Are you sure you want to delete this ingredient from your super list?",
"txtingredienteeliminado": "The ingredient was successfully eliminated",
"txteliminaextra": "Are you sure you want to delete this ingredient from your super list?",
"txtextraeliminado": "The ingredient was successfully eliminated",
"txtingredienterecuperado": "The ingredient was successfully recovered",
"txtrespuestaseguirachef1": "Now you follow",
"txtrespuestaseguirachef2": "You are now following",
"txtborradoexito":"It has been deleted successfully",
"txtmodificadoexito":"It has been successfully modified",
"planmindia1": "Sun",
"planmindia2": "Mon",
"planmindia3": "Sea",
"planmindia4": "Wed",
"planmindia5": "Thu",
"planmindia6": "Fri",
"planmindia7": "Sat",
"plandia1": "Sunday",
"plandia2": "Monday",
"plandia3": "Tuesday",
"plandia4": "Wednesday",
"plandia5": "Thursday",
"plandia6": "Friday",
"plandia7": "Saturday",
"planmes1": "January",
"planmes2": "February",
"planmes3": "March",
"planmes4": "April",
"planmes5": "May",
"planmes6": "June",
"planmes7": "July",
"planmes8": "August",
"planmes9": "September",
"planmes10": "October",
"planmes11": "November",
"planmes12": "December",
"planmesmin1": "Jan",
"planmesmin2": "Feb",
"planmesmin3": "Sea",
"planmesmin4": "Apr",
"planmesmin5": "May",
"planmesmin6": "Jun",
"planmesmin7": "Jul",
"planmesmin8": "Aug",
"planmesmin9": "Sep",
"planmesmin10": "Oct",
"planmesmin11": "Nov",
"planmesmin12": "Dec",
"mpcomida1": "breakfast",
"mpcomida2": "food",
"mpcomida3": "Dinner",
"mpcomida4": "snack",
"mpcomida5": "any",
"titulomp": "Message from",
"mpfabricareceta1": "Easy",
"mpfabricareceta2": "Medium",
"mpfabricareceta3": "Difficult",
"mptxtrellenaDia": "from",
"txtplaneador1": "Menu Glider",
"txtplaneador2": "See more Recipes",
"txtplaneador3": "To return",
"txtplaneador4": "The recipe was added successfully",
"txtplaneador5": "Go to the Calendar?",
"txtplaneador6": "YES",
"txtplaneador7": "DO NOT",
"txtplaneador8": "The recipe is missing",
"txtplaneador9": "Select a day",
"txtplaneador10": "Select a type of food",
"txtmp_moverreceta1": "Move recipe",
"txtmp_moverreceta2": "to container",
"txtrecibiringrediente": "No Suggestions",
"txtagregaIngrediente": "You must write the name of some ingredient",
"txtvalidaIngrediente": "You have already selected this Ingredient",
"txtmp_armaTuMenu": "Select at least one day and one time to save your Menu",
"txtplaneador11": "The menu was saved successfully",
"txtplaneador12": "Do you want to go to the super list?",
"txtplaneador13": "Your Menu Planner has been sent.",
"vermas":"See More",
"titquiz":"Quiz",
"txtcontinualeyendo":"Continue reading",
"txtguardarSubirfotochef":"Save",
"botonfacebook":"Log in with Facebook",
"botongoogle":"Log in with Google",
"errorcargaimagen": "An error ocured with the image upload, please try it again or upload the image from a computer.",
"nativocodeactivation" : "activation code again.",
"nativocoderecovery" : "recovery code again.",
}
/* Fin tabla */
;
WA.i18n.loadMessages(translation);
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": "Add to my Favorites",
"txt-tools-colecciones": "Add to my Collections",
"txt-tools-listasuper": "Add to my Grocery List",
"txt-tools-planeadormenu": "Add to Menu Planner",
"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; iDon't miss it
Pro Collections
`;
WA.templates['amp-feed-videorec-top10.none'] = WA.templater`
`;
WA.templates['src-tiptop10'] = WA.templater`
/ss_secreto/${'k'}/320x320/${'i'}.webp`;
WA.templates['src-tiptop10.none'] = WA.templater`
/img/static/logo-o-320x320.png`;
WA.templates['tipoficha.articulo'] = WA.templater`
${['cond', 's','ampsliderarticulopro']}
`;
WA.templates['ampsliderarticulopro.10'] = WA.templater`
`;
WA.templates['src-ampimgarticulopro.none'] = WA.templater`
/img/static/logo-o-320x320.png`;
WA.templates['src-ampimgarticulopro'] = WA.templater`
/articuloimagen/${'k'}/250x250/${'i'}.webp`;
WA.templates['ampsliderarticulopro'] = WA.templater`
${['cond', 'siteorigin','sitioslider']}
`;
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['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['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['amp-feed-videorec-pro.none'] = 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['ampsliderrecpro'] = WA.templater`
`;
WA.templates['amp-feed-videorec-normal'] = WA.templater`
`;
WA.templates['amp-feed-videorec-normal.none'] = 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['tipoficha.recetaslider'] = WA.templater`
`;
WA.templates['amp-feed-videorec-top10'] = 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['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['tools'] = WA.templater`
`;
WA.templates['tools_collectionselect'] = WA.templater`
Select a collection
${['loop', 'items','tools_collectionitem']}
or
${'nombre'}
`;
WA.templates['tools_collectionitem.none'] = WA.templater`
There are no collections yet
`;
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['imgcolorfondo'] = WA.templater`
${'co'}
`;
WA.templates['feedfichaeventoclientactivity'] = WA.templater`
${['cond', 'siteorigin','clientorigensigue']}
`;
WA.templates['clientorigensigue.crafto'] = WA.templater`
${['cond', 's','estatusperfilcreador']}
`;
WA.templates['estatusperfilcreador.none'] = WA.templater`
`;
WA.templates['numeroseguidores'] = WA.templater`
`;
WA.templates['linkcoleccion'] = WA.templater`
${['cond', 'siteorigin','linkmicuentakiwi']}
`;
WA.templates['linkmicuentakiwi'] = WA.templater`
`;
WA.templates['paysigochefsesionprochef'] = WA.templater`