This is the home for the Hôpitaux Universitaires de Genève - DSI - Domaine Patient team's Angular components for Angular and material.
Online demo : https://dsi-hug.github.io/dejajs-components
This repository is an Angular components library and the common utility functions, with a demo application for testing it.
Before you can build this project, you must install and configure the following dependencies on your machine:
Begin by cloning the repository.
After cloning, you should be able to run the following command to install development tools. You will only need to run this command when dependencies change in package.json.
yarn or npm i
Take a look at the src folder. All components and demo application are placed here.
yarn start or npm start
and navigate to http://localhost:5100.
To clean the directory before making a new fresh install
npm run clean
To link the library to your project, just use the following commands from the root directory of your project
yarn link @deja-js/component or npm link @deja-js/component
and start your project. For example
ng serve
To build the library you can use the command npm run build and to build the demo npm run build:demo
A dist/ folder will be created in the root directory for the library and the demo directory for the demo containing the bundles.
You can serve directly the dist/ folder in the demo directory.
For example with http-server
npm i -g http-server
http-server demo/dist
| Feature | Working OnPush | Required / Disabled | Chrome 56 | Edge | IE11 | FF51 | Opera Neon | Readme and Demo | Note |
|---|---|---|---|---|---|---|---|---|---|
| Accordion | yes | N/A | yes | yes | yes | yes | yes | available | |
| Chips | yes | N/A | yes | yes | yes | yes | yes | @todo | |
| Circular Picker | yes | yes | yes | yes | yes | yes | yes | available | |
| Color Picker | yes | yes | yes | yes | yes | yes | yes | available | |
| Color Selector | yes | yes | yes | yes | yes | yes | yes | available | |
| Content Editable | yes | yes | yes | yes | yes | yes | yes | available | New line issue on IE11. IE11 add p instead br |
| Date Picker | yes | yes | yes | yes | yes | yes | yes | available | |
| Date Selector | yes | yes | yes | yes | yes | yes | yes | available | |
| Dialog | yes | N/A | yes | yes | yes | yes | yes | Message Box | |
| Grid | yes | N/A | yes | yes | yes | yes | yes | available | |
| Dropdown Control | yes | N/A | yes | yes | yes | yes | yes | Color Picker | |
| Message Box | yes | N/A | yes | yes | yes | yes | yes | available | |
| Monaco Editor | yes | N/A | yes | yes | yes | yes | yes | available | |
| Numeric Stepper | yes | N/A | yes | yes | yes | yes | yes | available | |
| Overlay | yes | N/A | yes | yes | yes | yes | yes | @todo | |
| Popup | yes | yes | yes | yes | yes | yes | yes | available | |
| Range | yes | yes | yes | yes | yes | yes | yes | available | |
| Select | yes | yes | yes | yes | yes | yes | yes | available | Place Holder placement in FF, Edge and IE11 |
| Sidenav | yes | N/A | yes | yes | yes | yes | yes | @todo | |
| Snackbar | yes | N/A | yes | yes | yes | yes | yes | available | |
| Splitter | yes | N/A | yes | yes | yes | yes | yes | available | |
| Tag | yes | N/A | yes | yes | yes | yes | yes | available | |
| Tiles | yes | N/A | yes | yes | yes | yes | yes | @todo | |
| Tooltip | yes | N/A | yes | yes | yes | yes | yes | Message Box | |
| Treelist | yes | yes | yes | yes | yes | yes | yes | available | |
| Viewport | yes | N/A | yes | yes | yes | yes | yes | yes |