RSS

Como configurar um modelo de template no GLPI

27 jan

Vou hoje postar uma pequeno artigo mostrando como fazer para alterar o modelo de email eviado pelo GLPI no processo de abertura de chamado.

Dentro do sistema ele tem o nome de Notificação e para começarmos, vamos chegar até lá, para isso acesse o seu GLPI.

Ja dentro do sistema, acesse as opções de notificação, para os que ainda não sabem, siga: Menu Configurar >> Notificações a tela abaixo vai ser exibida

Free Image Hosting at www.ImageShack.us

Primeiramente vamos configurar o seu GLPI para que ele envie os emails (caso esse passo já esteja feito, pule adiante), clique em “Configuração dos alertas e follow-ups por e-mail“, você vai ser levado a seguinte tela:

Free Image Hosting at www.ImageShack.us

Esta é a tela de configuração geral nela vamos inserir alguns dados onde os mais importantes encontram-se na opção “Servidor de e-mail“, mas vamos começar com os dados em “Notificação“. Aqui as opções são bem intuitiva, altere e insira os dados conforme o seu gosto.

Já nas opções de “Servidor de e-mail“, aqui precisamos ter bastante atenção, pois uma configração errada e as notificações não iram funcionar. Inicialmente vamos escolher quel a forma de envio, na opção “ Método de envio dos e-mails“, no dropdown ao lado, existem várias opções que são: PHP, SMTP, SMTP+SSL e SMTP+TLS

OBS: Caso você não tenha um servidor de email a opção PHP será a sua escolhe, porém é preciso verificar se seu sistema esta configurado para essa tarefa. Agora, se você possui um servidor de email com SMTP ativo, escolha uma das 3 opções disponíveis a seu gosto e preencha os campo com os dados necessários para envio.

Agora vamos seguir para a próxima aba, onde tem escrito “Opções de alarme“. Aqui vamos encontrar algumas opções a mais para configurar, verifique a necessidade de alterar esses valores e faça da melhor maneira.

Free Image Hosting at www.ImageShack.us

Depois de terminado as alterações ou não volte a tela inicial das opções de Notificação e escolha agora a opção “Modelos de notificação“, você será levado a tela com vários modelos já pré-configurados no sistema como pode ser visto abaixo.

Free Image Hosting at www.ImageShack.us

Clique no sinal de “+“(mais) que fica na parte superior da tela e o sistema vai disponibilizar uma tela para a inserção de um novo modelo, veja abaixo

Free Image Hosting at www.ImageShack.us

Nesta tela, para nosso artigo vamos apenas utilizar as duas primeiras opções, então vamos inicialmente, dar um nome ao nosso novo template na opção “Nome:” em seguida no próximo campo “Tipo:” no dropdown disponível ao lado entre as várias opções disponíveis, escolha a opção “Chamado” e finalize clicando em adicionar, a tela sera atualizada e será mostrada como abaixo

Free Image Hosting at www.ImageShack.us

A tela agora cresceu, mas não assusta, aqui vamos trabalhar com poucas telas tambem, na opção “Idioma:” você pode escolher o idioma a sua escolha, porém eu deixaria em branco mesmo, assim ele pega o idioma padrão do sistema. Nosso próximo passo é configurar a opção “Assunto:” aqui você vai colocar o que você quiser que seja mostrado no assunto do email, no meu caso eu coloquei o mesmo disponível pelo o padrão do sistema, veja

##ticket.action## ##ticket.title##

Agora vamos configurar como o corpo do email sera exibido, para isso selecione o código abaixo e copie.

————————– INICIO DO CÓDIGO ——————————————————

Olá Sr(a) ##ticket.openbyuser##,<br />

<br />

##IFticket.storestatus=new##

O seu pedido de ajuda feito no sistema de Helpdesk foi recebido, a nossa equipe de suporte já esta processando a solicitação e em instantes entrará em contato por telefone ou irá até sua presença. Quando seu pedido sofrer alguma mudança você receberá um email. Você também poderá acessar os sistema em <a href=”##ticket.url##”>##ticket.url##</a> a qualquer momento para acompanhar o status do seu chamado ou mesmo mandar alguma informação ao técnico. O seu numero de referência do seu chamado é [##ticket.id##].

