Skip to content

LaxarJS/mashup-demo

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

Another demo showing the interaction between TableEditorWidget and ChartWidget

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages