Google Apps Script 25 - Web App: Cards & Modals Pt. 1

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 71

  • @rareracing
    @rareracing 3 роки тому +5

    Oye lo que haces es increíble, si podrías agregar a esa misma aplicación un buscador estaría aún mejor 🤩

    • @mozart_34
      @mozart_34  3 роки тому +5

      Muchas gracias, esperemos hacer una tercera parte para agregar un search box

    • @thoranimator9745
      @thoranimator9745 2 роки тому +3

      @@mozart_34 Me encantaría ver esa tercera parte! No consigo buscar el modo de filtrar las cards en base a los datos de búsqueda... Muchas gracias por tu trabajo!

  • @RosiTerrab
    @RosiTerrab Рік тому +1

    Super útil , ahora veré la parte 2 mil graciass

    • @mozart_34
      @mozart_34  Рік тому +1

      Que bueno que te haya sido útil, tal vez haga un proyecto con cards modals y contenido dinámico

    • @RosiTerrab
      @RosiTerrab Рік тому

      @@mozart_34 Seria genial, en cada video se aprende un montón gracias

  • @ContosDaRoça
    @ContosDaRoça Рік тому

    Mozart aqui é do Brasil. Obrigado irmão!!! MexicoXBrasil tamo junto.

  • @elricho72
    @elricho72 2 роки тому +1

    Brillante Hermano, gracias x compartir.

    • @mozart_34
      @mozart_34  2 роки тому +1

      Muchas gracias :)
      Saludos

  • @TECLEMAIS
    @TECLEMAIS 2 роки тому +1

    Show, era oque eu estava procurando. Parabéns

    • @mozart_34
      @mozart_34  2 роки тому +1

      Ainda bem que funcionou para você.
      Felicidades

  • @camatheushung
    @camatheushung 3 роки тому

    Muy buen tutorial. Esperando la segunda parte. Gracias por compartir.

    • @mozart_34
      @mozart_34  3 роки тому +1

      Muchas gracias! espero el martes ya tenerlo!

    • @xfrancog
      @xfrancog 3 роки тому

      @@mozart_34 Hola me podrías indicar como podría hacer para que solo muestre 3 filas y lo repita con los siguientes 3 filas en otro día y así hasta finalizar como un separador mas o menos presentar la fila 2,3 y 4 y después en un next presentar la fila 5,6 y 7

  • @fandeit5928
    @fandeit5928 Рік тому +1

    En Google Workspace cuando generas un usuario tenes el campo correo electronico del administrador que ingresando el email desde vista detallada te genere una relacion pero no lo expande a todo la estructura solo te muestra las personas a cargo y el superior inmediato, no encontre la forma de reutilizar la info por eso me parece super interesante lo que generaste. Gracias se que demanda mucho tiempo lo que compartis

    • @mozart_34
      @mozart_34  Рік тому

      Uff sí, tal vez para eso si tendrías que tener un spreadsheet con las relaciones al comar el valor de una celda tal vez puedas separar la unidad organizacional con un .split() y de ahí sacar toda la estructura, pero la verdad si se requiere darle una buena pensada.

  • @alicestirling835
    @alicestirling835 2 роки тому

    Hola. Increíbles videos, son súper útiles. Además explicas muy claro y nada aburrido. Me queda una duda ¿Por qué me queda la primera card con la información del encabezado?
    Entiendo que la función shift elimina los encabezados del arreglo pero cuál fue la relación en el código HTML, ¿"row" es aparte de todo eso? ¿cómo puedo resolverlo?

  • @francidorado5115
    @francidorado5115 2 роки тому +2

    Increíble video, te has ganado un suscriptor, tengo una pregunta. He intentado más de una vez implementar web apps en Google sites pero cuando las inserto a través de la URL que me proporciona app scripts aparece un fondo blanco que desentona con el fondo de la propia página y cuando visualizo en móvil aparece una barra muy incómoda que impide visualizar toda la app correctamente y me temo que cuando me ponga a trabajar con este código me pase lo mismo
    Crees que hay alguna solución para esto? Eliminar tanto ese fondo blanco dejando solo el contenido de la app y ese problema en móviles, muchas gracias!!!

    • @mozart_34
      @mozart_34  2 роки тому +1

      Gracias, al incrustar tu web app en un site tienes ventajas y desventajas. para lograr lo que dices necesitas utilizar CSS, por ejemplo, para cambiar el color de fondo, aunque no se ajustará al 100%, si la quitas de un site quedará con el banner donde dice que no es una aplicación desarrollada por google.

    • @francidorado5115
      @francidorado5115 2 роки тому

      @@mozart_34 muchas gracias! He solucionado el tema del fondo aunque sigue apareciendo esa barra desplazador a pero gracias!!!

  • @Leover378
    @Leover378 3 роки тому +1

    Hey buen canal. Nuevo suscriptor. UNA PREGUNTA: Al crear estas web app, las podemos crear usuarios con sus respectivas contraseñas? Digamos que de tal manera podamos comercializar la web app, para cada usuario.

    • @mozart_34
      @mozart_34  3 роки тому

      Hola gracias por el comment! 💪🏻
      El próposito de las web apps de Apps Script es resolver problemas muy concretos y están enfocadas para que un número reducido de usuarios, tal vez 30, accedan de manera simultánea. Por ejemplo hay web apps para consultar algún dato de una hoja de cálculo, sin que des acceso a todo el spreadsheet. Para automatizar un flujo de trabajo o para crear formularios simples, (Depende de tu creatividad) también son muy útiles para testear ideas y si está funcionando recurrir a servicios más avanzados de google cloud.
      Saludos.

    • @Leover378
      @Leover378 3 роки тому

      @@mozart_34 Conoces que servicio de google cloud, podria utilizar para que 500 o 1000 usuarios ingresen sin problema?

  • @centralmultilaptop2459
    @centralmultilaptop2459 10 місяців тому +2

    gracias por el video tutorial pero tengo una duda si tengo las imagenes no en drive sino url directa en "JPG" como podria hacer? Gracias por tus videos

    • @mozart_34
      @mozart_34  9 місяців тому

      Hola, gracias, puedes utilizar la etiqueta img y en el atributo src pones la url de tu imagen

  • @MrPantaleon21
    @MrPantaleon21 3 роки тому

    Excelente maestro esperando parte 2

    • @mozart_34
      @mozart_34  3 роки тому

      Muchas gracias! espero la próxima semana! Saludos!

  • @asambleacristiana6552
    @asambleacristiana6552 3 роки тому +1

    hola! como siempre muy muy buenos tus videos, ayudan bastante! GRACIAS, te dejo 2 preguntas: 1)es posible insertar dentro de un card un carrusel de imagenes? (para el ej del video seria como poner dentro del card varias fotos del mismo jugador) y pregunta 2) es posible publicar un webapps script de google en un sitio con wordpress sin hacer hacer un ?

  • @AgendaBioBioCL
    @AgendaBioBioCL 3 роки тому

    Muy buen canal. Gran descubrimiento para mí.
    Saludos!

    • @mozart_34
      @mozart_34  3 роки тому +1

      Muchas gracias! saludos! ✌️

  • @juanfields
    @juanfields 3 роки тому +1

    termine de ver todos tus videos, habra manera de llamar un excel que esta en drive en vez de una hoja de calculo google? tengo un archivo que no soy propietario pero tengo permiso como lector y quiero reflejarlo en una web app como una tabla y a la vez poder agregarle un buscador, tienes un video q hace eso con hoja de calculo, pero aqui no me seria posible xq dependo del excel y las modificaciones q se hacen en el… muchas gracias por tus videos, me han ayudado muchisimo.

    • @mozart_34
      @mozart_34  3 роки тому

      muchas gracias! excelente duda, estuve buscando pero me marca error el script al intentar acceder al excel, no sé cuál es el uso que le das, pero si definitavmente no puedes convencer a tu equipo de migar al una hoja de google, tal vez pudieras convertir con script el excel a una hoja de cálculo y mostrar la info cada que ocupes y después de mostrar la info, eliminar el sheet.

  • @fandeit5928
    @fandeit5928 Рік тому +1

    Hola Mozart exelente como podria utilizar el script para generar una estructura organizacional seria increible..Gracias

    • @mozart_34
      @mozart_34  Рік тому

      Gracias, está interesante, ya que necesitaríamos tener varias relaciones en el google sheet y aplicar más css para mejorar la estructura.🤔

  • @stevenvargasriano1820
    @stevenvargasriano1820 3 роки тому

    De los mejores contenidos que he visto; definitivamente ya casi termino de ver todos los videos
    tengo una consulta
    ¿Si quiero crear un formulario de tipo
    1. ingreso usuario creado (unico) con contraseña y nombre de usuario (como el el video 24)
    2. al ingresar ya tengo mis opciones de formulario (tipo preguntas con desplegables y demas) (es una chequeo de condiciones de maquinaria (cumple, no cumple, pendiente)
    3. finalizo enviándole un correo al mismo usuario que creo el registro en la webapp
    como genero esas conexiones entre la 1 y 2 y como creo ese envió a correo de usuario
    Quedo atento y enserio que buen contenido

    • @mozart_34
      @mozart_34  3 роки тому +1

      Muchas gracias, es un flujo de trabajo. Se me ocurre algo como:
      Crear el login (video 24) y si es exitoso despliegas un form y con un textbox o label con el valor del usuario recién loggeado (solo lectura) y después creas un trigger para enviar el correo al usuario de la última respuesta.
      Tal vez estaría bien un tutorial de un flujo de trabajo!. Saludos! : )

    • @stevenvargasriano1820
      @stevenvargasriano1820 3 роки тому

      @@mozart_34 super, lo hare y voy comentado. Muchas gracias por el contenido

  • @gandikha
    @gandikha 2 роки тому

    eres mi puto HEROEEEEEE me salvaste la vida 🤟🏻

  • @gober4662
    @gober4662 3 роки тому

    Exageradamente bueno....eres un number 1. Por cierto, podrías hacer un tutorial de app en la cual a través de un login de usuario, pueda abrir un pdf y en la Google Sheet quede reflejado tanto del lado del cliente como del lado del servidor, que ha leído ese pdf que ha abierto? De verdad seria ya tremendamente de 10.

    • @mozart_34
      @mozart_34  3 роки тому

      Muchas gracias! ✌️ estaría bueno hacerlo :)

  •  2 дні тому

    Hola Mozart saludos y felicidades por tu canal, una pregunta voy apenas he descargado tu plantilla y ejecuto web app y no demuestran las imágenes, solo se muestra un icono en el centro de las Card no reconoce las imágenes, a que se debe esto, saludos y bendiciones siempre...

    • @mozart_34
      @mozart_34  2 дні тому +1

      Hola, debido a una actualización el url cambió, tengo un vídeo aquí mismo en el canal de como reparar estos enlaces rotos.

    •  День тому

      @@mozart_34 Deja lo busco en tu canal Mozart, bendiciones siempre y muchos exitos.

    •  День тому

      ​@@mozart_34 Hola Mozart nuevamente, fíjate que ya vi tu video y todo bien, es solo que quiero usarlo en el mío con este formato de imagen drive.google.com/open?id=1KfJy9iMskGDojmoXajGeJtFk8-yi4VLq y sigue sin funcionar, con tus imágenes ya me funciona pero con las mias no, puedes ayudarme a buscar la solución por favor. Saludos amigo.

    •  День тому

      ​@@mozart_34 Hola Mozart saludos de nuevo, ya encontré tu video y si puedo ver tus imágenes, pero ahora el caso es que el formato de mis imágenes es el siguiente: drive.google.com/open?id=1KfJy9iMskGDojmoXajGeJtFk8-yi4VLu pero no la puedo ver en este formato, puedes ayudarme por favor? bendiciones siempre...

    •  День тому

      @@mozart_34 ​ @mozart_34 Hola Mozart saludos de nuevo, ya encontré tu video y si puedo ver tus imágenes, pero ahora el caso es que el formato de mis imágenes es el siguiente: drive.google.com/open?id=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx pero no la puedo ver en este formato, puedes ayudarme por favor? bendiciones siempre...

  • @robertoceratti5523
    @robertoceratti5523 3 роки тому +1

    master hola! como le haces para que no te salga en el hedadet , el mensaje de condiciones del servicio ? plis iluminame

    • @mozart_34
      @mozart_34  3 роки тому +1

      Hola, lo que pasa es que estoy en la implementación de prueba y con el propio usuario, cuando usuarios externos abren la app les aparece el mensaje : ( Puedes quitar ese mensaje si insertas la app en un google site, o modificando el css pero es un poco más complejo, en lo personal mejor inserto la app en un site. Saludos!

    • @robertoceratti5523
      @robertoceratti5523 3 роки тому

      @@mozart_34 como siempre súper atento a tus seguidores ,mil gracias máster seguimos pendientes con tus videos

  • @danielvilar678
    @danielvilar678 2 роки тому +1

    Hola super video
    Estoy tratando de replicar lo que haces pero me salen errores
    como por ejemplo el .shift dice que no esta definido

    • @mozart_34
      @mozart_34  2 роки тому

      Hola, gracias, si tienes los paréntesis verdad data.shift() (checa que tengas los datos en el objeto data, que si hayas utilizado el método getValues()) para que si le puedas aplicar el método shift() y elimines el primer elemento (fila)

    • @danielvilar678
      @danielvilar678 2 роки тому +1

      @@mozart_34 gracias por responder si
      function getSheetData(){
      var SS = SpreadsheetApp.getActiveSpreadsheet();
      var sheetJugadores = SS.getSheetByName('Jugadores');
      var dataJugadores = sheetJugadores.getDataRange().getValue();
      dataJugadores.shift();
      lo tengo asi pero cuando corro el codigo me sale
      TypeError: dataJugadores.shift is not a function (línea 18, archivo "Código")
      veo que cuando escribes Shift se te autopopula el metodo pero a mi no

    • @mozart_34
      @mozart_34  2 роки тому +2

      @@danielvilar678 es que en el método get Data Range, aplicas el método getValue () por lo tanto solo te toma UN solo valor, de es utilizar el método get Values () para que tome todo el rango

    • @danielvilar678
      @danielvilar678 2 роки тому

      @@mozart_34 si ya me sirvio Muchas gracias por responder
      te voy a estar molestando en los otros videos ;)

  • @fernandorivera5120
    @fernandorivera5120 7 місяців тому

    Hola, todo me funciona superbién, excepto la foto, no me la muestra, le cambio tamaño, formato, etc y aun así no me sale la imagen. La carpeta ya está pública, al igual que las fotos, verificando que no fuera un tema de permisos, pero aun así, me siguen sin aparecer la foto.

  • @thoranimator9745
    @thoranimator9745 2 роки тому

    Tengo problemas a la hora de seguir tu tutorial. Hasta la parte donde se muestra un card todo me ha ido de maravilla pero cuando he introducido el loop con foreach me lanza un error a la hora de probarlo diciendo que hay un error de sintaxis en la linea 4 que es esta:
    Porque hasta ahora no me lanzaba ese error y ahora me lo lanza? No puedo avanzar ya que no me deja crear los cards... Me podrias ayudar a ver que es lo que estoy haciendo mal??? Estoy seguro que me he equivocado en algo pero por mas que lo mire no encuentro donde esta el error... Mas concretamente me da el siguiente error "SyntaxError: Syntax error. (línea 4, archivo "Código")"

    • @mozart_34
      @mozart_34  2 роки тому +1

      Hola, es la línea 4 pero del archivo "código.gs" me imagino que ahí está la línea .evaluate() Si es así, significa que tu error está en archivo html. pero no en donde mencionas, checa que no hayas eliminado una línea o algún operador

    • @thoranimator9745
      @thoranimator9745 2 роки тому +1

      @@mozart_34 Perdón por mi confusión. Efectivamente el error esta en el archivo código donde se encuentra la función doget. Por mas que reviso el código no veo diferencias respecto al tuyo... este es la parte donde da el error:
      function doGet(){
      var template = HtmlService.createTemplateFromFile('index');
      template.data = getSheetData();
      var output = template.evaluate();
      return output;
      }
      Con este mismo código me aparecía el card sin problema pero cuando realizo la parte del loop me da el error de sintaxis mencionado...

    • @thoranimator9745
      @thoranimator9745 2 роки тому

      Lo he solucionado creando una copia de tu plantilla y volcando mis datos a ese spreadsheet!! Muchísimas gracias! Quería aprovechar para pedirte si pudieras añadir algún tipo de buscador como double slider o sin mas un buscador para filtrar las cards y que solo aparezcan aquellas que cumplan con la condición del filtro. Ejemplo: si escribo pivot que solo se muestren los jugadores pivot. Si selecciono un rango de año que solo se muestren aquellos que hayan jugado ese año... Un saludo y gracias por tu ayuda!

  • @SISTEMAINTEGRADOHOSS
    @SISTEMAINTEGRADOHOSS Рік тому

    Hola no puedo insertar el codigo

  • @michaelfernandez4097
    @michaelfernandez4097 12 днів тому +1

    Todo bien,pero no me inserta la imagen del drive, alguien que me ayude.

    • @mozart_34
      @mozart_34  12 днів тому

      Hola, hubo un cambio en Google y hay que modificar el enlace, en mi video 117 muestro el cambio. Saludos.