-
Alterar imagens.
As imagens do candidato e de fundo estão localizadas em `assets/imagens/inicio` Enquanto os ícones (redes sociais e lojas de aplicativos) estão localizados em `assets/imagens/icones` ## Para alterar as imagens, utilizar ajudante (CaminhoHelper.ts) `src/app/_helpers/caminho_helper.ts` funções: CaminhoLogo(nomeLogo: string) ObterCaminhoIconePartido() ObterCaminhoIconeConectaCandidato() ObterCaminhoIconeCampanha() ObterImagemLogoCampanhaCandidato() CaminhoImagemCandidato(tipoImagem: TipoImagem)
-
Alterar icones de redes sociais.
Os icones de redes sociais são servidos pela classe ServicoRedesSociais.ts `\src\app\data\service\ServicoRedesSociais.ts` funções: GetAllRedesSociais(Candidato:Candidato)
A arquitetura utilizada foi a seguinte.
_helpers < centralização de funções auxiliares
core < funções de controle de estado, controle de autenticação
- guard < guarda de rotas
- interceptor < middleware de chamadas
- service < controle de estado e autenticação
- authentication < autenticação
- state < controle de estado da aplicação
data < modelos de dados utilizados na aplicação
- schema < modelos de dados
- domain < modelos do dominio
- service < serviços para modelos
- domain < servicos para modelos do dominio (consumo de API)
layout < componentes da página mestre
modules < modulos atômicos das páginas da aplicação
- biografia
- page < todos os componentes (ou modulos) que serão adicionados ao .module
-*components
- biografia.module < junção atômica de todos os componentes da página
- biografia.routing < definição dos pârametros de roteamento
(...)
shared < componentes e módulos compartilhados
O projeto utiliza o AOS para as animações com scroll
As animações próprias do projeto estão localizadas em
`src/app/animations.ts`
As váriaveis CSS e classes de tema estão localizadas em:
`src/tema.css`
Opções
`
:root {
/* Dominio */
--logo-campanha-size: 30px;
--logo-campanha-margin: 10px auto;
--cor-texto-partido:yellow;
--numero-campanha-color: yellow;
--numero-campanha-size: 30px ;
--numero-campanha-margin: 0 0 10px 0;
--primario-default: orange;
--foreground-default: #08090a;
--background-default: #f4faff;
}
.tem-background-primario{
background:var(--primario-default) !important;
}
.tem-cor-primaria{
color:var(--primario-default) !important;
}
.tem-borda-primaria{
border-color: 1px solid var(--primario-default) !important;
}
`
This project was generated with Angular CLI version 10.0.2.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.