Another demo showing the interaction between TableEditorWidget and ChartWidget
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
application
build
docs
.babelrc
.editorconfig
.eslintrc.json
.gitignore
.gitmodules
.yo-rc.json
CHANGELOG.md
CONTRIBUTING.md
LICENSE-MIT
README.md
debug.html
index.html
init.js
karma.config.js
package.json
webpack.config.js
yarn.lock

README.md

LaxarJS MashupDemo

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.

Next Steps

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.