The LaxarJS MashupDemo is a web application which combines two external libraries, a data grid editor (Handsontable) and a charting library (Angular-nvD3) by using the LaxarJS event bus. The MashupDemo is implemented using the LaxarJS web application framework.
The demo consists of a small set of LaxarJS widgets implemented in AngularJS.
To fetch the required tools and libraries, make sure that you have npm
(comes with NodeJS) installed on your machine.
Use a shell to issue the following commands:
git clone --recursive https://github.com/LaxarJS/mashup-demo.git
cd mashup-demo
npm install
npm start
Afterwards, open the demo at http://localhost:8001/debug.html.
For an optimized version more suitable for production, stop the server (using Ctrl-C
) and run:
npm run dist
npm start
Now you can browse the optimized demo at http://localhost:8001/index.html.
Instead of using npm start
, you can use any web server on your machine by having it serve the mashup-demo
directory.
Try modifying the widgets under includes/widgets/mashup-demo
to get a feel for how a LaxarJS application works.
Read the tutorial to get further information about how this application was implemented.