New interface: installation and edits

Dependencies

This app uses the following packages

• NodeJs
  $ sudo apt-get install nodejs npm
• Bower
  $ npm install -g bower
• Grunt
  $ npm install -g grunt grunt-cli

Install

Go in the target directory and clone the interface by run this command:

$ git clone -b new_interface https://github.com/bioversity/Crop-Ontology.git .

Then update dependent packages:

$ npm update && bower update

Done.

Edit

The new interface is built with Ecmascript 6 and Sass (scss).
As you can see in the index.html file, the system load a minified css and javascript files, so when you edit some Es6 or sass file, it must to be compiled in a browsers compatible version.
The Grunt task runner will do the compilation on each saving:

$ grunt watch

Output:

Now you can do your edits and save.