Pacto Ui

Define a identidade visual básica dos produtos da Pacto.

Instalando em projetos Angular CLI

1. Instalar as peer depencencies descritas no package.json.

2. Adicione as seguintes linhas na propriedade 'styles' do arquivo angular.json:

   "styles": [ ... "projects/ui/assets/ui-kit.css", "projects/ui/assets/scss/material-theme.scss", "node_modules/bootstrap/dist/css/bootstrap.min.css" ... ]

2.1 Instalar a fonte:

<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap" rel="stylesheet">

3. Adicione as seguintes linhas na propriedade 'scripts' do arquivo angular.json:

   "scripts": [ ... "node_modules/jquery/dist/jquery.min.js", "node_modules/moment/min/moment.min.js", "node_modules/apexcharts/dist/apexcharts.min.js" ... ]

4. Adicone as seguintes linhas na propriedade 'assets' do arquivo angular.json:

No arquivo angular.json do projeto, na propriedade 'assets' adicione o caminho para o a pasta de assets:

{
    "glob": "**",
    "input": "node_modules/@pacto-solucoes/ui/assets",
    "output": "pacto-ui"
}

5. Importar os módulos 'NgbModule' e 'UiModule' no módulo prinicial da applicação:

   import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { UiModule } from 'node_modules/@pacto-solucoes/ui';

   @NgModule({ imports: [ ... NgbModule, UiModule ... ],

6. Para ter acesso as configurações, cores e mixins do projeto adicione a seguinte lina no inicio de arquivo de .scss do componente:

@import 'node_modules/@pacto-solucoes/ui/assets/import.scss';

7. Instalar Angular Material/CDK