<br />

##ENDIFticket.storestatus##

<br>

Este é um email gerado automaticamente pelo sistema de Helpdesk, POR FAVOR NÃO RESPONDA ESTE EMAIL. Qualquer email enviado para suporte@funape.pe.gov.be será automaticamente descartado.

<br />

##IFticket.storestatus=solved##

<table style=”width: 100%;” border=”0″>

<tbody>

<tr>

<th style=”width: 100%; background-color: #189bcc;” colspan=”2″ rowspan=”1″><a href=”##ticket.urlapprove##”>##lang.ticket.solution.description##</a></th>

</tr>

<tr align=”center”>

<td colspan=”2″ rowspan=”1″><br>

<strong>##lang.ticket.autoclosewarning##</strong>

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.solvedate## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.solvedate##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.solution.type## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.solution.type##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.solution.description## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.solution.description##

</td>

</tr>

</tbody>

</table>

##ENDIFticket.storestatus##

<br />

<table style=”width: 1400px; height: 43px; background-color: #189bcc;” border=”0″>

<tbody>

<tr>

<td style=”width: 695px; text-align: center;”><br>

<a href=”##ticket.url##”>##ticket.title##</a>

</td>

<td style=”margin-left: 154px; text-align: center;”><br>

##IFticket.numberoffollowups##<a href=”#followups”>##lang.ticket.numberoffollowups## : ##ticket.numberoffollowups##</a> ##ENDIFticket.numberoffollowups##

</td>

<td style=”text-align: center;”><br>

##IFticket.numberoftasks##<a href=”#tasks”>##lang.ticket.numberoftasks## : ##ticket.numberoftasks##</a> ##ENDIFticket.numberoftasks##

</td>

</tr>

</tbody>

</table>

<table style=”width: 704px; height: 329px;” border=”0″>

<tbody>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.authors## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##IFticket.authors####ticket.authors####ENDIFticket.authors####ELSEticket.authors## — ##ENDELSEticket.authors#

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.creationdate## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.creationdate##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.closedate## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.closedate##

</td>

</tr>

##IFticket.requesttype##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.requesttype## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.requesttype##

</td>

</tr>

##ENDIFticket.requesttype##

##IFticket.itemtype##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.item.name## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.itemtype## – ##ticket.item.name##  ##IFticket.item.model## – ##ticket.item.model## ##ENDIFticket.item.model##  ##IFticket.item.serial## – ##ticket.item.serial## ##ENDIFticket.item.serial##   ##IFticket.item.otherserial## – ##ticket.item.otherserial## ##ENDIFticket.item.otherserial##

</td>

</tr>

##ENDIFticket.itemtype##

##IFticket.assigntousers##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.assigntousers## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.assigntousers##

</td>

</tr>

##ENDIFticket.assigntousers##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.status## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.status##

</td>

</tr>

##IFticket.assigntogroups##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.assigntogroups## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.assigntogroups##

</td>

</tr>

##ENDIFticket.assigntogroups##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.urgency## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.urgency##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.impact## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.impact##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.category## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##IFticket.category## ##ticket.category##  ##ENDIFticket.category##  ##ELSEticket.category##  ##lang.ticket.nocategoryassigned##  ##ENDELSEticket.category##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.content## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.content##

</td>

</tr>

##IFticket.storestatus=closed##

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.solvedate## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.solvedate##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.solution.type## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.solution.type##

</td>

</tr>

<tr>

<td style=”text-align: left; vertical-align: middle;”><br>

##lang.ticket.solution.description## :

</td>

<td style=”text-align: left; vertical-align: middle;”><br>

##ticket.solution.description##

</td>

</tr>

##ticket.numberoffollowups##

</tbody>

</table>

————————– FIM DO CÓDIGO ——————————————————

Com o código selecionado na opão “Corpo do e-mail HTML :” na barra de icones, procure por um que tem o nome “html” clique nele a tela abaixo será aberta

Free Image Hosting at www.ImageShack.us

No espaço em branco, cole o código que você copiou no passo acima e clique em “Atualizar“, feito isso a tela sera fechada e você voltarar a tela anterior, mas na opção ”Corpo do e-mail HTML :” veremos agora um esboço de como ficara o nosso template, veja abaixo

