/openui5-masterdetail-app-ts

Primary LanguageTypeScriptApache License 2.0Apache-2.0

openui5-masterdetail-app-ts

TypeScript port of SAP OpenUI5's Master Detail App.

The purpose of this project is to serve as examples for my other 2 projects:

It's a straight-forward port of the original masterdetail app without architectural or design changes. Only a few new methods were added, and not new modules.

For the original .js only version, refer to SAP's openui5-masterdetail-app

Getting started

  • Install node.js (get it from nodejs.org).
    • If working behind a proxy, you need to configure it properly (HTTP_PROXY / HTTPS_PROXY / NO_PROXY environment variables)
  • Install grunt-cli and bower globally
npm install grunt-cli bower -g
  • Clone the repository and navigate into it
git clone https://github.com/r-murphy/openui5-masterdetail-app-ts.git
cd openui5-masterdetail-app-ts
  • Install all npm dependencies
npm install
  • Install all bower dependencies
bower install
  • Run grunt to lint, build and run a local server (have a look into Gruntfile.js to see all the tasks).
grunt

Limitations

  • The grunt build does not watch and re-compile. I personally don't use grunt, and only configured it to work with tsc/babel since the original project uses grunt. It's a bit out of scope on what I wanted this project to illustrate, but if I have time I'll see if I can resolve it (Mrs also appreciated and welcome).
    • A non-grunt solution should be documented.