2017-03-23 15:44:52 +00:00
..
2016-08-02 10:49:34 +01:00
2017-03-22 10:50:24 +00:00
2017-02-10 11:22:25 +00:00
2016-12-15 11:50:01 +00:00
2016-08-02 10:49:34 +01:00
2016-06-03 17:46:29 +01:00
2016-12-06 15:39:22 +00:00
2016-04-22 22:48:14 +01:00
2017-02-27 09:08:28 +00:00
2016-12-06 15:39:22 +00:00

Alfresco Angular 2 Components

alfresco angular2

style

Installing

To correctly use this demo check that on your machine is running Node version 5.x.x or higher.

git clone https://github.com/Alfresco/alfresco-ng2-components.git
cd alfresco-ng2-components/demo-shell-ng2/
npm install

Development build

npm start

This command compiles and starts the project in watch mode. Browser will automatically reload upon changes. Upon start you can navigate to http://localhost:3000 with your preferred browser.

Important notes

This script is recommended for development environment and not suited for headless servers and network access.

Production build

npm run build
npm run start:dist

This command builds project in production mode. All output is placed to dist folder and can be served your preferred web server. You should need no additional files outside the dist folder.

Important notes

By default demo application is configured to use wsrv tool (lightweight web server) to serve production build output. It will be running at 0.0.0.0 address with port 3000 and allow you accessing your application via network. However you can use any web server of your choice in production.

Development branch build

If you want to run the demo shell with the latest change from the development branch, use the following command from the /script folder:

./npm-clean.sh
./start-linked.sh -install

Multi-language

To support a new language you need to create your language file (.json) and add it to i18n/ folder.

{
        "username" : "Username",
        "input-required-message": "Required",
        "input-min-message": "Your username needs to be at least 4 characters.",
        "login-button": "Login"
}

Directory structure:

.
├── i18n/
│   ├── en.json
│   ├── it.json
│   └── fr.json

Custom-files

If you need to add custom files on your project you can add this files in the folders public

.
├── public/
│   ├── images/
│   ├── css/
│   └── js/

the public folder above wil be copied in the root of your project and you can refer to them for example as

  • './images/custom_image.png'
  • './js/custom_script.js'
  • './css/custom_style.css'