Blog Article:

Sunstone Development: RequireJS, Bower, Grunt, Handlebars…

Daniel Molina

Dec 9, 2015

In OpenNebula 4.14 the graphical interface code, Sunstone, was redesigned and modularized to improve the code readability and ease the task of adding new components.

  • Now, each component (tab, panel, form…) is defined in a separate module using requirejs
  • HTML code is now defined in separate files using Handlebars templates.
  • External libraries are handled using Bower, a Javascript package manager.
  • Zurb Foundation is used for the layout of the web.
  • Additional CSS styles are defined using SASS.
  • Grunt is used to automate the different processes to generate the optimized files.

We have included a new Sunstone development guide, including more details of this implementation and how to apply changes to the new code.


Submit a Comment

Your email address will not be published. Required fields are marked *