{"id":717,"date":"2016-12-19T18:27:15","date_gmt":"2016-12-19T21:27:15","guid":{"rendered":"http:\/\/www.l2maker.com.br\/documentacao\/?p=717"},"modified":"2016-12-19T18:27:57","modified_gmt":"2016-12-19T21:27:57","slug":"usando-a-api-de-calendario","status":"publish","type":"post","link":"https:\/\/www.l2maker.com.br\/documentacao\/2016\/12\/usando-a-api-de-calendario\/","title":{"rendered":"Usando a API de Calend\u00e1rio"},"content":{"rendered":"<h1>Criando o componente<\/h1>\n<p>A fun\u00e7\u00e3o que inicializa o componente \u00e9 chamada\u00a0&#8220;Calend\u00e1rio &#8211; Criar componente&#8221;, ela pode ser chamada no &#8220;Ao Entrar&#8221; do formul\u00e1rio ou outro evento oportuno.\u00a0Ser\u00e1 necess\u00e1rio informar os seguintes par\u00e2metros:<\/p>\n<ol>\n<li>Formul\u00e1rio (Formul\u00e1rio) &#8211; Nome do formul\u00e1rio onde o componente ser\u00e1 exibbido.<\/li>\n<li>Componente (Componente) &#8211; Nome do componente moldura sobre o qual o calend\u00e1rio ser\u00e1 criado.<\/li>\n<li>Modelo (Letras) &#8211; Tipo do componente (&#8216;padrao&#8217;, &#8216;multiplo&#8217;, &#8216;week-nodates&#8217;)<\/li>\n<li>Formato inicial (Letras): dia, semana, mes<\/li>\n<li>Hora m\u00ednima: (Inteiro ou Letras), N\u00famero de 0 a 24 indicando as horas, ou Letras no formato HH:MM (ex: 07:28).<\/li>\n<li>Hora m\u00e1xima: (Inteiro ou Letras), N\u00famero de 0 a 24 indicando as horas, ou Letras no formato HH:MM (ex: 21:35).<\/li>\n<li>Tema\/Skin: Define o padr\u00e3o visual do componete:<br \/>\n&#8211; cupertino, blitzer, &#8230; (temas do jQuery)<\/li>\n<li>Ao Obter dados (Fluxo) &#8211; Fluxo que ser\u00e1 executado para obter a lista de eventos. No caso de multiplos componentes ele ser\u00e1 executado a primeira vez com o c\u00f3digo &#8220;LISTA-CALENDARIOS&#8221; e deve retornar uma lista com lista de c\u00f3digo e nome de cada calend\u00e1rio. Nos demais casos se\u00e1 chamado com o c\u00f3digo de cada item.<\/li>\n<li>Ao Clicar no evento (Fluxo): Fluxo que ser\u00e1 executado ao clicar sobre um evento.<br \/>\nEste fluxo receber\u00e1 como parametro de entrada o ID do evento que foi clicado e o ID do calend\u00e1rio, se for multiplo.<\/li>\n<li>Ao Alterar um evento (Fluxo): Evento disparado ao mover ou redimensionar um evento. O fluxo ser\u00e1 chamado com os seguintes parametros:<br \/>\n&#8211; ID: C\u00f3digo \u00fanico do evento<br \/>\n&#8211; Titulo: Titulo do evento<br \/>\n&#8211; Diferen\u00e7a (Inteiro): Diferen\u00e7a de minutos (positiva ou negativa) entre a antiga data e a nova;<br \/>\n&#8211; Nova data e hora inicial (Data e Hora);<br \/>\n&#8211; Nova data e hora final;<br \/>\n&#8211; Evento di\u00e1rio: (L\u00f3gico) Indica se dura um dia inteiro;<br \/>\n&#8211; ID do calend\u00e1rio (Letras) &#8211; Se for um modelo de multiplos<\/li>\n<li>Ao Clicar Sobre espa\u00e7o vazio (Fluxo): Fluxo que ser\u00e1 executado ao clicar sobre um evento. Este fluxo recebe como parametro de entrada o ID do evento que foi clicado.<br \/>\n&#8211; ID do calend\u00e1rio (Letras) &#8211; Se for um modelo de multiplos calend\u00e1rios.<\/li>\n<\/ol>\n<h1>Fluxo de dados (Ao Obter dados)<\/h1>\n<p>Este \u00e9 o fluxo mais importante do componente, ele ir\u00e1 alimentar o eventos no calend\u00e1rio.<\/p>\n<p>Altere as consultas do fluxo &#8220;L2S &#8211; Calendario &#8211; Exemplo Simples &#8211; Obter Dados&#8221;, nos pontos apresentados na imagem abaixo:<\/p>\n<p><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2016\/12\/calendario-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-719\" src=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2016\/12\/calendario-1-300x236.png\" alt=\"calendario-obtendo dados-1\" width=\"300\" height=\"236\" srcset=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2016\/12\/calendario-1-300x236.png 300w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2016\/12\/calendario-1-1024x806.png 1024w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2016\/12\/calendario-1.png 1074w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Ap\u00f3s alterar os dois pontos destacados salve o fluxo com um nome adequado. Use este novo fluxo como fonte de dados na fun\u00e7\u00e3o que cria o calend\u00e1rio.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Criando o componente A fun\u00e7\u00e3o que inicializa o componente \u00e9 chamada\u00a0&#8220;Calend\u00e1rio &#8211; Criar componente&#8221;, ela pode ser chamada no &#8220;Ao Entrar&#8221; do formul\u00e1rio ou outro evento oportuno.\u00a0Ser\u00e1 necess\u00e1rio informar os seguintes par\u00e2metros: Formul\u00e1rio (Formul\u00e1rio) &#8211; Nome do formul\u00e1rio onde o componente ser\u00e1 exibbido. Componente (Componente) &#8211; Nome do componente moldura sobre o qual o calend\u00e1rio [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[105],"tags":[],"class_list":["post-717","post","type-post","status-publish","format-standard","hentry","category-calendario"],"_links":{"self":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":6,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts\/717\/revisions"}],"predecessor-version":[{"id":724,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts\/717\/revisions\/724"}],"wp:attachment":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/media?parent=717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/categories?post=717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/tags?post=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}