{
const div = document.createElement('div');
// Extract and set inline styles from the image element
const style = image.getAttribute('style');
div.setAttribute('style', style);
div.style.width = image.attributes[1].value+"px";
div.style.height = image.attributes[2].value+"px";
div.style.margin = "6px";
div.style.maxWidth = "100%";
div.innerHTML =`
`;
// Replace the image element with the newly created div
image.parentNode.replaceChild(div, image);
(adsbygoogle = window.adsbygoogle || []).push({});
});
const applicationServerKey ='BCD5Y9pIEkbWl-xFaqje9GfWO-2FLyU46R_Wk6A6tZJ8QVugz4d8FlCLDbV5GLqIspTcUqD6er4Jpa0p0ejfLOo';
let isPushEnabled = false;
navigator.serviceWorker.register('/worker.js').then(
() => {
console.log('[SW] Service worker has been registered');
},
e => {
console.error('[SW] Service worker registration failed', e);
}
);
function urlBase64ToUint8Array(base64String) {
const padding = '='.repeat((4 - (base64String.length % 4)) % 4);
const base64 = (base64String + padding).replace(/\-/g, '+').replace(/_/g, '/');
const rawData = window.atob(base64);
const outputArray = new Uint8Array(rawData.length);
for (let i = 0; i < rawData.length; ++i) {
outputArray[i] = rawData.charCodeAt(i);
}
return outputArray;
}
function checkNotificationPermission() {
return new Promise((resolve, reject) => {
if (Notification.permission === 'denied') {
return reject(new Error('Push messages are blocked.'));
}
if (Notification.permission === 'granted') {
return resolve();
}
if (Notification.permission === 'default') {
return Notification.requestPermission().then(result => {
if (result !== 'granted') {
reject(new Error('Bad permission result'));
} else {
resolve();
}
});
}
return reject(new Error('Unknown permission'));
});
}
function push_subscribe() {
return checkNotificationPermission()
.then(() => navigator.serviceWorker.ready)
.then(serviceWorkerRegistration =>
serviceWorkerRegistration.pushManager.subscribe({
userVisibleOnly: true,
applicationServerKey: urlBase64ToUint8Array(applicationServerKey),
})
)
.then(subscription => {
console.log('Subscription successful:', subscription);
return push_sendSubscriptionToServer(subscription, 'POST');
})
.then(subscription => {
console.log('Subscription sent to server:', subscription);
isPushEnabled = true; // Assuming successful subscription
// Update your UI here
})
.catch(e => {
if (Notification.permission === 'denied') {
console.warn('Notifications are denied by the user.');
// Change button state to 'incompatible'
} else {
console.error('Impossible to subscribe to push notifications', e);
// Change button state to 'disabled'
}
});
}
function push_updateSubscription() {
navigator.serviceWorker.ready
.then(serviceWorkerRegistration => serviceWorkerRegistration.pushManager.getSubscription())
.then(subscription => {
// Change button state to 'disabled'
if (!subscription) {
// User isn't subscribed to push, allow enabling push
return;
}
return push_sendSubscriptionToServer(subscription, 'PUT');
})
.then(subscription => {
if (subscription) {
console.log('Subscription updated on server:', subscription);
// Change button state to 'enabled'
}
})
.catch(e => {
console.error('Error when updating the subscription', e);
});
}
function push_unsubscribe() {
// Change button state to 'computing'
navigator.serviceWorker.ready
.then(serviceWorkerRegistration => serviceWorkerRegistration.pushManager.getSubscription())
.then(subscription => {
if (!subscription) {
// No subscription, allow the user to subscribe
// Change button state to 'disabled'
return;
}
return subscription.unsubscribe().then(() => push_sendSubscriptionToServer(subscription, 'DELETE'));
})
.then(() => {
console.log('User unsubscribed');
// Change button state to 'disabled'
})
.catch(e => {
console.error('Error when unsubscribing the user', e);
// Change button state to 'disabled'
});
}
function push_sendSubscriptionToServer(subscription, method) {
const key = subscription.getKey('p256dh');
const token = subscription.getKey('auth');
const contentEncoding = (PushManager.supportedContentEncodings || ['aesgcm'])[0];
return fetch('/_z0085/index.php', {
method,
body: JSON.stringify({
endpoint: subscription.endpoint,
publicKey: key ? btoa(String.fromCharCode.apply(null, new Uint8Array(key))) : null,
authToken: token ? btoa(String.fromCharCode.apply(null, new Uint8Array(token))) : null,
contentEncoding,
}),
headers: {
'Content-Type': 'application/json'
}
}).then(response => {
if (!response.ok) {
throw new Error('Failed to send subscription to server');
}
localStorage.notifyMe=1;
document.querySelector(".animx").innerHTML = `Gracias! `;
setInterval(function(){
floatingDiv.style.top = '-272px';
},3000);
return subscription;
});
}
// Seleccionamos el div con la clase post-content
const postContent = document.querySelector('.post-text');
// Seleccionamos todos los párrafos dentro del div post-content
const paragraphs = postContent.querySelectorAll('p');
// Obtenemos el último párrafo
const lastParagraph = paragraphs[paragraphs.length - 1];
// Función para verificar si el último párrafo está visible
function isLastParagraphVisible() {
// Obtenemos la posición del último párrafo
const lastParagraphRect = lastParagraph.getBoundingClientRect();
// Verificamos si está completamente visible en el viewport
const isVisible = (
lastParagraphRect.top >= 0 &&
lastParagraphRect.left >= 0 &&
lastParagraphRect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
lastParagraphRect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
return isVisible;
}
// Función para mostrar la alerta cuando el último párrafo esté visible
function showReadCompleteAlert() {
if(localStorage.notifyMe=='1'){
return;
}
if (isLastParagraphVisible()) {
if(mobile()){
floatingDiv.style.top = '72px';
}else{
floatingDiv.style.top = '106px';
}
// Desactivamos el listener para evitar que se muestre la alerta más de una vez
window.removeEventListener('scroll', showReadCompleteAlert);
}
}
// Agregamos un listener para el evento scroll en la ventana
window.addEventListener('scroll', showReadCompleteAlert);
function mobile() {
// Expresión regular para detectar cadenas comunes en el user agent de móviles
const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
// Verificamos si alguna de las cadenas está presente en el user agent
return mobileRegex.test(navigator.userAgent);
}
const floatingDiv = document.createElement('div');
floatingDiv.innerHTML = `¿Te gustó este articulo?
Toca la campanita para recibir más de lo que te gusta.