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.
Running the MashupDemo
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
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.