From 0e35531ec713ee925a2ec6343476ba0964d009cf Mon Sep 17 00:00:00 2001 From: esteban Date: Fri, 24 Jul 2026 03:08:42 -0500 Subject: [PATCH] feat: conectar frontend a Google Sheets y ajustar responsive MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Agregar API route /api/formulario/send con mapeo de 46 columnas - Agregar appendRegistrationToSheet() para escribir en tab VOLUNTARIOS - Reemplazar simulación de envío por fetch real al endpoint - Corregir validación de checkboxes, email y niveles - Ajustar stepper para pantallas de laptop (gap, círculos, labels) - Corregir header en iPad: ocultar hamburguesa y mostrar idioma desde md --- .gitignore | 3 +- public/forms/formulario-inscripcion.json | 153 ++++- public/reglamento/es.html | 187 ++++++ src/components/BoxContainer.astro | 11 +- src/components/Header.astro | 8 +- src/components/forms/DynamicForm.vue | 667 ++++++++++++++-------- src/i18n/es.json | 73 ++- src/i18n/index.ts | 11 + src/pages/[locale]/[section]/index.astro | 147 +++-- src/pages/[locale]/formulario/index.astro | 27 - src/pages/api/formulario/send.ts | 88 +++ src/pages/api/lib/googleSheets.ts | 23 +- 12 files changed, 1064 insertions(+), 334 deletions(-) create mode 100644 public/reglamento/es.html delete mode 100644 src/pages/[locale]/formulario/index.astro create mode 100644 src/pages/api/formulario/send.ts diff --git a/.gitignore b/.gitignore index 6629b0d..b6515b7 100644 --- a/.gitignore +++ b/.gitignore @@ -27,4 +27,5 @@ prisma/*.db prisma/dev.db # opencode - agentes y scripts locales (no subir a producción) -opencode/ \ No newline at end of file +opencode/ +.opencode/ diff --git a/public/forms/formulario-inscripcion.json b/public/forms/formulario-inscripcion.json index dd3f451..428c71f 100644 --- a/public/forms/formulario-inscripcion.json +++ b/public/forms/formulario-inscripcion.json @@ -3,14 +3,35 @@ "submit_label": "form.submit", "steps": [ { - "label": "form.step1", + "label": "form.step1_reglamento", + "fields": [ + { + "key": "aceptacion_reglamento", + "label": "form.aceptacion_reglamento", + "type": "checkbox", + "required": true, + "options": [ + { "value": "leido_acepto", "label": "form.aceptacion.leido", "required": true }, + { "value": "codigo_etica", "label": "form.aceptacion.codigo_etica", "required": true }, + { "value": "datos_personales", "label": "form.aceptacion.datos", "required": true }, + { "value": "participacion_voluntaria", "label": "form.aceptacion.voluntaria", "required": true }, + { "value": "informacion_verdadera", "label": "form.aceptacion.verdadera", "required": true }, + { "value": "firma_electronica_validez", "label": "form.aceptacion.firma_validez", "required": true } + ] + } + ] + }, + { + "label": "form.step2", "column": 2, "fields": [ { "key": "nombre", "label": "form.nombre", "type": "text", "required": true }, { "key": "apellido", "label": "form.apellido", "type": "text", "required": true }, + { "key": "documentos", "label": "form.documentos", "type": "text", "required": true, "colspan": 2 }, + { "key": "correo", "label": "form.correo", "type": "email", "required": true, "colspan": 2 }, + { "key": "reglamento_firma", "label": "form.reglamento_firma", "type": "text", "required": true, "colspan": 2, "placeholder": "form.reglamento_firma_placeholder" }, { "key": "fecha_nacimiento", "label": "form.fecha_nacimiento", "type": "date", "required": true }, { "key": "nacionalidad", "label": "form.nacionalidad", "type": "text", "required": true }, - { "key": "documentos", "label": "form.documentos", "type": "text", "required": true, "colspan": 2 }, { "key": "sexo", "label": "form.sexo", @@ -29,12 +50,11 @@ { "key": "pais", "label": "form.pais", "type": "text", "required": true }, { "key": "postal", "label": "form.codigo_postal", "type": "text", "required": true }, { "key": "telefono", "label": "form.mobile", "type": "text", "required": true }, - { "key": "whatsapp", "label": "form.whatsapp", "type": "text", "required": true }, - { "key": "email", "label": "form.correo", "type": "email", "required": true, "colspan": 2 } + { "key": "whatsapp", "label": "form.whatsapp", "type": "text", "required": true } ] }, { - "label": "form.step2", + "label": "form.step3", "column": 2, "fields": [ { "key": "profesion", "label": "form.profesion", "type": "text", "required": true }, @@ -72,7 +92,7 @@ ] }, { - "label": "form.step3", + "label": "form.step4", "fields": [ { "key": "areas_colaborar", @@ -101,6 +121,127 @@ }, { "key": "areas_otra", "label": "form.areas_otra", "type": "text", "required": false, "showWhen": { "field": "areas_colaborar", "value": "Otra" } } ] + }, + { + "label": "form.step5", + "fields": [ + { + "key": "dias_disponibles", + "label": "form.dias_disponibles", + "type": "checkbox", + "required": true, + "options": [ + { "value": "Lunes", "label": "form.dias.lunes" }, + { "value": "Martes", "label": "form.dias.martes" }, + { "value": "Miercoles", "label": "form.dias.miercoles" }, + { "value": "Jueves", "label": "form.dias.jueves" }, + { "value": "Viernes", "label": "form.dias.viernes" }, + { "value": "Sabado", "label": "form.dias.sabado" }, + { "value": "Domingo", "label": "form.dias.domingo" } + ] + }, + { + "key": "horario_preferido", + "label": "form.horario_preferido", + "type": "checkbox", + "required": true, + "options": [ + { "value": "Manana", "label": "form.horario.manana" }, + { "value": "Tarde", "label": "form.horario.tarde" }, + { "value": "Noche", "label": "form.horario.noche" }, + { "value": "Segun necesidades", "label": "form.horario.segun" } + ] + }, + { + "key": "fuera_ciudad", + "label": "form.fuera_ciudad", + "type": "radio", + "required": true, + "options": [ + { "value": "si", "label": "form.si" }, + { "value": "no", "label": "form.no" } + ] + }, + { + "key": "misiones_internacionales", + "label": "form.misiones_internacionales", + "type": "radio", + "required": true, + "options": [ + { "value": "si", "label": "form.si" }, + { "value": "no", "label": "form.no" } + ] + } + ] + }, + { + "label": "form.step6", + "fields": [ + { + "key": "condicion_medica", + "label": "form.condicion_medica", + "type": "radio", + "required": true, + "options": [ + { "value": "si", "label": "form.si" }, + { "value": "no", "label": "form.no" } + ] + }, + { + "key": "condicion_medica_cual", + "label": "form.condicion_medica_cual", + "type": "textarea", + "required": true, + "showWhen": { "field": "condicion_medica", "value": "si" } + }, + { + "key": "alergias", + "label": "form.alergias", + "type": "textarea", + "required": false + }, + { + "key": "medicamentos", + "label": "form.medicamentos", + "type": "textarea", + "required": false + } + ] + }, + { + "label": "form.step7", + "fields": [ + { "key": "emergencia_nombre", "label": "form.emergencia_nombre", "type": "text", "required": true }, + { "key": "emergencia_parentesco", "label": "form.emergencia_parentesco", "type": "text", "required": true }, + { "key": "emergencia_telefono", "label": "form.emergencia_telefono", "type": "phone", "required": true }, + { "key": "emergencia_correo", "label": "form.emergencia_correo", "type": "email", "required": false } + ] + }, + { + "label": "form.step8", + "column": 2, + "fields": [ + { "key": "confirmar_nombre", "label": "form.confirmar_nombre", "type": "text", "readonly": true, "valueFrom": "nombre" }, + { "key": "confirmar_firma", "label": "form.confirmar_firma", "type": "text", "readonly": true, "valueFrom": "reglamento_firma" }, + { + "key": "declaracion_voluntario", + "label": "form.declaracion_voluntario", + "type": "checkbox", + "required": true, + "colspan": 2, + "options": [ + { "value": "informacion_verdadera", "label": "form.declaracion.verdadera", "required": true }, + { "value": "acepto_reglamento", "label": "form.declaracion.acepto_reglamento", "required": true }, + { "value": "compromiso_etica", "label": "form.declaracion.compromiso_etica", "required": true }, + { "value": "autorizo_datos", "label": "form.declaracion.autorizo_datos", "required": true }, + { "value": "confidencialidad", "label": "form.declaracion.confidencialidad", "required": true }, + { "value": "participacion_voluntaria", "label": "form.declaracion.voluntaria", "required": true } + ] + }, + { "key": "confirmacion", "label": "form.confirmacion", "type": "checkbox", "colspan": 2, "required": true, "options": [ + { "value": "confirmado", "label": "form.confirmacion_label", "required": true } + ] } + ] } ] } diff --git a/public/reglamento/es.html b/public/reglamento/es.html new file mode 100644 index 0000000..2de1ef5 --- /dev/null +++ b/public/reglamento/es.html @@ -0,0 +1,187 @@ +

Reglamento General del Programa de Voluntariado

+

Términos, Condiciones y Código de Ética para Voluntarios

+ +
+

Introducción

+

El Centro del Reino de Paz y Justicia tiene como misión promover la paz, la justicia, el liderazgo, la educación, la ayuda humanitaria, la responsabilidad social y la cooperación entre comunidades y naciones.

+

El presente Reglamento establece el marco jurídico, ético e institucional que regula la participación de los voluntarios, definiendo sus derechos, obligaciones y principios de actuación, con el fin de garantizar que todas las actividades de voluntariado se desarrollen conforme a los valores del Centro y a la legislación aplicable.

+
+ +
+

1. Objeto del Voluntariado

+

El voluntario participa libre y voluntariamente en las actividades del Centro con el propósito de contribuir al cumplimiento de su misión institucional en las áreas de educación, desarrollo comunitario, asistencia humanitaria, liderazgo, diplomacia pública, promoción de la paz, la justicia y el servicio a la sociedad.

+

Toda actividad deberá desarrollarse con espíritu de servicio, responsabilidad, integridad, respeto, cooperación y compromiso con el bienestar común.

+
+ +
+

2. Naturaleza del Voluntariado

+

La participación del voluntario tiene carácter exclusivamente voluntario y no constituye, bajo ninguna circunstancia, una relación laboral, contractual, societaria, de representación, mandato o subordinación con el Centro.

+

La participación en las actividades no genera derecho a salario, prestaciones laborales, seguridad social, indemnizaciones ni cualquier otra remuneración económica, salvo autorización expresa y por escrito del Centro respecto del reembolso de gastos.

+
+ +
+

3. Requisitos para ser Voluntario

+

El voluntario declara que:

+ +
+ +
+

4. Seguro

+

Salvo comunicación expresa y por escrito del Centro, cada voluntario será responsable de contar con la cobertura médica, de accidentes y demás seguros que considere necesarios para su participación.

+

La contratación de cualquier seguro por parte del Centro no sustituye la responsabilidad personal del voluntario.

+
+ +
+

5. Responsabilidad Médica

+

El voluntario manifiesta que su estado de salud le permite participar en las actividades y se compromete a informar oportunamente cualquier condición médica que pueda afectar su seguridad o la de terceros.

+
+ +
+

6. Cumplimiento de Normas

+

El voluntario se compromete a cumplir las instrucciones impartidas por los responsables del Centro, respetar las normas de seguridad y actuar siempre con responsabilidad, profesionalismo y respeto hacia todas las personas.

+
+ +
+

7. Confidencialidad

+

Toda la información a la que el voluntario tenga acceso durante su participación será considerada confidencial.

+

El voluntario se obliga a no divulgar información institucional, financiera, estratégica, personal o cualquier otra información reservada, aun después de finalizar su colaboración con el Centro.

+
+ +
+

8. Protección de Datos Personales

+

El voluntario autoriza al Centro a recopilar, almacenar y tratar sus datos personales exclusivamente para fines relacionados con:

+ +
+ +
+

9. Uso de Imagen

+

El voluntario autoriza al Centro a utilizar fotografías, grabaciones de audio, videos e imágenes obtenidas durante las actividades para fines institucionales, educativos, informativos, promocionales y de recaudación de fondos, salvo manifestación expresa y escrita en contrario.

+
+ +
+

10. Propiedad Intelectual

+

Todo documento, fotografía, video, material audiovisual, presentación, publicación, contenido o trabajo desarrollado por el voluntario dentro de las actividades institucionales será propiedad exclusiva del Centro, salvo acuerdo escrito en contrario.

+
+ +
+

11. Uso y Cuidado de Bienes

+

El voluntario deberá utilizar responsablemente los bienes, equipos y materiales del Centro, comprometiéndose a conservarlos y devolverlos cuando le sean requeridos o al finalizar su participación.

+
+ +
+

12. Terminación del Voluntariado

+

El Centro podrá suspender o finalizar la participación de cualquier voluntario cuando exista incumplimiento del presente Reglamento, conducta incompatible con los valores institucionales, riesgos para la organización o cualquier otra causa justificada.

+

El voluntario podrá retirarse libremente notificándolo con una anticipación razonable.

+
+ +
+

13. Limitación de Responsabilidad

+

El voluntario reconoce que participa libremente en las actividades del Centro y acepta los riesgos normales inherentes a las mismas.

+

En la medida permitida por la legislación aplicable, el Centro, sus directivos, empleados, representantes, colaboradores y demás voluntarios no serán responsables por daños derivados de la participación del voluntario, salvo en casos de dolo o negligencia grave.

+
+ +
+

14. Declaración de Asunción de Riesgos

+

El voluntario declara conocer que determinadas actividades pueden implicar riesgos derivados de desplazamientos, trabajo comunitario, asistencia humanitaria, eventos públicos, visitas institucionales u otras actividades propias del programa.

+

El voluntario acepta participar bajo su propia responsabilidad y asume voluntariamente dichos riesgos, salvo cuando exista dolo o negligencia grave imputable al Centro.

+
+ +
+

15. Conducta Institucional

+

El voluntario se compromete a mantener una conducta acorde con los principios y valores del Centro.

+

Queda prohibido:

+ +
+ +
+

16. Protección de Menores y Personas Vulnerables

+

Cuando las actividades involucren menores de edad o personas en situación de vulnerabilidad, el voluntario deberá cumplir estrictamente los protocolos de protección establecidos por el Centro y la legislación aplicable.

+
+ +
+

17. Conflicto de Intereses

+

El voluntario deberá informar cualquier situación personal, profesional, económica o familiar que pudiera generar un conflicto de interés con las actividades del Centro.

+
+ +
+

18. Cumplimiento Normativo

+

El voluntario se compromete a cumplir toda la legislación aplicable relacionada con derechos humanos, protección de datos personales, anticorrupción, prevención del lavado de dinero, igualdad, no discriminación y demás normas aplicables.

+
+ +
+

19. Uso del Nombre e Imagen Institucional

+

El nombre, logotipo, marcas, imagen corporativa y demás signos distintivos del Centro únicamente podrán utilizarse con autorización previa y escrita.

+
+ +
+

20. Redes Sociales y Comunicaciones

+

El voluntario no podrá emitir declaraciones públicas, entrevistas, comunicados o publicaciones en representación del Centro sin autorización previa.

+

Asimismo, se compromete a utilizar responsablemente las redes sociales evitando publicaciones que puedan afectar la imagen institucional.

+
+ +
+

21. Donaciones

+

La condición de voluntario no otorga derecho alguno sobre los bienes, recursos, proyectos o donaciones administrados por el Centro.

+

Toda campaña de recaudación de fondos deberá contar con autorización previa y escrita.

+
+ +
+

22. Fuerza Mayor

+

El Centro podrá suspender, modificar o cancelar cualquier actividad debido a causas de fuerza mayor, razones de seguridad, conflictos armados, emergencias sanitarias, desastres naturales o cualquier otra circunstancia fuera de su control, sin que ello genere responsabilidad alguna.

+
+ +
+

23. Legislación Aplicable y Jurisdicción

+

El presente Reglamento se regirá por la legislación vigente del país donde se desarrollen las actividades del voluntariado.

+

Toda controversia será sometida a la jurisdicción de los tribunales competentes de dicho país.

+
+ +
+

Código de Ética del Voluntario

+

Todo voluntario se compromete a:

+ +
+ +
+

Política de Privacidad y Tratamiento de Datos Personales

+

El Centro reconoce la importancia de proteger la privacidad de sus voluntarios y se compromete a tratar toda información personal conforme a la legislación aplicable.

+

Los datos personales serán utilizados exclusivamente para:

+ +

El Centro adoptará medidas técnicas, administrativas y organizativas razonables para proteger la información personal contra pérdida, acceso no autorizado, alteración, divulgación o uso indebido.

+

Los voluntarios podrán ejercer los derechos que les otorgue la legislación aplicable respecto del acceso, rectificación, actualización o eliminación de sus datos personales.

+
diff --git a/src/components/BoxContainer.astro b/src/components/BoxContainer.astro index f31b747..e7433f9 100644 --- a/src/components/BoxContainer.astro +++ b/src/components/BoxContainer.astro @@ -2,9 +2,10 @@ const { props } = Astro.props; import { Icon } from "astro-icon/components"; import Button from "./ui/Button.astro"; -import RegisterModal from "../components/RegisterModal.vue"; +import { getLocalizedRoute } from '@/i18n'; const background = props.bgImage || props.bgColor; +const formUrl = `/${Astro.currentLocale}/${getLocalizedRoute("formulario", Astro.currentLocale)}`; ---
@@ -18,8 +19,8 @@ const background = props.bgImage || props.bgColor;

{props.title}

{props.copy}

- - + + {props.hasButton && (
)} - \ No newline at end of file + diff --git a/src/components/Header.astro b/src/components/Header.astro index 13ae3d9..31199ca 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -89,9 +89,9 @@ function translatePath(newLocale: string) {