[IMP] web: new pivot view, full rewrite of graph view

This commit is a split of the former graphview into a pivot view (the
tabular view) and graph view (the various charts).  The code was fully
rewritten.
* pivot view should be faster (better underlying data structure and
better algorithm)
* better integration with the web client (use of sidebar, of menu buttons,
bettor style)
* new feature: pivot view can be sorted
* new feature: pivot view cells can be clicked to open a list view with
the corresponding domain
* web_graph addon was removed, and the graph view code has been moved
to the addon web.
* the interaction with the searchbar was changed (no more column facet)
* better and simpler code for graph view
* mary corner cases in graph charts have been corrected (for ex, pie
chart with positive and negative numbers)
* graph/pivot correctly save their state when added to dashboard/saved
(state such as current measure, chart mode, column groupbys, ...)

2 files changed, 200 insertions, 7 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 379fc66c75a..de947590cec 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1050,7 +1050,7 @@
 .openerp .oe-view-manager-header .dropdown-menu li a {
   padding: 3px 25px;
 }
-.openerp .oe-view-manager-header .dropdown-menu .oe_searchview_custom_public a:after {
+.openerp .oe-view-manager-header .dropdown-menu .oe_searchview_custom_public a:after, .openerp .oe-view-manager-header .dropdown-menu .oe-share-filter:after {
   font-family: FontAwesome;
   content: "";
   color: #666;
@@ -1519,6 +1519,110 @@
 .openerp .oe_view.oe_cannot_create .oe_view_nocontent_create {
   display: none;
 }
+.openerp .oe_pivot table {
+  width: auto;
+}
+.openerp .oe_pivot col.hover {
+  background-color: #f5f5f5;
+}
+.openerp .oe_pivot th {
+  background-color: #ffffff;
+  font-weight: normal;
+  vertical-align: top;
+  border: 1px solid #bfbfb6;
+  border-top: none;
+}
+.openerp .oe_pivot th.oe-total {
+  background-color: #f0eeee;
+  font-weight: bold;
+  vertical-align: bottom;
+}
+.openerp .oe_pivot td {
+  border: 1px solid #bfbfb6;
+  text-align: right;
+}
+.openerp .oe_pivot td.oe-closed, .openerp .oe_pivot td.oe-opened {
+  cursor: pointer;
+}
+.openerp .oe_pivot .oe-closed, .openerp .oe_pivot .oe-opened {
+  cursor: pointer;
+  background-color: #f0eeee;
+  border-left: none;
+  text-align: left;
+}
+.openerp .oe_pivot .oe-closed:hover, .openerp .oe_pivot .oe-opened:hover {
+  background-color: #e6e6e6;
+}
+.openerp .oe_pivot.oe-enable-linking td:not(.oe-closed):not(.oe-opened):not(.oe-empty) {
+  cursor: pointer;
+}
+.openerp .oe_pivot.oe-enable-linking td:not(.oe-closed):not(.oe-opened):not(.oe-empty):hover {
+  color: #428bca;
+}
+.openerp .oe_pivot .oe-closed:before {
+  font-family: FontAwesome;
+  margin-right: 5px;
+  content: "";
+}
+.openerp .oe_pivot .oe-opened:before {
+  font-family: FontAwesome;
+  margin-right: 5px;
+  content: "";
+  text-align: left;
+}
+.openerp .oe_pivot .measure-row {
+  background-color: #f0eeee;
+  cursor: pointer;
+}
+.openerp .oe_pivot .o-sorted:after {
+  font-family: FontAwesome;
+  margin-left: 5px;
+}
+.openerp .oe_pivot .o-sorted-asc:after {
+  content: "";
+}
+.openerp .oe_pivot .o-sorted-desc:after {
+  content: "";
+}
+.openerp .oe_pivot .dropdown-menu a {
+  color: black;
+}
+.openerp .oe_pivot .dropdown-menu .pivot-dropdown-submenu {
+  position: relative;
+}
+.openerp .oe_pivot .dropdown-menu .pivot-dropdown-submenu > .dropdown-menu {
+  top: 0;
+  left: 100%;
+}
+.openerp .oe_pivot .dropdown-menu .pivot-dropdown-submenu .field-selection:after {
+  content: "";
+  width: 3px;
+  float: right;
+  margin-left: 5px;
+  color: #333;
+  font-family: FontAwesome;
+}
+.openerp .oe_pivot .dropdown-menu .pivot-dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+}
+.openerp .o-dashboard .oe_pivot th {
+  border-top: 1px solid #bfbfb6;
+}
+.openerp .o-dashboard .oe_pivot th, .openerp .o-dashboard .oe_pivot .oe-closed, .openerp .o-dashboard .oe_pivot .oe-opened {
+  border-left: 1px solid #bfbfb6;
+}
+.openerp .o-dashboard .oe_graph svg {
+  min-height: 250px;
+}
+.openerp .o-dashboard .oe_graph .nv-pieLabels {
+  display: none;
+}
+.openerp .oe_graph {
+  height: 100%;
+}
+.openerp .oe_graph > div {
+  height: 100%;
+}
 .openerp .oe_formview {
   background: white;
 }
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 34e2678cfbc..3353c28ff18 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -915,12 +915,11 @@ $sheet-padding: 16px
                 position: relative
                 a
                     padding: 3px 25px
-            .oe_searchview_custom_public
-                a:after
-                    font-family: FontAwesome
-                    content: "\f0c0"
-                    color: #666
-                    margin-left: 3px
+            .oe_searchview_custom_public a:after,.oe-share-filter:after
+                font-family: FontAwesome
+                content: "\f0c0"
+                color: #666
+                margin-left: 3px
         .selected
             display: block
             a
@@ -1295,6 +1294,96 @@ $sheet-padding: 16px
         .oe_view_nocontent_create
             display: none
     // }}}
+    // PivotView.base and dynamic tags {{{
+    .oe_pivot
+        table
+            width: auto
+        col.hover
+            background-color: #f5f5f5    
+        th
+            background-color: #ffffff
+            font-weight: normal
+            vertical-align: top
+            border: 1px solid #bfbfb6
+            border-top: none
+        th.oe-total
+            background-color: #f0eeee
+            font-weight: bold
+            vertical-align: bottom
+        td
+            border: 1px solid #bfbfb6
+            text-align: right
+        td.oe-closed,td.oe-opened
+            cursor: pointer
+        .oe-closed, .oe-opened
+            cursor: pointer
+            background-color: #f0eeee
+            border-left: none
+            text-align: left
+            &:hover
+                background-color: #e6e6e6
+        &.oe-enable-linking 
+            td:not(.oe-closed):not(.oe-opened):not(.oe-empty)
+                cursor: pointer
+                &:hover
+                    color: #428bca
+        .oe-closed:before
+            font-family: FontAwesome
+            margin-right: 5px
+            content: "\f067"
+        .oe-opened:before
+            font-family: FontAwesome
+            margin-right: 5px
+            content: "\f068"
+            text-align: left
+        .measure-row
+            background-color: #f0eeee
+            cursor: pointer
+        .o-sorted:after
+            font-family: FontAwesome
+            margin-left: 5px
+        .o-sorted-asc:after
+            content: "\f0d7"
+        .o-sorted-desc:after
+            content: "\f0d8"
+        .dropdown-menu
+            a
+                color: black
+            .pivot-dropdown-submenu
+                position: relative
+                > .dropdown-menu
+                    top: 0
+                    left: 100%
+                .field-selection:after
+                    content: "\f0da"
+                    width: 3px
+                    float: right
+                    margin-left: 5px
+                    color: #333
+                    font-family: FontAwesome
+            .pivot-dropdown-submenu:hover
+                > .dropdown-menu
+                    display: block
+    .o-dashboard
+        .oe_pivot
+            th
+                border-top: 1px solid #bfbfb6
+            th, .oe-closed, .oe-opened
+                border-left: 1px solid #bfbfb6
+        .oe_graph
+            svg
+                min-height: 250px
+            .nv-pieLabels
+                display: none
+
+    // }}}
+    // GraphView.base and dynamic tags {{{
+    .oe_graph
+        height: 100%
+        > div
+            height: 100%
+
+    // }}}
     // FormView.base and dynamic tags {{{
     .oe_formview
         background: white