72ca759d1f
- 03_GIT_ESTADO.txt: updated with 8 new commits from this session, full list of modified files including modules_view.js and style.css - 05_PROXIMOS_PASOS.txt: all session 2 items marked done, hamburger architecture section added for next session reference - cambio_hamburger_nav.txt: new file documenting the hamburger menu implementation (HTML structure, CSS mechanism, theming, accordion) - 00_INDICE.txt: added entry for cambio_hamburger_nav.txt Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
124 lines
5.7 KiB
Text
124 lines
5.7 KiB
Text
===============================================================
|
|
PROXIMOS PASOS Y TAREAS PENDIENTES (2026-05-01)
|
|
===============================================================
|
|
|
|
--------------------------------------------------------------
|
|
CRITICO — PENDIENTE
|
|
--------------------------------------------------------------
|
|
[ ] Resolver conectividad al servidor Gitea (code.03c8.net:3000)
|
|
-> Diagnostico: nc -zv code.03c8.net 3000 -w 5
|
|
-> Si el servidor es tuyo: ufw allow 3000/tcp
|
|
-> Verificar: systemctl status gitea
|
|
-> Una vez resuelto: git push -u origin test
|
|
|
|
--------------------------------------------------------------
|
|
IMPLEMENTADO EN ESTA SESION (2026-05-01 sesion 2)
|
|
--------------------------------------------------------------
|
|
[x] Menu hamburger movil — CSS puro, sin JS
|
|
main_views.js -> checkbox + label, sidebar-panel wrapper
|
|
-> Header fila 1: [logo][hamburger] — una sola fila limpia
|
|
-> Header fila 2: [Inbox][PM][Publicar][Buscar] — pills con scroll
|
|
-> Panel hamburger: slide-in izquierda con TODA la navegacion
|
|
(sidebar-left: Personal/Content/Governance/Office/Tools
|
|
sidebar-right: Network/Creative/Media — todos los grupos)
|
|
-> Grupos colapsados por defecto, tap para expandir
|
|
-> Backdrop oscuro al fondo cierra el panel
|
|
-> Mecanismo: #mobile-menu-toggle:checked ~ .main-content .sidebar-panel
|
|
|
|
[x] Botones del panel hamburger rediseñados
|
|
mobile.css -> .sidebar-panel .oasis-nav-header
|
|
-> border-radius: 12px, padding 11px 14px
|
|
-> Flecha rota al expandir (CSS accordion, sin JS)
|
|
-> Links del grupo con borde vertical izquierdo y padding amplio
|
|
-> OasisMobile.css -> fondo #252500 + texto #FFD700
|
|
|
|
[x] QR en cada pub de la tabla de invites
|
|
invites_view.js -> renderPubTable ahora async
|
|
-> Promise.all genera QR SVG por cada pubItem.key
|
|
-> details/summary colapsable (mismo patron que perfil y tribe)
|
|
-> Solo visible cuando hay pubs conectados (ahora 0)
|
|
|
|
[x] Audit movil completo — sin scroll horizontal
|
|
mobile.css -> videos/iframes max-width:100%
|
|
-> Tablas info (block-info-table, bank-info-table, etc.) overflow-x:auto
|
|
-> pre/code con white-space:pre-wrap
|
|
-> Atributos width="640" y style="width:640" sobreescritos
|
|
|
|
[x] sidebar-panel como contenedor para desktop
|
|
style.css -> .sidebar-panel { display: contents }
|
|
-> order: 1/2/3 para sidebar-left | main-column | sidebar-right
|
|
-> panel-quicklinks hidden en desktop
|
|
|
|
--------------------------------------------------------------
|
|
IMPLEMENTADO EN SESIONES ANTERIORES
|
|
--------------------------------------------------------------
|
|
[x] Botones activity/stats/trending aplanados (sin inline grid)
|
|
[x] QR "Compartir ID" en pagina de perfil/avatar (<details>/<summary>)
|
|
[x] Header movil compacto (logo 38px, links compactos)
|
|
[x] QR en invite de tribe (tribes_view.js)
|
|
[x] QR en invite de pub SSB (invites_view.js)
|
|
[x] QR del ID SSB en lista de inhabitants (inhabitants_view.js)
|
|
[x] inviteLog trazabilidad en tribes (tribes_model.js)
|
|
[x] SSB msg type:'pub-invite' al aceptar pub invite (main_models.js)
|
|
[x] Filtro 'invites' en blockchain explorer
|
|
[x] renderInviteExtra() con tabla detallada en blockchain_view.js
|
|
[x] viewport-fit=cover para notch Android/iOS (main_views.js)
|
|
[x] mobile.css completo (safe-area, touch targets, QR lightbox)
|
|
[x] OasisMobile.css limpio (solo theming)
|
|
|
|
--------------------------------------------------------------
|
|
COMO CORRER EL PROYECTO
|
|
--------------------------------------------------------------
|
|
cd /home/sito/COFRE/CODERS/oasis_mobile/nodejs-project/nodejs-project
|
|
node main.js
|
|
Abre: http://localhost:3000
|
|
|
|
En Chrome: F12 -> icono movil (Ctrl+Shift+M) -> Pixel 7 o similar
|
|
|
|
--------------------------------------------------------------
|
|
ARQUITECTURA DEL MENU HAMBURGER (para proxima sesion)
|
|
--------------------------------------------------------------
|
|
HTML (main_views.js):
|
|
body
|
|
input#mobile-menu-toggle.mobile-menu-checkbox <- checkbox oculto
|
|
div.header
|
|
div.top-bar-left (logo + label.mobile-menu-btn)
|
|
div.top-bar-right (tags + search — oculto en movil)
|
|
div.panel-quicklinks (inbox/PM/pub/search — visible en movil)
|
|
div.main-content
|
|
div.sidebar-panel <- DRAWER del hamburger
|
|
label.mobile-menu-close
|
|
div.sidebar-left (Personal/Content/Governance/Office/Tools)
|
|
div.sidebar-right (Network/Creative/Media)
|
|
main.main-column
|
|
label.mobile-menu-backdrop <- backdrop cierra el menu
|
|
|
|
CSS clave (mobile.css):
|
|
.sidebar-panel { display: none }
|
|
#mobile-menu-toggle:checked ~ .main-content .sidebar-panel {
|
|
display: block; position: fixed; top:0; left:0;
|
|
width: 82vw; max-width: 320px; height: 100vh; z-index: 200;
|
|
}
|
|
|
|
CSS desktop (style.css):
|
|
.sidebar-panel { display: contents } <- transparente, hijos = flex items
|
|
.sidebar-left { order: 1 }
|
|
.main-column { order: 2 }
|
|
.sidebar-right { order: 3 }
|
|
|
|
--------------------------------------------------------------
|
|
POSIBLES MEJORAS FUTURAS
|
|
--------------------------------------------------------------
|
|
[ ] Activar modulos economy (banking/market/jobs) para que aparezcan en el panel
|
|
[ ] QR para cada pub activo al conectarse a la red
|
|
[ ] Boton "Copiar codigo" junto al QR de invite (tribe/pub)
|
|
[ ] Obtener proyecto Kotlin fuente para compilar APK con cambios
|
|
[ ] Comprobar que inviteLog se persiste correctamente al reiniciar SSB
|
|
|
|
--------------------------------------------------------------
|
|
COMO RETOMAR EN NUEVA SESION
|
|
--------------------------------------------------------------
|
|
1. Leer CONTEXT/00_INDICE.txt para orientarse
|
|
2. git log --oneline para ver el estado
|
|
3. node main.js en nodejs-project/nodejs-project/
|
|
4. El codigo esta en: nodejs-project/nodejs-project/src/
|