54 lines
2.4 KiB
Text
54 lines
2.4 KiB
Text
===============================================================
|
|
QR CODES — RESUMEN DE IMPLEMENTACION
|
|
Ver cambio_qr.txt para la documentacion tecnica detallada
|
|
===============================================================
|
|
|
|
COMMITS: 54ad8a1, b48944e
|
|
DOCUMENTACION COMPLETA: CONTEXT/cambio_qr.txt
|
|
|
|
--------------------------------------------------------------
|
|
DONDE ESTAN LOS QR EN LA APP
|
|
--------------------------------------------------------------
|
|
|
|
1. /tribes/generate-invite (POST) -> resultado en renderInvitePage
|
|
-> QR del invite code del tribe (hex string 64 chars)
|
|
-> Archivo: src/views/tribes_view.js, funcion renderInvitePage (linea 101)
|
|
|
|
2. /invites (GET) -> caja snh-invite-box
|
|
-> QR del invite code del pub publico de la instancia
|
|
-> Archivo: src/views/invites_view.js, funcion invitesView (linea 34)
|
|
|
|
3. /inhabitants (GET) -> tarjeta de cada usuario
|
|
-> QR del SSB ID, solo visible para el propio usuario (isMe)
|
|
-> Archivo: src/views/inhabitants_view.js, funcion renderInhabitantCard (linea 83)
|
|
|
|
4. /author/:id (GET) -> perfil de cualquier usuario
|
|
-> QR del SSB ID, visible para todos los perfiles
|
|
-> Archivo: src/views/inhabitants_view.js, funcion inhabitantsProfileView (linea 233)
|
|
|
|
5. /wallet/receive (GET) -> ya existia antes de esta sesion
|
|
-> QR de la direccion ECOin
|
|
-> Archivo: src/views/wallet_view.js (no modificado en esta sesion)
|
|
|
|
--------------------------------------------------------------
|
|
LIBRERIA
|
|
--------------------------------------------------------------
|
|
qrcode ^1.5.4 (ya estaba en package.json)
|
|
require: const QRCode = require('../server/node_modules/qrcode');
|
|
uso: await QRCode.toString(string, { type: 'svg' })
|
|
render: div({ class: 'qr-code', innerHTML: svgString })
|
|
|
|
--------------------------------------------------------------
|
|
CSS CLAVE
|
|
--------------------------------------------------------------
|
|
style.css: .qr-code svg, .qr-code-inline svg, .qr-code-profile svg
|
|
mobile.css: idem + .qr-lightbox-overlay (lightbox sin JS)
|
|
OasisMobile.css: .qr-code svg rect/path (colores tema oscuro)
|
|
|
|
--------------------------------------------------------------
|
|
LO QUE NO SE IMPLEMENTO (pendiente)
|
|
--------------------------------------------------------------
|
|
- Boton "Copiar codigo" junto al QR
|
|
- Lectura de QR por camara (requiere Kotlin nativo)
|
|
- QR en vista individual de cada tribe para compartir URL
|
|
- QR para cada pub activo en la tabla de pubs
|