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 |