Drag & Drop to Modify Axis Hierarchies

Being able to drag and drop hierarchies to reorder them is another step to remove extra controls used in my JSF example and provide as much MDX query functionallity as possible using only the cell set table. The logical choice to implement drag & drop was using jquery-ui draggable and droppable widgets. Initial experiments made evident that the current columns axis layout is not a good fit for a drag & drop interface to hierarchy reorder, so I've redisigned its layout.

Leveraging Bootstrap and Angular

The driving force behind my current Javascript experiment was a need to modernize the UI for the Pivot Table. Clearly the old good JPivot-like UI doesn't match modern users expectations: context menus, drag & drop items, etc. So, once my Javascript cellset fulfilled basic functionality (drill up/down and add/remove hierarchies) I've started my work to rejuvenate the UI into a more stylish one.

A Functional CellSet Pivot Table Using AngularJS and jQuery

I've take my previous Javascript experiment one step further; up to the point where it provides a functional CellSet pivot table and a hierarchy selector. I'm now learning AngularJS, and I like its MVC approach, so I'm using it for this experiment.

Sources, Live Demo and Maven Repository

You can find the sources for this experiment in my GitHub olap4j-js repository. Sources for olap4j-query are also in GitHub: olap4j-query; but I've set up a maven repository to host a olap4j-query 0.0.1 release version, used in this experiment. The required Maven snippet to use this repository is:

<repositories>
  ...
  <repository>
      <id>desarrollo-agil</id>
      <url>http://demo.desarrolloagil.es/nexus/content/repositories/releases/</url>
  </repository>
  </repositories>