HCM – Tema e Layout – Como alterar cores, imagem e logo na nova interface
Dúvida
Como alterar imagens de fundo, logo e cores do Gestão do Ponto Nova Interface?
Solução
Para realizar a alteração das informações, realize os passos a seguir:
Importante: Na versão 6.10.3 a alteração deve ser realizada na pasta do frontend, e na versão 6.10.4 deve ser realizado diretamente no arquivo '.ear', diretório exemplo:
C:\Senior\SeniorTools\environments\SeuAmbiente\contexts\gestaoponto\gestaoponto.ear\gestaoponto-frontend.war\
Salve o conteúdo dos originais antes de serem alterados para ter um backup caso ocorra algum problema.
1. Para remover o gradiente de fundo no login:
1.1. Acesse o diretório do frontend e abra o arquivo app.XXX.css e remova o conteúdo do arquivo que está dentro das aspas, inclusive o ponto final:
'login__gradient{position:fixed;background:-webkit-linear-gradient(45deg,#033 1%,#008267 55%,#b65434 90%);background:linear-gradient(45deg,#033 1%,#008267 55%,#b65434 90%);opacity:.9;z-index:10;bottom:0;top:0;left:0;right:0}.';
2. Para alterar a imagem de fundo da tela de login:
2.1. Acesse o diretório do frontend e vá em app \ assets \ img;
2.2. Substitua o arquivo login-bg.jpg pela imagem desejada que deve ter o mesmo nome e extensão;
3. Para alterar a imagem do logo da tela de login:
3.1. Acesse o diretório do frontend e abra o arquivo app.XXX.js e busque por 'senior-logo.png', altere para 'xxxx-logo.png', altere apenas o primeiro, os demais não devem ser alterados;
3.2. Adicione o logo desejado dentro da pasta do frontend em app \ assets \ img, o nome do arquivo deverá ser 'xxxx-logo.png'.
4. Para alterar a imagem do canto superior esquerdo após o login:
4.1. Acesse o diretório do frontend e vá em app \ assets \ img;
4.2. Substitua o arquivo logo-light.png por pela imagem desejada, que deve ter o mesmo nome e extensão.
Para a versão 6.10.4 ou superior, é necessário realizar o deploy no Wildfly do arquivo gestaoponto.ear alterado nos passos anteriores para que as alterações tenham efeito, para isso consulte:
Tecnologia - Wildfly - Como efetuar o deploy manual dos módulos Web no Wildfly
Importante: Ao atualizar o sistema essas alterações serão perdidas, sendo necessário refazer todos passos novamente no ambiente.
Atenção! Antes de realizar qualquer alteração, analise o impacto que poderá ter em outros lançamentos/processos do sistema.