tree: e270ccd7d5760e23d5b706630071da6a79bd5459 [path history] [tgz]
  1. configurations/
  2. cypress/
  3. e2e/
  4. src/
  5. .babelrc
  6. angular-cli.json
  7. build_catalog_ui.bat
  8. build_catalog_ui.sh
  9. cypress.json
  10. cypress.json.tpl
  11. package.json
  12. pom.xml
  13. README.md
  14. tslint.json
  15. webpack.common.js
  16. webpack.config.js
  17. webpack.production.js
  18. webpack.server.js
catalog-ui/README.md

CatalogUi

Development server

  1. Run npm start for a dev server.
  2. Navigate to http://localhost:9000/.
    • The app will automatically reload if you change any of the source files.

To Specify the user role:

npm start --env.role designer

npm run <role>

Build

dev

Run npm run build to build the project.

The build artifacts will be stored in the dist/ directory.

prod

Run npm run build:prod to build the project.

The build artifacts will be stored in the dist/ directory.

Configuration

webpack.server.js

Development server is configured in /webpack.server.js file. Configure the constants accordingly:

  • const devPort: the webpack server port;
  • const feHost: the catalog front-end container host;
  • const fePort: the catalog front-end container port.

The server will create a proxy to the front end calls based on the feHost and fePort.

It will also create authorization cookies to those requests. The cookies and user information comes from the /configurations/mock.json file under the nodes sdcConfig.cookie and sdcConfig.userTypes respectively.

The default user role is the node sdcConfig.userTypes.designer (configurable with the npm parameter --env.role).

Application Configuration

Application configuration dev.js or prod.js and menu.js are located in /configuration folder and required by app.ts according to ENV parameter from webpack.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Before running the tests make sure you are serving the app via ng serve.

Working with WebStorm

  1. go to File --> Settings --> Languages & Frameworks
  2. Under JavaScript -> set JavaScript language version to ECMAScript6
  3. Under TypeScript -> select Enable TypeScript Compiler and choose Use tsconfige.json