Índice

Adicionar ao calendário

Criar e divulgar eventos ficou muito mais fácil: os convidados podem adicioná-lo à sua agenda(Google, Outlook, Apple e Yahoo) com apenas um clique.

Implantação da widget "Adicionar ao calendário"

Para obter componente e efetuar a sua correta implantação siga os passos descritos abaixo.

...

...

...

Image Removed

...

No repositório do sample-fluigaddtocalendar, selecione a opção Download no menu lateral esquerdo e efetue o download na pasta de sua preferência.

Objetivo do componente

...

O widget Adicionar ao calendário permite a criação de eventos que, posteriormente, os interessados podem adicionar como um compromisso em seu calendário do Outlook, do Google, da Apple ou Yahoo.

Instalação do componente Adicionar ao calendário

...

• Para que esse widget seja exibido na lista de widgets disponíveis para páginas, primeiramente é necessário fazer o download do código-fonte do componente (Add-to-calendar) no diretório público do fluig no Git. 
• Após acessar o repositório da widget, siga as instruções do README.md para compilar e dar deploy no componente. 

Adicionando o widget em uma página

...

O passo a passo abaixo demonstra como incluir o widget Adicionar ao calendário em uma página da plataforma.

Image Removed

...

• Selecione a opção General > Existing Projects into Workspace.

Image Removed

Card
id 6 label Passo 6
Para finalizar a importação acione o botão Finish.   Image Removed

Card
id 7 label Passo 7
Após a finalização da importação do Projeto para o fluig Designer navegue até a raiz da Widget, fluigStudio > wcm > widget > AddThisEvent e selecione a raiz com o botão direito e acione a opção Export.   Image Removed

Card
id 8 label Passo 8
Selecione a opção Fluig > Exportar para o servidor Fluig.   Image Removed

Card
id 9 label Passo 9
Selecione o Servidor desejado e acione a opção Finish, após a finalização a widget estará disponível para ser adicionadas nas páginas do WCM.   Image Removed

Adicionando e utilizando widget "Adicionar ao calendário" em uma página.

Deck of Cards
effectDuration 0.5 history false id samples effectType fade
Card default true id 1 label Passo 1 Acesse alguma página do WCMa página em que deseja adicionar o widget de calendário, acione o menu de configuração no canto superior direito e selecione a opção "Editar página". Image RemovedImage Added Card id 2 label Passo 2   Selecione algum slot da página em edição e adione acione Adicionar uma nova widget a ele. Image RemovedImage Added Card id 3 label Passo 3   Na página No painel de seleção de widget widgets, navegue até a opção "Adicionar ao calendário" localizado , localizada em Personalizado > → Fluig Store > → Adicionar ao Calendário, e acione o botão "Adicionar". Image RemovedImage Added   Card id 4 label Passo 4 Após a inclusão da do widget no slot, preencha os dados do evento e acione o botão salvar Salvar. Os campos Nome do evento, início Início e Término são obrigatórios. Image Modified   Card id 5 label Passo 5 Após salvar as aterações na alterações no widget, acesse o menu de configuração no canto superior direito e selecione a opção "Publicar página". Image Removed Image Added   Card id 6 label Passo 6 Após a publicação da página, será possível visualizar a Widget, agora basta o widget e se desejado ,escolher um dos tipos de calendário para adicionar incluir o Eventoevento. Image Modified

Alterações para o widget Adicionar ao calendário

...

Para ter acesso ao código fonte do componente e efetuar alterações no widget padrão conforme as necessidades da sua empresa, siga os passos descritos abaixo.

Deck of Cards
Deck of Cards
startHidden false effectDuration 0.5 history false id adicionandosamples effectType fade
Card default true id 1 label Passo 1 Acesse alguma página do WCM, acione o menu de configuração no canto superior direito o repositório de exemplos do fluig, e selecione a opção "Editar página"sample-fluigaddtocalendar. Image RemovedImage Added Card id 2 label Passo 2 No repositório do sample-fluigaddtocalendar, selecione a opção Download no menu lateral esquerdo e efetue o download na pasta de sua preferência. Image Added   Selecione algum slot da página em edição e adione uma nova widget a ele. Image Removed Card id 3 label Passo 3 Efetuado o download do sample-fluigaddtocalendar, acesse o fluig Studio, acione a opção File → Import, no menu superior esquerdo. Image Added   Na página de seleção de widget, navegue até a opção "Adicionar ao calendário" localizado em Personalizado > Fluig Store > Adicionar ao Calendário e acione o botão "Adicionar". Image Removed Card id 4 label Passo 4 Selecione a opção General → Existing Projects into Workspace. Image Added Card id 5 label Passo 5 Selecione a opção Select archive file acione a opção Browse... e em seguida navegue até o local onde está localizado o arquivo: sample-fluigaddtocalendar-master.zip baixado no Passo 2, em seguida acione o botão Abrir. Image Added Card id 6 label Passo 6 Para finalizar a importação acione o botão Finish. Image Added   Após a inclusão da widget no slot, preencha os dados do evento e acione o botão salvar. Os campos Nome do evento, início e Término são obrigatórios. Image Removed Card id 57 label Passo 57 Após a finalização da importação do Projeto para o fluig Studio navegue até a raiz do Widget, fluigStudio > wcm > widget > AddThisEvent e selecione a raiz com o botão direito e acione a opção Export. Image Added   Após salvar as aterações na widget, acesse o menu de configuração no canto superior direito e selecione a opção "Publicar página". Image Removed Card id 68 label Passo 68 Selecione a opção Fluig > Exportar para o servidor Fluig. Image Added Card id 9 label Passo 9 Selecione o Servidor desejado e acione a opção Finish, após a finalização o widget estará disponível para ser adicionados nas páginas do WCM. * Caso não tenha um servidor cadastrado no seu fluig Studio, siga esse tutorial: Cadastrando servidor fluig no Studio. Image Added   Após a publicação da página, será possível visualizar a Widget, agora basta escolher um dos tipos de calendário para adicionar o Evento. Image Removed