Free Image Hosting at www.ImageShack.us

Agora clique no botão “Adicionar” a tela vai ser atualizada e no topo sera mostrado a seguinte informação

Free Image Hosting at www.ImageShack.us

Volte a tela de “Modelos de notificação” e procure pelo modelo que você acabou de criar na lista e acesse ele. Note que a tela apresenta uma pequena mudaça, agora temos na parte inferior uma opção chamada “Adicionar uma nova tradução” e no quadro “Idioma” abaixo, encontra-se uma entrada chamada “Tradução padrão“.

Free Image Hosting at www.ImageShack.us

Acesse a opção “Tradução padrão” e você será levado a tela que estamos editando a pouco tempo, onde inserimos o código do template, mas veja agora como ele ficou:

Free Image Hosting at www.ImageShack.us

Se a sua tela ficou igual a que estava acima, estamos no caminho certo. Agora volte a tela inicial de configuração das notificação e agora escolha a terceira opção “Notificações“, uma tela com vários modelos já configurados será mostrado, como pode ser visto abaixo.

Free Image Hosting at www.ImageShack.us

Procure pelas ocorrências onde na coluna “Tipo” onde exista o nome “Chamado“, estas são ações que utilizam pelo sistema de chamado quando envia os e-mails e estes usam o template “Ticket” que já vem por padrão no sistema.

Nosso trabalho agora vai ser trocar esta assossiação do modelo padrão para o nosso modelo criado. Para isso escolha um dos disponíveis e clique no seu nome, no meu caso escolhi a ação “New Ticket” e fui levado a tela de configurção, veja

Free Image Hosting at www.ImageShack.us

Nesta tela e possível fazer varias alterações, fica a seu critério, para este artigo vamos apenas altera apenas a opção “Modelos de notificação“, clique no dropdown e escolha o melho que acabamos de criar (procure pelo nome que você deu ao modelo) depois é só clicar no botão “Atualizar“. A tela vai ser atualizada e no topo vai ser mostrado uma mesagem como vista abaixo.

Free Image Hosting at www.ImageShack.us

Bom pessoal é isso, terminado o processo, você tera que fazer este ultimo em todos as ações que tenha o nome “Chamado” na coluna de “Tipo” terminado o processo, seus e-mails vão ter uma formatação diferenciada e esse código pode ser mudado ao gosto do cliente, sejam criativos, e se fizerem alguma alteração neste modelo, compartilhem com o resto do pessoal, como fiz aqui neste artigo.

O modelo que aqui foi disponibilizado vai ficar como o da imagem abaixo:

Free Image Hosting at www.ImageShack.us

Este modelo foi pura sorte, por que eu estava procurando por um outro assunto que não tinha nenhuma relação, e acabei esbarrando neste site:

http://www.siprossii.com/en/GLPI-notification-template-mail

Onde o cara estava disponibilizando este modelo mostrando como configurar, porem este não estava funcionando na versão 0.80.61, então mesmo sem saber nada, isso mesmo nada, sou péssimo em programação, fui alterando e pesquisando e consegui chegar numa solução que funciona, mas adimito que não é nada “fino” no que se diz respeito a programação.

Então reforço o pedido, se vocês gostaram da ideia e tem mais dominio na programaçao e consigam desenvolver outros modelos de templates, compartilhem aqui com pessoal e comigo, pois vou ficar bastante feliz.

Grande abraço a todos, até a próxima.

 
2 Comments

Publicado por em 27/01/2012 em Dicas, glpi, Tutoriais

 

Tags:

2 respostas para Como configurar um modelo de template no GLPI

  1. Carlos Palmarante

    17/02/2012 at 10:57

    Segui todos os passo, até consigo enviar email. só que não formata com o css(não aparece)

     
    • Rafael Cristian

      17/02/2012 at 15:14

      Carlos,

      Na realidade seguindo esse passo a passo, o uso do CSS não é utilizado, como no post original de onde tive como base para fazer este. O código disponível no post já esta formatado inclusive com as cores, onde no próprio código você pode alterar para as cores que você mais desejar.

      []´s

       

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s

 
Seguir

Obtenha todo post novo entregue na sua caixa de entrada.