Ggaita

Herramientas de usuario

Herramientas del sitio

Traza:
codes:registroone

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión		Revisión previa
codes:registroone [2026/02/19 14:20] – [Inicios] ggaitacodes:registroone [2026/02/19 14:28] (actual) – ggaita
Línea 14: Línea 14:
  
 ==server.gs== ==server.gs==
 +
 +<code>
  
 function doGet(e) { function doGet(e) {
   return HtmlService.createTemplateFromFile('index')   return HtmlService.createTemplateFromFile('index')
     .evaluate()     .evaluate()
-    .setTitle('Curso para Docentes: Primeros Respondedores en Reanimación Cardiopulmonar Básica 1-Er Convocatoria');+    .setTitle('Agrega aquí el titulo de tu app');
 } }
  
Línea 25: Línea 27:
 } }
  
 +</code>
 Este módulo: Este módulo:
  
Línea 35: Línea 38:
 ==index.html== ==index.html==
  
 +<code>
 <!DOCTYPE html> <!DOCTYPE html>
 <html lang="en"> <html lang="en">
Línea 40: Línea 44:
     <meta charset="UTF-8">     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Curso para Docentes: Primeros Respondedores en Reanimación Cardiopulmonar Básica</title>+    <title>EJEMPLO DE TITULO</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
     <?!= include('CSS'); ?>     <?!= include('CSS'); ?>
Línea 52: Línea 56:
           <form id="registroForm">           <form id="registroForm">
                 <div class="form-group">                 <div class="form-group">
-                    <h2>Curso para Docentes: Primeros Respondedores en Reanimación Cardiopulmonar Básica</h2>+                    <h2>Curso para Docentes: </h2>
                     <h2>PRE-INSCRIPCIÓN AL CURSO</h2>                     <h2>PRE-INSCRIPCIÓN AL CURSO</h2>
-                    <h2>Año 2026 - Primer Convocatoria</h2> +                    <h2>h2</h2> 
-                    <h3>Ministerio de Salud - Gobierno de La Pampa</h3> +                    <h3>h3</h3> 
-                    <img src="https://drive.google.com/thumbnail?sz=w1000&id=1GTs5vaBO8jTcNZf8g8wBhoYqTn72RhN8" alt="Logo"> +                    <img src="imagen que quieras" alt="Logo"> 
-                    <p><strong>Importante:</strong> "Este documento tiene carácter de declaración jurada".</p>+                    <p><strong>Importante:</strong> "Texto que quieras".</p>
                 </div>                 </div>
                 <div class="form-group">                 <div class="form-group">
Línea 84: Línea 88:
                 </div>                 </div>
                 <div class="form-group">                 <div class="form-group">
-                    <label for="condicion">Condición</label>+                    <label for="condicion">Condición</label>           //Un Select
                     <select id="condicion" name="condicion" required>                     <select id="condicion" name="condicion" required>
                         <option value="">Seleccione...</option>                         <option value="">Seleccione...</option>
Línea 95: Línea 99:
                     <div class="form-group">                     <div class="form-group">
                         <label for="institucion">Institución</label>                         <label for="institucion">Institución</label>
-                        <input type="text" id="institucion" name="institucion" placeholder="Ingrese la institución">+                        <input type="text" id="institucion" name="institucion" placeholder="institución">
                     </div>                     </div>
                     <div class="form-group">                     <div class="form-group">
Línea 125: Línea 129:
 </body> </body>
 </html> </html>
 +</code>
  
 Este archivo es la interfaz de usuario de tu Web App, que muestra un formulario dinámico con validación básica y campos condicionales, usando modularización de HTML, CSS y JS dentro de Apps Script. Este archivo es la interfaz de usuario de tu Web App, que muestra un formulario dinámico con validación básica y campos condicionales, usando modularización de HTML, CSS y JS dentro de Apps Script.
Línea 130: Línea 135:
 ==CSS.html== ==CSS.html==
  
 +<code>
 <style> <style>
  
Línea 261: Línea 267:
  
 </style> </style>
 +</code>
  
 Este modulo o archivo hace el estilo de la web app Este modulo o archivo hace el estilo de la web app
Línea 266: Línea 273:
 ==JS.html== ==JS.html==
  
 +<code>
 <script> <script>
 document.getElementById("registroForm").addEventListener("submit", function(event) { document.getElementById("registroForm").addEventListener("submit", function(event) {
Línea 432: Línea 439:
 }); });
 </script> </script>
 +</code>
  
 Este modulo:  Este modulo: 
Línea 446: Línea 454:
 ==validator.gs== ==validator.gs==
  
 +<code>
 function registrarConductor(nombre, apellido, telefono, dni, email, localidad, condicion, institucion, nivelEducativo) { function registrarConductor(nombre, apellido, telefono, dni, email, localidad, condicion, institucion, nivelEducativo) {
-  var ss = SpreadsheetApp.openById('1lKhiqQIAG-kaCbbUvDzbnU_RNCCQJfEQozIpbpLTUSk'); // ID de la hoja +  var ss = SpreadsheetApp.openById('Acá pones el ID de tu Sheet'); // ID de la hoja 
-  var sheet = ss.getSheetByName('registro');+  var sheet = ss.getSheetByName('registro'); //Acá el nombre de tu hoja, o tabla
      
   var registros = sheet.getDataRange().getValues();   var registros = sheet.getDataRange().getValues();
  
-  var MAX_CUPOS = 400;+  var MAX_CUPOS = 400;  // Puse un cupo, para tener un freno.
  
   if ((registros.length - 1) >= MAX_CUPOS) {   if ((registros.length - 1) >= MAX_CUPOS) {
Línea 491: Línea 500:
   return "registrado"; // Confirmación de registro exitoso   return "registrado"; // Confirmación de registro exitoso
 } }
 +</code>
  
 Esta función es el controlador de negocio que valida cupos, previene duplicados y guarda la inscripción en Google Sheets, devolviendo estados específicos al frontend. Esta función es el controlador de negocio que valida cupos, previene duplicados y guarda la inscripción en Google Sheets, devolviendo estados específicos al frontend.
codes/registroone.1771510832.txt.gz · Última modificación: por ggaita