* web-apps(front): Define theme and typography In this commit: * Create a styles folder that contains all sccs files. * Define the generic theme and typography. Signed-off-by: Elena Zioga <elena@arrikto.com> * web-apps(front): Use the style of the specified body-1 level Signed-off-by: Elena Zioga <elena@arrikto.com> * web-apps(front): Use the styles of the specified title and headline levels Signed-off-by: Elena Zioga <elena@arrikto.com> * web-apps(front): Use primary color in snackbar component Signed-off-by: Elena Zioga <elena@arrikto.com> * web-apps(front): Change back button Signed-off-by: Elena Zioga <elena@arrikto.com> * jwa(front): Fix imports after restructuring Signed-off-by: Elena Zioga <elena@arrikto.com> * jwa(front): Add mat-typography class in index.html Signed-off-by: Elena Zioga <elena@arrikto.com> * jwa(front): Use the style of the specified title level Signed-off-by: Elena Zioga <elena@arrikto.com> * jwa(front): Use primary color Signed-off-by: Elena Zioga <elena@arrikto.com> * vwa(front): Fix imports after restructuring Signed-off-by: Elena Zioga <elena@arrikto.com> * vwa(front): Add mat-typography class in index.html Signed-off-by: Elena Zioga <elena@arrikto.com> * vwa(front): Use the style of the specified title level Signed-off-by: Elena Zioga <elena@arrikto.com> * twa(front): Fix typo Signed-off-by: Elena Zioga <elena@arrikto.com> * twa(front): Add mat-typography class in index.html Signed-off-by: Elena Zioga <elena@arrikto.com> * twa(front): Fix imports after restructuring Signed-off-by: Elena Zioga <elena@arrikto.com> * twa(front): Use primary color Signed-off-by: Elena Zioga <elena@arrikto.com> * twa(front): Fix formatting Signed-off-by: Elena Zioga <elena@arrikto.com> * twa(front): Fix ui test Signed-off-by: Elena Zioga <elena@arrikto.com> --------- Signed-off-by: Elena Zioga <elena@arrikto.com> |
||
|---|---|---|
| .. | ||
| cypress | ||
| i18n | ||
| scripts | ||
| src | ||
| .browserslistrc | ||
| .editorconfig | ||
| .eslintrc.json | ||
| .gitignore | ||
| .prettierrc | ||
| OWNERS | ||
| README.md | ||
| angular.json | ||
| cypress.config.ts | ||
| karma.conf.js | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.spec.json | ||
README.md
Frontend
This project was generated with Angular CLI version 9.0.2.
Development server
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.
Code scaffolding
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.
Build
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.
Running unit tests
Run ng test to execute the unit tests via Karma.
Running integration tests
To run integration tests locally, make sure that node modules are installed and the frontend is serving the UI under localhost:4200. Then use npm run e2e to execute the integration tests via Cypress. This will open Cypress and there select the browser in which the tests will run.
Ideally, tests should be run both in Chrome and Firefox and for that there is the script npm run e2e-ci-all that runs (instead of opening) Cypress. Note that in order for tests to run in a browser, the browser needs to be already installed on the system.
Make sure to check out these guides for system-specific information on installing and running Cypress
- https://docs.cypress.io/guides/getting-started/installing-cypress
- https://docs.cypress.io/guides/references/advanced-installation
WSL2
In order to be run in a WSL2 installation, Cypress requires these dependencies.
In the case of WSL2 on Windows 10, this extra setup is required in order to have an X Server running in Windows host and creating the browser window.
Further help
To get more help on the Angular CLI use ng help or go check out the Angular CLI documents.