Índice

Objetivo do componente

...

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. Basta instalar o componente de calendário do fluig, disponível na fluig StoreO 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 plataformaAo acessar a fluig Store e adquirir um pacote de instalação do fluig Gamificação, você terá acesso ao download do arquivo gamification-server.zip. Descompacte-o em uma pasta de sua preferência, que chamaremos de <Diretorio_Gamification>.

Deck of Cards
effectDuration 0.5 history false id samples effectType fade
Card default true id 1 label Passo 1 Acesse a instalação de seu fluig com o perfil de Administrador e, em seguida, acesse: Painel de controle > WCM > Central de componentes.   Image Removed Figura 1 - Central de componentes 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 Added Card id 2 label Passo 2 Selecione algum slot da página em edição e acione Adicionar uma nova widget. Image Added   Acione a opção Escolher arquivo, navegue até a pasta descompactada e selecione o arquivo gamification-server.ear.   Image Removed Figura 2 - Seleção do arquivo gamification-server.ear   Acione a opção Enviar e aguarde aproximadamente 1 minuto para a finalização do processo de publicação do componente.   Image Removed Figura 3 - Publicação do componente Card id 3 label Passo 3 No painel de seleção de widgets, navegue até a opção Adicionar ao calendário, localizada em Personalizado → Fluig Store → Adicionar ao Calendário, e acione Adicionar. Image Added Card id 4 label Passo 4 Após a inclusão do widget no slot, preencha os dados do evento e acione Salvar. Os campos Nome do evento, Início e Término são obrigatórios. Image Added   Faça uma busca por gamification. Selecione gamificationcomponent. Acione o botão Ativar. Image Removed Figura 4 - Ativação do recurso Gamificação   Acesse Painel de Controle > Colaboração > Gamificação para ter acesso a todas as configurações de Gamificação.   Image Removed Figura 5 - Recurso Gamificação ativo na plataforma Card id 5 label Passo 5

Em ambientes em que o fluig está instalado em mais de um servidor você deve publicar manualmente o arquivo gamification-server.ear na pasta {INSTALAÇÃO_FLUIG}/jboss/apps/ de todos os servidores disponíveis. E, depois, executar o passo 4.

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

...

...

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

Informações
title Atenção
Caso você  já acessou instalou deseje utilizar o componente da fluig Store conforme procedimento descrito acima e não deseja alterar nada no componente para sua plataforma o procedimento a seguir não se faz padrão e não tenha interesse em personalizá-lo, o procedimento abaixo não é necessário.

Deck of Cards
effectDuration 0.5 history false id samples effectType fade
Card default true id 1 label Passo 1 Acesse o repositório de exemplos do fluig, e selecione a opção sample-fluigaddtocalendar. Image Modified   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 Modified   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.     Card id 4 label Passo 4   Selecione a opção General > → Existing Projects into Workspace.   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 Passo 2, em seguida acione o botão Abrir.   Card id 6 label Passo 6 Para finalizar a importação acione o botão Finish.   Card id 7 label Passo 7 Após a finalização da importação do Projeto para o fluig Studio navegue até a raiz da do Widget, fluigStudio > wcm > widget > AddThisEvent e selecione a raiz com o botão direito e acione a opção Export.   Card id 8 label Passo 8 Selecione a opção Fluig > Exportar para o servidor Fluig.   Card id 9 label Passo 9 Selecione o Servidor desejado e acione a opção Finish, após a finalização a o widget estará disponível para ser adicionadas 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.

 

Adicionando a widget "Adicionar ao calendário" em uma página

...

...

• Acesse a página em que deseja adicionar a widget de calendário, acione o menu de configuração no canto superior direito e selecione a opção "Editar página".
  

Image Removed

...

...

Image Removed

...

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

...

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

...

Após salvar as alterações na widget, acesse o menu de configuração no canto superior direito e selecione a opção Publicar página.

Image Removed

...

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

...