Readme
This is a set an Angular library that provides reusable classes that follow BMAT style guide. It has been writed using Typescript.
Installation
From the source folder, run
npm install
This package uses @bmat/fonts and @bmat/icons packages. They are not included in the package as dependencies because they can be re-imported in other @bmat/* packages or published in a CDN.
Testing
Once installed, run
npm run test
Inside the coverage folder, you can find both a HTML and a JSON coverage report.
Linting
Both Typescript and SASS files can be linted. For Typescript, run Once installed, run
npm run lint
For SASS, run
npm run lint:sass
Building
You can build the app using
npm run build
This will compile SASS styles, embedd templates and styles inside Angular components and output to lib folder.
Inside package.json, you can find the subtasks of build.
Provided classes
Components
| Module | Component | Status | | --- | --- | --- | --- | | Data-Table | Data-Table | In progress | | Forms | Checkbox | In progress | | Forms | Duration Input | Done | | Forms | File Uploader | Done | | Forms | Radio Button | Done | | Forms | Search Input | In progress | | Forms | Multiselect | In progress | | Layout | Sidenav layout | In progress | | Media Players | Audio Player | In progress | | Shared | Progress bar | Done | | Widgets | Header User options | Done | | Widgets | Powered By BMAT | Done | | Widgets | User portrait | Done |
Directives
| Module | Component | Status | | --- | --- | --- | --- | | Widgets | Icon button | Done |
Services
Pipes
| Module | Component | Status | | --- | --- | --- | --- | | Shared | Format Duration | Done |
DemoApp
This package includes a demo page. Run
npm run start
and open http://localhost:4200