This is a working sample of Greenlight-Solutions
#Requirements
- The snippet should display a dynamic tree loaded from JSON.
- Each node can be edited in-line (or in-place) by double-clicking on it. The label should change to an edit box.
- Some nodes can accept only numerical values (specified in JSON as a type property).
- Some examples of nodes: {id: 123, label: 'root', parentId: -1}, {id:1234, label: 'child', parentId: 123}, {id: 12345, label: 'numbers only', parentId: 1234, type: N}
- The nodes should accept updates from outside (values, parent/position) and the tree should update accordingly: getNodeWithId(1234).setParentId(123)
- The modified tree can be saved back to a JSON. TODO!!!
Bonus points for:
- drag&drop
- implementing a 'disabled' feature that disallows editing nodes
- making a type of node that has a dropdown box when edited TODO!!!
- CSS styling of the nodes
#Installation
- Install node.js
- Open the node command prompt
- Run npm install bower -g
- Run npm install grunt -g
- Run npm install grunt-cli -g
- Run npm install nodemon -g
- Install ruby and add to your path
- install ruby scss gem
- Run npm install from the root directory
- Run bower install from the root directory (Use angular 1.3+ to make one way databinding work)
- Run npm install in the server directory
- Create logs directory under server directory
- Run nodemon server.coffee from the server directory
- Run grunt serve from the root directory
#TODO
- Write unit tests
- Make the communication-service working with Restangular
- Filedownload json and filedrop
- Username and Password to header
- Make build task working properly
- Making a type of node that has a dropdown box when edited