00:00:00
turma tem acompanhado muitos de vocês
00:00:02
querendo aplicativos que de alguma forma
00:00:04
envolvem agendamento agendamento de
00:00:07
eventos agendamento de horários muito
00:00:09
comum por exemplo em comércios locais
00:00:11
onde o usuário tem que agendar um
00:00:13
determinado horário para uma reunião
00:00:14
para uma consultoria para uma consulta
00:00:17
presencial qualquer coisa nesse sentido
00:00:19
e aí Isso aqui vai ser um guia para você
00:00:21
entender tudo sobre como estruturar o
00:00:24
seu banco de dados para criar o teu
00:00:26
aplicativo que de qualquer forma envolva
00:00:28
eventos agenda qualquer coisa nesse
00:00:30
sentido como deixar o teu usuário Criar
00:00:32
e visualizar eventos como fazer para
00:00:35
bloquear o teu usuário de agendar dois
00:00:38
eventos no mesmo dia ou horário e você
00:00:40
vai entender todos os conceitos de time
00:00:42
is lots que são as famosas vagas de
00:00:45
agendamento essencial para você
00:00:47
conseguir dispor aquela aquela estrutura
00:00:49
de Ah qual horário você quer agendar às
00:00:50
8:00 às 9:00 às 9:30 às 10 às 10:30
00:00:53
Então tudo isso você vai ver nesse vídeo
00:00:54
Poxa então vamos lá pessoal primeiro
00:00:56
passo você vai criar o teu aplicativo
00:00:58
gratuito é no Bubble E aí vamos as
00:01:00
configurações iniciais algumas coisinhas
00:01:02
que a gente vai precisar antes de tudo
00:01:04
para tudo que a gente vai fazer por aqui
00:01:05
tá conta gratuita do boa Bubble nada
00:01:07
aqui que a gente vai usar recurso pago
00:01:09
não vai ter plugin pago nada disso tá E
00:01:11
aí você vai instalar três plugins no teu
00:01:14
aplicativo primeiro plugin vai ser esse
00:01:16
aqui ó alerta de notify bap Esse é um
00:01:19
plugmail que é só para botar um
00:01:21
alertinha na tela a gente vai usar para
00:01:22
demonstrar quando alguma coisa der certo
00:01:24
quando alguma coisa dá errado tá então é
00:01:26
o alerta toast message notify o segundo
00:01:29
plugin é esse aqui ó calendário e times
00:01:31
lotes Custom isso aqui é essencial pra
00:01:33
gente criar com facilidade os times
00:01:35
lotes lá no final tá Calendar e times
00:01:38
lotes Custom e o terceiro é o full
00:01:40
Calendar esse plugin não é 1000 Esse é
00:01:42
nativo do Bubble tá então
00:01:44
full calenda própria do Bubble instalado
00:01:47
esses três plugins no teu aplicativo aí
00:01:51
no Bubble segunda coisa que você vai
00:01:52
fazer é mudar a linguagem para português
00:01:54
porque quando a gente for mexer com
00:01:56
agenda Nativa ele vai pegar a linguagem
00:01:58
do do aplicativo para isso você vem aqui
00:02:00
em settings languages que é linguagens e
00:02:03
aqui ó no teu sempre que nasce ele nasce
00:02:05
em inglês né Ele nasce english você só
00:02:08
vai buscar aqui por BR e vai mudar para
00:02:10
português Brasil Pronto agora tem o
00:02:13
aplicativo já está em português e é na
00:02:14
hora da gente usar a agenda Nativa não
00:02:16
vai aparecer today vai aparecer hoje vai
00:02:19
aparecer em novembro vai aparecer
00:02:21
Novembro entendeu E aí a terceira
00:02:23
configuração é excluir as regras de
00:02:26
privacidade padrão do Bubble galera isso
00:02:29
aqui você vai fazer em 100% dos teus
00:02:31
aplicativos no começo sempre quando o
00:02:33
você criar um aplicativo novo no Bubble
00:02:35
ele cria umas regras de privacidade para
00:02:37
o usuário aqui ó em que o usuário só
00:02:39
pode ver os dados dele então outros
00:02:40
usuário não pode ver os dados do outro
00:02:42
pois isso aqui é uma algo que confunde
00:02:44
demais muitos de vocês me perguntam
00:02:45
Renato mas eu criei fui logar no outro
00:02:47
dia Cadê meus dados sumiram é por causa
00:02:49
dessas regras de privacidade galera já
00:02:50
falei isso pro Bubble então assim ó só
00:02:52
deleta aqui ó clica nesse lixinho
00:02:53
deletou pronto fechou configurações
00:02:55
iniciais check próximo passo então agora
00:02:58
como
00:02:59
estruturar o banco de dados para
00:03:02
agendamento de horários Pessoal vocês
00:03:04
vão criar uma tabela chamada evento ou
00:03:07
qualquer coisa nesse sentido com os
00:03:09
seguintes Campos data início do tipo
00:03:11
data data fim do tipo data isso aqui é o
00:03:14
que sempre vai ter que ter galera sempre
00:03:16
em qualquer evento que você for criar
00:03:18
tem que ter esses dois Campos tá Campos
00:03:19
que a gente vai criar Mais
00:03:20
especificamente para essa aula aqui que
00:03:22
aí você avalia-se para você faz sentido
00:03:24
é um campo dia todo que vai ser do tipo
00:03:27
sim ou não vou criar um outro Campo que
00:03:28
é o date Range isso aqui é
00:03:30
imprescindível só para quando você mexe
00:03:32
com horários especificamente se o teu
00:03:34
agendamento for de dia inteiro não
00:03:36
precisa desse Campo mas como a gente vai
00:03:37
mexer aqui com agendamento de horários
00:03:39
ah das 8 às 8:30 das 9 às 9:30 aí
00:03:41
precisa desse Campo que é do tipo date
00:03:43
Range que é um é um tipo de Campo que
00:03:46
poucos de vocês usaram hein galera isso
00:03:47
aqui é raro a gente usar mesmo e um
00:03:49
campo nome só para ter o nome do evento
00:03:50
aqui então esses são os campos que você
00:03:52
precisa criar vamos lá para o Bubble
00:03:54
Então vamos em deita deita Type se vê o
00:03:56
nosso banco de dados e vamos criar aqui
00:03:57
um tipo de evento ou uma tabela chamada
00:04:00
evento Vamos criar os campos nome do
00:04:03
tipo texto dia todo do tipo sim ou não
00:04:06
data início do tipo date data fim do
00:04:11
tipo Tate e data Range do tipo a esse
00:04:16
aqui galera date Range que que é um date
00:04:19
Range é uma série de data é o seguinte
00:04:21
Na verdade são duas datas como esse fim
00:04:23
entendeu ele grava dois dados em um só
00:04:26
Campo que é por exemplo hoje das 8 horas
00:04:28
da manhã até às 8:29 da manhã ele vai
00:04:31
gravar dois dados 8 e 8:29 o legal disso
00:04:33
aqui é que te permite fazer muita
00:04:35
Operação lá para frente ah essa data
00:04:37
conflita com outra enfim só queria você
00:04:40
vai entender o porquê que a gente tá
00:04:41
criando isso mais para frente no vídeo
00:04:42
tá criamos os cinco Campos aqui então
00:04:44
que bate com os nossos cinco Campos e
00:04:46
beleza estruturado nosso banco de dados
00:04:48
vamos para o próximo passo como criar e
00:04:51
mostrar eventos na agenda Nativa do
00:04:54
Bubble é uma agenda muito boa galera
00:04:56
resolve muito problema tá Depois a gente
00:04:58
vai mostrar uma agenda customizada mas
00:04:59
vamos brincar com a Nativa que é mais
00:05:01
fácil então você já instalou o plugin
00:05:02
full calenda aí você vai ver que tem um
00:05:04
elemento aqui ó que vai aparecer no teu
00:05:06
editor chamado Calendar vamos lá para
00:05:07
tela design só botei um cabeçalho pintei
00:05:10
umas coisinhas aqui não tem nada demais
00:05:11
nessa página tá e eu vou puxar esse
00:05:13
elemento aqui ó calenda tá vendo ó que é
00:05:15
o padrão do Bubble vou arrastar ele para
00:05:17
cá E aí ele já tem esse layout de Google
00:05:20
Agenda tá vendo ó e aí aqui galera eu
00:05:22
consigo personalizar Se eu der um
00:05:24
preview aqui ele vai aparecer sem nenhum
00:05:26
evento porque eu não puxei a Fundão nada
00:05:28
ainda né Beleza já aparece essa nossa
00:05:30
agendinha nesse formato aqui no nosso
00:05:31
aplicativo ó como eu falei para vocês
00:05:33
que aparece já em português novembro de
00:05:35
2022 semana dia beleza show de bola aí
00:05:38
eu vou estruturar isso aqui para trazer
00:05:40
os eventos que eu já tenho não tenho
00:05:42
ainda no banco de dados mas vamos ter na
00:05:44
banca de dados né aqui Deita sorte de
00:05:46
dados você vai fazer uma busca por sorte
00:05:49
four eventos Me traga todos os eventos
00:05:52
não quero fazer nenhum filtro Se eu
00:05:54
quisesse fazer um filtro eu colocaria
00:05:55
aqui né só os eventos desse usuário não
00:05:58
quero nenhum filtro traga todos e é no
00:06:00
tipo de evento aqui ó eu posso só clicar
00:06:02
nessa caixinha que o Bubble já já seta ó
00:06:04
o tipo de evento é esse evento aqui que
00:06:07
você tem no banco de dados que você já
00:06:08
escolheu aqui perfeito Qual o campo que
00:06:10
denota a data de início é o campo data
00:06:13
início que a gente já colocou né Qual o
00:06:15
campo que denota a data fim do evento é
00:06:18
o data fim que a gente já criou Qual o
00:06:19
campo que denota quando é o dia todo o
00:06:22
campo o dia todo que a gente também já
00:06:23
criou e qual o nome do evento vai ser
00:06:26
Carlin venti nome ou seja qual que vai
00:06:28
aparecer ali na agenda Não beleza galera
00:06:30
aqui já tá configurado direitinho
00:06:32
bonitinho o resto é assim quer mudar a
00:06:34
corzinha da agenda esse tipo de coisa
00:06:35
nada que a gente vai mexer aqui tá então
00:06:37
aqui ó ele já vai mostrar os eventos que
00:06:39
eu tenho no banco de dados então se eu
00:06:41
for lá direto no meu banco de dados e
00:06:43
criar um evento aqui ó por exemplo eu
00:06:45
vou criar um evento cuja data de início
00:06:46
é novembro dia 21 2022
00:06:51
meio-dia e cuja data fininha mesmo a
00:06:54
mesma coisa só que as 12:30 por exemplo
00:06:57
E aí vai chamar evento criado
00:06:59
manualmente dia todo sim por exemplo vou
00:07:02
criar esse evento na mão aqui ó não
00:07:04
populei o date Range porque aqui eu não
00:07:05
precisei dele ainda mas você tá vendo
00:07:07
que aqui na agenda ele já aparece tá
00:07:09
vendo ó evento criado normalmente já
00:07:10
apareceu aqui em 21 de novembro Beleza
00:07:12
então já está mostrando os eventos aqui
00:07:14
perfeito agora a gente vai para a parte
00:07:16
de criação como criar os eventos a
00:07:19
partir da agenda Nativa o legal da
00:07:21
agenda Nativa galera ela vai te dar
00:07:22
algumas possibilidades já nativas Olha
00:07:24
só se eu clicar aqui nos work Frost para
00:07:26
adicionar um novo evento ou um novo
00:07:27
gatilho e eu vier em elementos aparece
00:07:29
esses dois caras ó se eu clicar num
00:07:32
evento E se eu clicar num dia então ó
00:07:34
quando selecionar um dia do calendário o
00:07:36
que que eu quero que aconteça se eu
00:07:38
selecionar um dia do calendário eu quero
00:07:40
criar um novo evento no banco de dados
00:07:42
deita fins createnfing criar um novo
00:07:45
registro no banco de dados Qual o
00:07:47
registro eu quero criar quero criar o
00:07:48
registro evento aí vou clicar aqui em
00:07:50
edge ao filtros que ele já me dá todos
00:07:52
os campos né qual vai ser o nome do
00:07:54
evento vai ser evento só isso depois se
00:07:57
você quiser você pode criar um pop-up
00:07:58
pedir o nome do evento personalizar que
00:08:00
vai ser só evento dia todo Vou botar
00:08:03
aqui sim porque nesse primeiro exemplo a
00:08:04
gente tá usando só o como se fosse o dia
00:08:06
todo sementes Qual a data de início pega
00:08:09
descalender essa agenday ou seja o dia
00:08:12
que o usuário clicou se Ele clicou lá no
00:08:15
dia 10 vai pegar o dia 10 e data fim de
00:08:17
scalendar também porque aqui a gente tá
00:08:20
só brincando com eventos que correm o
00:08:21
dia todo lá para frente depois a gente
00:08:23
vai falar de eventos em determinados
00:08:25
horários né Qual que é o date Range
00:08:26
galera diz killerite Day aí aqui você
00:08:29
seleciona
00:08:31
today de novo é assim que você consegue
00:08:33
inserir um date Range você pega a data
00:08:36
Inicial põe um Range no meio e
00:08:39
selecionar a data final aqui vai ser a
00:08:40
mesma Então tá beleza com isso eu criei
00:08:42
um novo evento E aí eu vou jogar um
00:08:44
alertinha na tela essa ação aqui aparece
00:08:46
porque a gente tem aquele plugin dos
00:08:48
alertas instalado né esse plugin aqui
00:08:50
meu que é o alerta de notify aí ele te
00:08:53
dá essa ação aqui ó Beto isso aqui é só
00:08:55
para só para gerar mensagens então gosta
00:08:58
de pegar uma mensagem
00:08:59
aqui por exemplo e falar evento criado
00:09:02
com sucesso então vai criar o evento e
00:09:04
vai mostrar um alerta na tela é isso que
00:09:06
ele vai fazer quando eu clicar em um
00:09:08
determinado dia então vamos lá quero
00:09:09
criar um evento no dia 9 cliquei evento
00:09:12
criado com sucesso e você vê que já
00:09:14
apareceu aqui o evento não se eu for no
00:09:16
meu banco de dados Opa eu tenho lá um
00:09:19
evento criado ó um evento do dia 9 de
00:09:21
novembro criou a meia-noite não tem
00:09:23
problema porque realmente ele pegou o
00:09:24
dia inteiro né então no dia 9 de
00:09:25
novembro já tem um evento e se eu vier
00:09:27
aqui criar um evento no dia 11 já criou
00:09:29
outro dia 19 já criou outro dia 15 já
00:09:32
criou outro e aí problema se é um evento
00:09:34
do dia todo ao clicar no dia 9 ele não
00:09:38
poderia me deixar criar outro sim que
00:09:40
eventos no mesmo dia Teoricamente é algo
00:09:42
que eu não gostaria de disponibilizar
00:09:43
para o meu usuário eu gostaria que se eu
00:09:45
tivesse um evento por dia e aí passamos
00:09:47
para a próxima parte do nosso tutorial
00:09:49
que é como bloquear dois agendamentos no
00:09:52
mesmo dia o conceito que você precisa
00:09:54
entender que vai te ajudar muito na tua
00:09:56
jornada como desenvolvedor especialmente
00:09:58
aqui é o conceito de múltiplos gatilhos
00:10:02
galera olha só que que significa isso a
00:10:04
gente tem um workflow aqui que acontece
00:10:05
ó quando eu clico num dia do calendário
00:10:08
aí ele tá criando um novo evento correto
00:10:10
múltiplos gatilhos é quando você tem
00:10:13
mais de um gatilho ocorrendo para o
00:10:14
mesmo evento Então como funciona isso
00:10:17
olha só eu vou pegar aqui nesse nesse
00:10:19
evento dia do calendário eu vou colocar
00:10:21
da seguinte forma vou colocar uma
00:10:22
condicional aqui no only one only Wayne
00:10:25
em inglês é somente quando quando faço
00:10:27
uma busca por duas certfour eventos cujo
00:10:31
data de início seja igual a diz
00:10:35
calendard olha bem que que eu tô fazendo
00:10:37
Bubble Faça uma busca por eventos busque
00:10:40
todos os eventos cuja data de início
00:10:43
seja igual ao dia que eu busquei aqui
00:10:45
então se eu cliquei no dia 10 busque
00:10:48
todos os eventos do dia 10 aí eu vou
00:10:50
pegar o primeiro item first item que
00:10:52
voltou e eu vou verificar se está vazio
00:10:55
ou seja se não voltou nenhum resultado O
00:10:58
Bubble vai lá ele vai buscar Você clicou
00:11:00
no dia 10 aí o Bubble vai buscar todos
00:11:02
os eventos cuja data de início é dia 10
00:11:04
o primeiro item tá vazio ou seja não
00:11:06
voltou nada então pode prosseguir cria o
00:11:09
evento dá o alerta tá tudo bem galera é
00:11:12
isso que eu quero se não tem nenhum
00:11:13
evento criado naquele dia criou o evento
00:11:15
múltiplos gatilhos é quando você faz
00:11:18
isso aqui ó Clica com o botão direito
00:11:19
copia Clica com o botão direito e cola
00:11:21
galera é o mesmo evento rolando mas com
00:11:24
uma condição diferente olha só agora
00:11:26
faça essa busca e se first item snot
00:11:30
enct ou seja se não está vazio ou seja
00:11:33
se eu fiz essa busca por eventos e
00:11:36
voltou um evento que que significa já
00:11:38
existe um evento nessa data se já existe
00:11:40
um evento nessa data galera eu não quero
00:11:42
criar um novo evento deleta essa ação eu
00:11:45
quero só dar um alerta assim ó já tem
00:11:47
evento nesse dia rapaz escolhe outro dia
00:11:51
aí ó vou até mudar a cor de verdinho pra
00:11:54
vermelho e é só vou dar um alerta de
00:11:56
erro entendeu Vou até colocar em outras
00:11:57
cores aqui para ficar mais claro para
00:11:59
Green é quando deu certo ele não
00:12:01
encontrou nada no banco de dados
00:12:03
vermelho aqui ó é quando voltou alguma
00:12:06
coisa no banco de dados então ele não
00:12:07
vai gravar nada ele não vai criar nada
00:12:08
ele só vai dar um alerta na tela Vamos
00:12:10
ver isso acontecendo Eu vou até deletar
00:12:11
essa cacetada de eventos que a gente tem
00:12:13
no dia 9 para não confundir a gente
00:12:14
porque a gente não deveria nem ter
00:12:15
conseguido Criar e sem primeiro lugar né
00:12:17
Poderia estar todos os eventos só
00:12:18
deletei tudo sumiu tudo então Criei um
00:12:20
evento no dia 1 Opa evento criado com
00:12:22
sucesso dia 3 evento criado com sucesso
00:12:25
dia 16 Ok quero criar outro evento no
00:12:28
dia 16 já tem evento nesse dia ah ele
00:12:31
não fez nada galera você vê que não
00:12:32
apareceu outro posso fazer isso quantas
00:12:34
vezes eu quiser ele não vai criar dia 15
00:12:36
dia 15 eu queria mas dia 16 não criou
00:12:39
nem dia 15 agora porque também já tem ó
00:12:41
é assim que você bloqueia datas na
00:12:43
agenda galera Então esse é o conceito de
00:12:45
múltiplos gatilhos isso aqui você vai
00:12:47
usar para muita coisa como desenvolvedor
00:12:49
galera isso aqui direto Ah você já
00:12:51
existe um usuário criado com esse e-mail
00:12:52
faça tal coisa se não existe faça outra
00:12:54
coisa e assim vai agora vamos para o
00:12:57
próximo passo do nosso guia que é como
00:13:00
criar a sua própria agenda aqui galera
00:13:03
para isso você vai precisar daquele
00:13:06
plugin que a gente instalou que é o
00:13:07
calendário e times Lost ele serve
00:13:09
exatamente para você conseguir inserir
00:13:13
de várias formas de você conseguir criar
00:13:15
tua própria agenda com teu layout
00:13:17
sincero um grupo repetidor e puxa os
00:13:19
parâmetros desses elementos eu não vou
00:13:20
entrar muito a fundo nele aqui pelo
00:13:22
seguinte ó aqui na documentação desse
00:13:25
plugin tem vários exemplos do que que
00:13:27
você consegue criar com ele então aqui
00:13:29
por exemplo tem um calendário totalmente
00:13:31
customizado tá vendo aqui é um
00:13:33
calendário porque eu escolho a data eu
00:13:35
escolho mês isso aqui eu criei como eu
00:13:36
quis eu botei esses drop downs Eu criei
00:13:38
esse grupo repetidor aqui é o calendário
00:13:39
por semana então você consegue
00:13:41
customizar ele da forma que você quiser
00:13:42
para isso basta você usar esses
00:13:45
elementos aqui ó calendário mês
00:13:47
calendário Week enfim aqui tem toda uma
00:13:50
série de instruções de como fazer esse
00:13:52
plugin funcionar totalmente gratuito se
00:13:55
você tiver o Bubble excetion o kit
00:13:57
instalado se você for membro da
00:13:58
Comunidade se você for lá inclusive em
00:14:00
Componentes schedulem que agenda né E aí
00:14:03
você vai ver que tem alguns modelos já
00:14:05
prontos de agenda por exemplo eu tenho
00:14:07
uma agenda mensal que eu posso pegar
00:14:08
aqui ó copiar e colar aqui e aí você vai
00:14:12
ver aqui ó Qual que é a composição dela
00:14:14
é um grupo repetidor que puxa um monte
00:14:17
de coisa tem toda a estrutura dela aqui
00:14:19
você pode colar isso lá ou ver no
00:14:21
próprio link do editor aqui da
00:14:23
documentação do Plugin que você vai
00:14:25
entender como ele funciona aí você cria
00:14:26
o teu calendário como você quiser com o
00:14:28
layout que você quiser galera por que
00:14:30
que eu acho isso importante porque
00:14:31
muitas vezes esse layout aqui não vai te
00:14:33
atender entendeu se você quer por
00:14:35
exemplo aqui dentro mostrar pô uma série
00:14:37
de eventos com as imagens que você
00:14:39
quiser aí você vai ter que criar tua
00:14:41
agenda customizada então fica essa dica
00:14:43
use esse plugin gratuito explore a fundo
00:14:45
a documentação aqui do Plugin se você
00:14:48
clicar aqui você vai cair no editor do
00:14:49
Plugin Onde você consegue ver tudo você
00:14:51
não vai conseguir editar Mas você vai
00:14:51
conseguir ver tudo use isso tá vamos
00:14:53
para o próximo aqui então com o plugin
00:14:55
Custom calandra e times lotes e agora
00:14:58
vamos de times lotes galera que são as
00:15:01
vagas de horários muito comum em a
00:15:05
reserva um horário na nossa barbearia
00:15:06
qual o horário você quer você quer
00:15:08
reservar e mostra uma lista de horários
00:15:10
que você vai lá clica e reserva né para
00:15:12
isso você vai precisar desse plugin que
00:15:13
você já instalou tá tudo bem e aí vamos
00:15:15
fazer o seguinte ó vamos vir aqui e eu
00:15:17
vou pegar do Bubble kit uma lista de
00:15:20
times lotes já prontas que tem aqui ó
00:15:21
times lotes pega esse cara times lotes
00:15:24
aqui ó pegar copiar com workflows e aqui
00:15:27
botão direito peste with workflows Vamos
00:15:30
dar um Privê como é que fica então
00:15:31
plugin ele já te permite criar os times
00:15:33
lotes nesse formato aí eu quero vamos
00:15:35
dizer meu estabelecimento abre às 9
00:15:37
horas fecha às 16 horas e tem uma vaga
00:15:40
cada 45 minutos ele já te dá exatamente
00:15:43
essas vagas ó das nove 45 e aqui você
00:15:46
pode oferecer para o teu usuário para
00:15:48
que quando ele clique por exemplo já
00:15:51
cria um evento nesse horário entendeu a
00:15:53
gente não tá mais falando de eventos do
00:15:54
dia todo eventos e um determinado
00:15:56
horário que aqui no caso ó fazer assim
00:15:57
pra simplificar se colocar aqui nas nove
00:15:59
horas eu quero criar um evento que vai
00:16:01
das 9 horas até às 9:29 porque 9:30 já
00:16:04
começa o próximo né então é isso que a
00:16:05
gente vai fazer agora quando eu clicar
00:16:07
numa dessas célulazinhas aqui do grupo
00:16:09
repetidor que que eu quero que aconteça
00:16:11
eu vou até pintar de outra cor aqui para
00:16:12
diferencial como um marronzinho que que
00:16:15
eu quero que aconteça ó eu vou tirar
00:16:16
essa açãozinha padrão aqui que veio no
00:16:18
que veio no componente já cliquei ali na
00:16:20
data eu quero criar um novo evento no
00:16:22
banco de dados qual vai ser a data de
00:16:25
início a data de início desse evento
00:16:27
galera vai ser a data da célula atual né
00:16:29
ó 9 horas você vai começar às 9 horas
00:16:31
Qual vai ser a data fim aqui no caso eu
00:16:34
posso botar mais 30 mais 29 minutos na
00:16:37
verdade né porque dali 30 já começa
00:16:39
outro ou posso pegar de forma dinâmica
00:16:40
desse empute aqui ó vou pegar de forma
00:16:42
dinâmica fica melhor então pega essa
00:16:44
data atual e soma os minutos lá do input
00:16:47
aqui ó o input minutos intervalo né
00:16:50
vamos dizer que eu selecionei 30 lá só
00:16:52
que eu vou pedir para tirar um minuto ó
00:16:53
põe mais minutinhos menos um tira um
00:16:56
minuto porque porque o evento aqui
00:16:57
quando é das 9 às 9:30 na verdade nem
00:16:59
ela tem as 9:30 até às 9:29 né 9:30 já
00:17:02
começa o outro então ele vai pegar nove
00:17:03
mais 30 minutos menos um vai das 9 às
00:17:06
9:29 dia todo não aqui a gente vai falar
00:17:08
só de horários né nome evento times
00:17:11
lotes qualquer coisa assim o date Range
00:17:13
que a gente não vai conseguir criar aqui
00:17:15
eu vou apagar e eu vou fazer isso numa
00:17:17
segunda ação ó deita make changest finge
00:17:20
que que eu quero modificar eu quero
00:17:22
modificar o evento que eu acabei de
00:17:23
criar no primeiro passo aí aqui eu quero
00:17:25
sim aqui você tá o data Ranger que vai
00:17:28
ser o quê resultado do primeiro passo
00:17:30
data início clico no Range então
00:17:32
primeira data é a data início clica no
00:17:34
Range resultado do primeiro passo data
00:17:36
fim aqui eu consigo fazer isso aqui eu
00:17:38
não conseguiria porque o Bubble não me
00:17:40
dá a possibilidade de fazer essa
00:17:41
formatação de equação aqui né Tipo eu
00:17:43
tentaria fazer assim ó cursar os date
00:17:45
Range
00:17:48
aí aqui ele já começa a dar pau ó então
00:17:50
não tem problema faça assim ficar até
00:17:52
muito mais simples né E aí aqui eu vou
00:17:54
fazer uma lertinha na tela dizendo
00:17:55
evento agendado com sucesso coisinha
00:17:58
vídeo aqui então Ó se eu clicar aqui por
00:18:00
exemplo as 8 horas evento agendado com
00:18:03
sucesso deixa eu ver que que apareceu lá
00:18:04
no meu banco de dados ó um evento que
00:18:07
vai das oito até às 8:29 perfeito galera
00:18:10
agora eu posso inclusive vim aqui em
00:18:14
design e brincar da seguinte forma vou
00:18:16
clicar aqui e vou na condicional dessa
00:18:18
caixinha eu quero criar uma condição
00:18:20
aqui que diz o seguinte quando eu fizer
00:18:23
uma busca por duas sertford eventos cujo
00:18:26
data Range aqui eu vou usar
00:18:31
eu não gravei ali das 8 às 8:29 Esse é o
00:18:34
Range né é o intervalo em que acontece
00:18:37
esse evento aí você vai usar esse cara
00:18:39
aqui ó contém em qualquer ponto dessa
00:18:41
data a data da célula atual ou seja
00:18:43
Bubble Faça uma busca por todos os
00:18:45
eventos no banco de dados cujo cujo
00:18:48
evento em qualquer momento desse evento
00:18:50
Bata com a data da célula atual E aí Me
00:18:53
traga se o primeiro
00:18:55
item voltar não vazio conseguiu entender
00:18:58
faça essa busca se voltar algum evento
00:19:00
cuja data bate com a data dessas
00:19:02
célulazinha ativa essa condicional é que
00:19:05
que eu vou fazer aqui ó cor de fundo eu
00:19:06
vou deixar uma cor vermelha por exemplo
00:19:08
e a Fonte aqui eu vou deixar branquinha
00:19:10
vamos ver se isso aqui funciona ou já é
00:19:12
para aparecer o das oito ali né vamos
00:19:14
ver fez a busca encontrou e já apareceu
00:19:15
Ó e vamos dizer eu vou reservar um outro
00:19:17
horário agora às 9:30 ó evento agendado
00:19:20
já ficou vermelhinho 12:30 show de bola
00:19:22
então eu vou agendando e ele já vai
00:19:24
aparecendo galera e aí que que eu posso
00:19:25
fazer aqui ó agora a gente vai evitar
00:19:28
dois agendamentos no mesmo horário Como
00:19:31
galera Multiplus gatilhos gente mesma
00:19:34
coisa ó eu vim aqui no workflow eu quero
00:19:37
que esse evento ocorra somente quando eu
00:19:40
fizer uma busca por eventos cuja Day
00:19:44
trand contém qualquer ponto dessa data a
00:19:47
data da célula atual se o primeiro item
00:19:50
dessa busca voltar vazio aí você cria o
00:19:53
teu evento aí modifica o teu evento aí
00:19:55
fala que o evento foi agendado com
00:19:56
sucesso beleza mas eu vou copiar lá esse
00:19:59
gatilho aqui ó porque na outra opção é
00:20:03
caso não volte vazia essa busca ou seja
00:20:05
se já existe algum evento se já existe
00:20:08
algum evento eu não vou criar evento eu
00:20:10
não vou modificar evento eu vou só
00:20:12
mostrar um alerta vermelho que vai falar
00:20:14
o seguinte seleciona outro horário aí
00:20:18
queridão vamos ver se funciona ele foi
00:20:20
lá buscou já me mostrou quero fazer um
00:20:23
agendamento às 16 horas ele faz
00:20:26
uma localizar de novo calma aí pegou
00:20:28
todos e das 16 acabou nem sendo
00:20:30
executada porque foi antes de atualizar
00:20:31
vou fazer umas 16 agora evento agendado
00:20:33
16:30 tudo certo e se eu tentar fazer um
00:20:36
outro as 16:30 não vai outro mas eu
00:20:40
quero esses 30 não interessa Ele sempre
00:20:42
vai bater naquele gatilho de que já tem
00:20:45
evento entendeu 9:30 não vai 9 horas 9
00:20:48
horas vai outras nove não vai então é
00:20:50
assim que a gente usa os times lotes e
00:20:53
assim que a gente bloqueia agendamentos
00:20:54
galera e aí observações tá observação na
00:20:58
verdade é só essa busca que a gente faz
00:21:00
na condicional assim essa busca não é a
00:21:04
maneira que traz melhor performance para
00:21:07
o aplicativo porque vamos dizer que você
00:21:09
tem lá sem eventos mostrando num grupo
00:21:11
repetidor ou numa agenda Pô você vai
00:21:13
fazer sem buscas galera então tem várias
00:21:15
formas de você fazer uma busca só e
00:21:17
reaproveitar os resultados daquela busca
00:21:19
mas aqui eu tô focando muito mais na
00:21:21
didática e na lógica do negócio do que
00:21:24
na performance do aplicativo
00:21:25
propriamente dita tá se você quiser
00:21:27
entender um pouquinho melhor essa parte
00:21:28
de performance eu e se você for membro
00:21:31
da comunidade sem engordar eu te sugiro
00:21:32
vir aqui no módulo performance e escala
00:21:35
Busque as listas e assistir essas aulas
00:21:37
aqui você vai entender exatamente o que
00:21:39
a gente tá falando em relação como não
00:21:41
ficar fazendo buscas loucamente a cada
00:21:43
célula do grupo repetidor senão porque o
00:21:45
aplicativo vai carregar demais já vi
00:21:47
casos de usuários que faziam 500 buscas
00:21:50
numa página e a gente reduzir para duas
00:21:52
buscas na página então assim melhorou em
00:21:54
250 vezes a performance do aplicativo
00:21:57
dele com uma mudança dessa que a gente
00:21:59
ensina aqui e aí outras observações é o
00:22:02
seguinte sugestões de aulas que vão te
00:22:04
ajudar a aula múltiplos gatilhos é uma
00:22:07
aula boa para você entender um pouco
00:22:09
melhor esse conceito essa aqui ó
00:22:10
múltiplos gatilhos fazer busca no banco
00:22:13
de dados antes de executar ação a gente
00:22:15
explora bem mais a fundo esse conceito
00:22:16
dos múltiplos gatilhos a aula filtros
00:22:19
com datas também vai te ajudar muito a
00:22:22
entender muitas coisas que a galera tem
00:22:23
dúvida em relação à datas tal isso aqui
00:22:25
como fazer filtros com datas e aí o que
00:22:28
me leva até a um post que tem na
00:22:30
comunidade sem clonar que é operações
00:22:32
com datas dúvidas bem comuns que o
00:22:35
pessoal Tem de por exemplo como que eu
00:22:37
faço para puxar o primeiro dia e hora do
00:22:39
mês passado primeiro dia e hora do mês
00:22:42
que vem o último dia e hora do mês que
00:22:44
vem porque às vezes eu preciso agendar
00:22:46
um evento a data de ontem por exemplo
00:22:49
Como que eu faço as operações com datas
00:22:51
e aí essa postagem aqui ó Procura lá o
00:22:54
último dia do mês barra último dia mês
00:22:55
anterior lá no grupo também que vai ter
00:22:57
vai te ajudar bastante systemplates
00:22:59
prontos aqui de datas tá então é isso
00:23:01
espero que tenha ficado Claro todas
00:23:03
essas operações com datas agendamentos
00:23:05
bloqueio times lotes se ficou qualquer
00:23:07
dúvida comenta aqui embaixo não deixe de
00:23:09
dar aquele like né galera nunca peça
00:23:11
então dá aquele like para mostrar para o
00:23:13
YouTube que você gostou desse vídeo nos
00:23:15
vemos semana que vem
00:23:15
[Música]
00:23:31
[Música]
