feat: rediseño visual completo — slider, dark theme, hero unificado
- Dark theme en index (class=page-dark): fondo #1a1714, títulos ácido, botones nav crema - Hero-landing con gradiente animado ácido→caoba aplicado a los 7 htmls - Slider 3 slides (crossfade CSS + JS): crowd-phones / surveillance / legal-action - Imágenes descargadas localmente (CSP img-src 'self') - Botón RESETEA hero: verde ácido, fuente Recion, tipografía grande centrada - Cards de estudios con enlaces a fuente original - CSP ampliada: img-src añade cdn.simpleicons.org para chips de redes Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hacklab
parent
d49da56e87
commit
467820b8b3
15 changed files with 2552 additions and 566 deletions
|
|
@ -203,27 +203,334 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<header class="topbar">
|
||||
<div class="container topbar-inner">
|
||||
<div class="brand">
|
||||
<div class="brand-logo">R</div>
|
||||
<div class="brand-text">
|
||||
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||||
<div class="brand-tag">Privacidad sin custodios</div>
|
||||
</div>
|
||||
<section class="hero-landing">
|
||||
<div class="container hero-landing-inner">
|
||||
<h1 class="main-title">RESETEA</h1>
|
||||
<div class="landing-nav">
|
||||
<a class="landing-nav-btn" href="tipos.html">Tipos de información</a>
|
||||
<a class="landing-nav-btn" href="concienciacion.html">Concienciación</a>
|
||||
<a class="landing-nav-btn" href="egosurfing.html">Egosurfing</a>
|
||||
<a class="landing-nav-btn landing-nav-btn--highlight" href="plantillas.html">Resetea</a>
|
||||
<a class="landing-nav-btn" href="stats.html">Estadísticas</a>
|
||||
<a class="landing-nav-btn" href="salud-digital.html">🧠 Salud digital</a>
|
||||
</div>
|
||||
<nav class="nav" aria-label="Navegación principal">
|
||||
<a class="nav-btn" href="tipos.html">Tipos de información</a>
|
||||
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
|
||||
<a class="nav-btn" href="index.html">Resetea</a>
|
||||
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
|
||||
<a class="nav-btn" href="stats.html">Estadísticas</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ══════════════════════════════════════════
|
||||
PANEL DE ACCIONES COMPLETO (checklist)
|
||||
════════════════════════════════════════════ -->
|
||||
<section class="panel">
|
||||
<div class="container">
|
||||
|
||||
<div class="panel-global-header">
|
||||
<h2 class="panel-title">Panel de acciones completo</h2>
|
||||
<p class="section-desc">
|
||||
Marca cada acción completada para seguir tu progreso. Todos los enlaces apuntan a páginas oficiales.
|
||||
Recuerda: <strong>descarga primero tus datos</strong> antes de eliminar nada.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="progress-track">
|
||||
<div class="progress-bar"><div class="progress-fill" id="progress-fill" style="width:0%"></div></div>
|
||||
<span class="progress-label" id="progress-text">0 acciones completadas</span>
|
||||
</div>
|
||||
|
||||
<!-- ── Cuentas base ── -->
|
||||
<div class="panel-section">
|
||||
<div class="panel-section-header">
|
||||
<span class="panel-section-badge">Cuentas base</span>
|
||||
<button class="btn-mark-section" type="button" data-section="cuentas-base">Marcar todas</button>
|
||||
</div>
|
||||
<div class="pitem-grid" id="psec-cuentas-base">
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/google/1a1714" alt=""> Google</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://myaccount.google.com/data-and-privacy" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://myaccount.google.com/delete-services-or-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/microsoft/1a1714" alt=""> Microsoft / Outlook</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://account.microsoft.com/account/privacy" target="_blank" rel="noopener">Privacidad</a>
|
||||
<a href="https://account.live.com/closeaccount.aspx" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/apple/1a1714" alt=""> Apple ID</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://privacy.apple.com/" target="_blank" rel="noopener">Portal privacidad</a>
|
||||
<a href="https://support.apple.com/es-es/111001" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/amazon/1a1714" alt=""> Amazon</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.amazon.es/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ" target="_blank" rel="noopener">Política privacidad</a>
|
||||
<a href="https://www.amazon.es/gp/help/customer/display.html?nodeId=GXPU3YPMBDQWWHGZ" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-section-footer">
|
||||
<button class="btn ghost btn--section-send" type="button" data-section="cuentas-base">✓ Marcar sección completada</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Redes sociales ── -->
|
||||
<div class="panel-section">
|
||||
<div class="panel-section-header">
|
||||
<span class="panel-section-badge">Redes sociales</span>
|
||||
<button class="btn-mark-section" type="button" data-section="redes-sociales">Marcar todas</button>
|
||||
</div>
|
||||
<div class="pitem-grid" id="psec-redes-sociales">
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/instagram/1a1714" alt=""> Instagram</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.instagram.com/download/request/" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://www.instagram.com/accounts/remove/request/permanent/" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/facebook/1a1714" alt=""> Facebook</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.facebook.com/dyi/" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://www.facebook.com/help/delete_account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/x/1a1714" alt=""> X / Twitter</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://x.com/settings/download_your_data" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://x.com/settings/deactivate" target="_blank" rel="noopener">Desactivar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/linkedin/1a1714" alt=""> LinkedIn</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.linkedin.com/mypreferences/d/data-export" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://www.linkedin.com/mypreferences/d/close-your-account" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/tiktok/1a1714" alt=""> TikTok</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.tiktok.com/setting/privacy?settingPage=privacy" target="_blank" rel="noopener">Privacidad</a>
|
||||
<a href="https://support.tiktok.com/es/safety-hic/account-and-user-safety/account-deletion" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/snapchat/1a1714" alt=""> Snapchat</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://accounts.snapchat.com/accounts/downloadmydata" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://accounts.snapchat.com/accounts/delete_account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/pinterest/1a1714" alt=""> Pinterest</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.pinterest.es/settings/privacy/" target="_blank" rel="noopener">Privacidad</a>
|
||||
<a href="https://help.pinterest.com/es/article/deactivate-or-close-your-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/reddit/1a1714" alt=""> Reddit</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.reddit.com/settings/data-request" target="_blank" rel="noopener">Descarga datos</a>
|
||||
<a href="https://www.reddit.com/settings/account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/discord/1a1714" alt=""> Discord</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://discord.com/privacy" target="_blank" rel="noopener">Privacidad</a>
|
||||
<a href="https://support.discord.com/hc/es/articles/212500837" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-section-footer">
|
||||
<button class="btn ghost btn--section-send" type="button" data-section="redes-sociales">✓ Marcar sección completada</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Mensajería ── -->
|
||||
<div class="panel-section">
|
||||
<div class="panel-section-header">
|
||||
<span class="panel-section-badge">Mensajería</span>
|
||||
<button class="btn-mark-section" type="button" data-section="mensajeria">Marcar todas</button>
|
||||
</div>
|
||||
<div class="pitem-grid" id="psec-mensajeria">
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/whatsapp/1a1714" alt=""> WhatsApp</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://faq.whatsapp.com/1180414079177245" target="_blank" rel="noopener">Solicitar datos</a>
|
||||
<a href="https://faq.whatsapp.com/1306557496340600" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/telegram/1a1714" alt=""> Telegram</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://my.telegram.org/auth" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="https://telegram.org/privacy" target="_blank" rel="noopener">Política privacidad</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/gmail/1a1714" alt=""> Gmail (correo)</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://myaccount.google.com/deleteaccount" target="_blank" rel="noopener">Gestionar</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-section-footer">
|
||||
<button class="btn ghost btn--section-send" type="button" data-section="mensajeria">✓ Marcar sección completada</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Streaming ── -->
|
||||
<div class="panel-section">
|
||||
<div class="panel-section-header">
|
||||
<span class="panel-section-badge">Streaming</span>
|
||||
<button class="btn-mark-section" type="button" data-section="streaming">Marcar todas</button>
|
||||
</div>
|
||||
<div class="pitem-grid" id="psec-streaming">
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/spotify/1a1714" alt=""> Spotify</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.spotify.com/es/account/privacy/" target="_blank" rel="noopener">Privacidad</a>
|
||||
<a href="https://support.spotify.com/es/article/close-account/" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/netflix/1a1714" alt=""> Netflix</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://help.netflix.com/es/node/407" target="_blank" rel="noopener">Cancelar suscripción</a>
|
||||
<a href="https://help.netflix.com/es/node/100624" target="_blank" rel="noopener">Eliminar perfil</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/twitch/1a1714" alt=""> Twitch</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.twitch.tv/user/delete-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||
<a href="https://www.twitch.tv/p/es-es/legal/privacy-notice/" target="_blank" rel="noopener">Política privacidad</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/youtube/1a1714" alt=""> YouTube</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://myaccount.google.com/data-and-privacy" target="_blank" rel="noopener">Gestionar datos</a>
|
||||
<a href="https://support.google.com/youtube/answer/55759" target="_blank" rel="noopener">Cerrar canal</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-section-footer">
|
||||
<button class="btn ghost btn--section-send" type="button" data-section="streaming">✓ Marcar sección completada</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Buscadores ── -->
|
||||
<div class="panel-section">
|
||||
<div class="panel-section-header">
|
||||
<span class="panel-section-badge">Buscadores</span>
|
||||
<button class="btn-mark-section" type="button" data-section="buscadores">Marcar todas</button>
|
||||
</div>
|
||||
<div class="pitem-grid" id="psec-buscadores">
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/google/1a1714" alt=""> Google — Derecho al olvido (UE)</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://reportcontent.google.com/forms/rtbf" target="_blank" rel="noopener">Formulario RTBF</a>
|
||||
<a href="#generador">Carta GDPR</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/google/1a1714" alt=""> Google — Contenido obsoleto</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://search.google.com/search-console/remove-outdated-content" target="_blank" rel="noopener">Herramienta eliminación</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/google/1a1714" alt=""> Google — Info personal</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://support.google.com/websearch/troubleshooter/9685456" target="_blank" rel="noopener">Solicitar eliminación</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/microsoftbing/1a1714" alt=""> Bing — Eliminación de contenido</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.bing.com/webmasters/tools/content-removal" target="_blank" rel="noopener">Formulario Bing</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/microsoftbing/1a1714" alt=""> Bing — Derecho al olvido</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.microsoft.com/es-es/concern/bing" target="_blank" rel="noopener">Solicitud Bing</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-section-footer">
|
||||
<button class="btn ghost btn--section-send" type="button" data-section="buscadores">✓ Marcar sección completada</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Data brokers ── -->
|
||||
<div class="panel-section">
|
||||
<div class="panel-section-header">
|
||||
<span class="panel-section-badge">Data brokers</span>
|
||||
<button class="btn-mark-section" type="button" data-section="data-brokers">Marcar todas</button>
|
||||
</div>
|
||||
<div class="pitem-grid" id="psec-data-brokers">
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name">Acxiom — Opt-out</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://isapps.acxiom.com/optout/optout.aspx" target="_blank" rel="noopener">Opt-out oficial</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name">Epsilon — Opt-out</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://www.epsilon.com/us/privacy-policy" target="_blank" rel="noopener">Política y opt-out</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name"><img class="pitem-icon" src="https://cdn.simpleicons.org/haveibeenpwned/1a1714" alt=""> Have I Been Pwned</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://haveibeenpwned.com/" target="_blank" rel="noopener">Verificar email</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name">DeleteMe (referencia)</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://joindeleteme.com/sites-we-remove-from/" target="_blank" rel="noopener">Lista de brokers</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pitem-card">
|
||||
<label class="pitem-label"><input type="checkbox" class="progress-cb"><span class="pitem-name">AEPD — Reclamación</span></label>
|
||||
<div class="actions">
|
||||
<a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">Sede AEPD</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-section-footer">
|
||||
<button class="btn ghost btn--section-send" type="button" data-section="data-brokers">✓ Marcar sección completada</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container hero-inner">
|
||||
<div class="hero-text">
|
||||
|
|
@ -441,6 +748,38 @@
|
|||
<script>
|
||||
'use strict';
|
||||
|
||||
/* ── Panel checklist ────────────────────────── */
|
||||
(function () {
|
||||
const cbs = document.querySelectorAll('.progress-cb');
|
||||
const fill = document.getElementById('progress-fill');
|
||||
const label = document.getElementById('progress-text');
|
||||
if (!cbs.length) return;
|
||||
|
||||
function updateProgress() {
|
||||
const done = [...cbs].filter(c => c.checked).length;
|
||||
const pct = Math.round((done / cbs.length) * 100);
|
||||
fill.style.width = pct + '%';
|
||||
label.textContent = done + ' / ' + cbs.length + ' acciones completadas (' + pct + '%)';
|
||||
}
|
||||
cbs.forEach(cb => cb.addEventListener('change', updateProgress));
|
||||
updateProgress();
|
||||
|
||||
document.querySelectorAll('.btn-mark-section, .btn--section-send').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const grid = document.getElementById('psec-' + btn.dataset.section);
|
||||
if (!grid) return;
|
||||
const boxes = grid.querySelectorAll('.progress-cb');
|
||||
const allDone = [...boxes].every(cb => cb.checked);
|
||||
boxes.forEach(cb => { cb.checked = !allDone; });
|
||||
updateProgress();
|
||||
const secHeader = grid.closest('.panel-section').querySelector('.btn-mark-section');
|
||||
if (secHeader) secHeader.textContent = allDone ? 'Marcar todas' : 'Desmarcar todas';
|
||||
const secFooter = grid.closest('.panel-section').querySelector('.btn--section-send');
|
||||
if (secFooter) secFooter.textContent = allDone ? '✓ Marcar sección completada' : '↩ Desmarcar sección';
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
/* ============================================================
|
||||
DATOS DE PLATAFORMAS
|
||||
============================================================ */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue