This is the home for the Hôpitaux Universitaires de Genève - DSI - Domaine Patient team's Angular2 components for Angular 2 and material.
Online demo : https://dsi-hug.github.io/dejajs-components
This repository is a Angular2 components library and the the common utility functions, with a demo application to testing it.
Before you can build this project, you must install and configure the following dependencies on your machine:
- [Node.js][]: We use Node to run a development web server and build the project. Depending on your system, you can install Node either from source or as a pre-packaged bundle.
- [Yarn][]: We use Yarn to manage Node dependencies. Depending on your system, you can install Yarn either from source or as a pre-packaged bundle.
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 install
Take a look at the src folder. All components and demo application are placed here.
yarn start
and navigate to http://localhost:5100.
| 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 | |
| Circular Picker | yes | yes | yes | yes | yes | yes | yes | available | |
| Color Selector | yes | yes | yes | yes | yes | yes | yes | available | |
| Color Picker | 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 Selector | yes | yes | yes | yes | yes | yes | yes | available | |
| Date Picker | yes | yes | yes | yes | yes | yes | yes | available | |
| Dialog | yes | N/A | yes | yes | yes | yes | yes | Message Box | |
| Events | yes | N/A | yes | yes | yes | yes | yes | @todo | |
| Grid | yes | N/A | yes | yes | yes | yes | yes | available | |
| Dropdown Control | yes | N/A | yes | yes | yes | yes | yes | Color Picker | |
| Menu | yes | N/A | yes | yes | yes | yes | yes | @todo | |
| Message Box | yes | N/A | yes | yes | yes | yes | yes | available | |
| Monaco Editor | yes | N/A | 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 |
| Snackbar | yes | N/A | yes | yes | yes | yes | yes | available | |
| Splitter | 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 |