[ADD] groundworks for advanced search

* Possible to add an advanced search domain
* Looks like shit
* The facet itself uses a hardcoded name
* Quite a few hacks

bzr revid: xmo@openerp.com-20120330154227-gw1640rbb3rs9x5m

2 files changed, 134 insertions, 61 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index a1eb11365a5..fe9d6eca847 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -136,6 +136,20 @@
       -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
       -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
       box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; }
+  .openerp2 .oe_menu_more_container {
+    position: relative; }
+    .openerp2 .oe_menu_more_container .oe_menu_more {
+      position: absolute;
+      padding: 0;
+      background-color: #646060;
+      z-index: 1;
+      border: 1px solid black;
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px; }
+      .openerp2 .oe_menu_more_container .oe_menu_more li {
+        float: none; }
+        .openerp2 .oe_menu_more_container .oe_menu_more li a {
+          white-space: nowrap; }
   .openerp2 .oe_secondary_menu_section {
     font-weight: bold;
     margin-left: 8px;
@@ -209,6 +223,22 @@
       border-left: 4px solid transparent;
       border-right: 4px solid transparent;
       border-top: 4px solid #4c4c4c; }
+  .openerp2 .oe_dropdown {
+    position: relative; }
+  .openerp2 .oe_dropdown_toggle:after {
+    width: 0;
+    height: 0;
+    display: inline-block;
+    content: "&darr";
+    text-indent: -99999px;
+    vertical-align: top;
+    margin-top: 8px;
+    margin-left: 4px;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 4px solid white;
+    filter: alpha(opacity=50);
+    opacity: 0.5; }
   .openerp2 .oe_user_menu {
     float: right;
     padding: 0;
@@ -216,22 +246,6 @@
     .openerp2 .oe_user_menu li {
       list-style-type: none;
       float: left; }
-    .openerp2 .oe_user_menu .oe_dropdown {
-      position: relative; }
-    .openerp2 .oe_user_menu .oe_dropdown_toggle:after {
-      width: 0;
-      height: 0;
-      display: inline-block;
-      content: "&darr";
-      text-indent: -99999px;
-      vertical-align: top;
-      margin-top: 8px;
-      margin-left: 4px;
-      border-left: 4px solid transparent;
-      border-right: 4px solid transparent;
-      border-top: 4px solid white;
-      filter: alpha(opacity=50);
-      opacity: 0.5; }
     .openerp2 .oe_user_menu .oe_dropdown_options {
       float: left;
       background: #333333;
@@ -356,35 +370,60 @@
       color: #cccccc;
       cursor: pointer; }
       .openerp2 .oe_searchview .VS-search .oe_vs_unfold_drawer:before {
-        content: "▼"; }
+        content: "▾"; }
     .openerp2 .oe_searchview.oe_searchview_open_drawer .oe_searchview_drawer {
-      display: table; }
+      display: block; }
     .openerp2 .oe_searchview .oe_searchview_drawer {
       position: absolute;
       top: 100%;
       right: 0;
       background-color: white;
-      width: 432px;
+      width: 500px;
       display: none;
       border: 1px solid #cccccc; }
-      .openerp2 .oe_searchview .oe_searchview_drawer > div {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        display: table-cell;
-        width: 50%; }
-      .openerp2 .oe_searchview .oe_searchview_drawer h3 {
-        margin: 2px 4px 2px 8px;
-        color: #8786b7; }
-      .openerp2 .oe_searchview .oe_searchview_drawer ul {
-        margin: 0 12px 3px;
-        padding: 0;
-        list-style: none; }
-      .openerp2 .oe_searchview .oe_searchview_drawer li {
-        list-style: none;
-        padding: 3px 6px;
-        height: 14px;
-        color: inherit;
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_filters {
+        display: table;
+        width: 100%; }
+        .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_filters > div {
+          -moz-box-sizing: border-box;
+          -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+          display: table-cell;
+          width: 50%; }
+        .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_filters h3 {
+          margin: 2px 4px 2px 8px;
+          color: #8786b7; }
+        .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_filters ul {
+          margin: 0 12px 3px;
+          padding: 0;
+          list-style: none; }
+        .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_filters li {
+          list-style: none;
+          padding: 3px 6px;
+          height: 14px;
+          color: inherit;
+          cursor: pointer; }
+          .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_filters li:hover {
+            background-color: #f0f0fa; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced h4 {
+        border-top: 1px solid #cccccc;
+        margin: 5px 0 3px;
         cursor: pointer; }
-        .openerp2 .oe_searchview .oe_searchview_drawer li:hover {
-          background-color: #f0f0fa; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced h4:before {
+        content: "▸ "; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced div {
+        display: none; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced button.oe_add_condition:before {
+        content: "⊞ "; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced button.oe_apply:before {
+        content: "⚡ "; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced ul {
+        list-style: none;
+        padding: 0; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced li {
+        list-style: none;
+        margin: 0; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced.oe_opened h4:before {
+        content: "▾ "; }
+      .openerp2 .oe_searchview .oe_searchview_drawer .oe_searchview_advanced.oe_opened div {
+        display: block; }
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 6ecacb5fc67..18a73210e7f 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -436,44 +436,78 @@ $colour4: #8a89ba
                 color: #ccc
                 cursor: pointer
                 &:before
-                    content: "▼"
+                    content: "▾"
 
         &.oe_searchview_open_drawer
             .oe_searchview_drawer
-                display: table
+                display: block
 
         .oe_searchview_drawer
             position: absolute
             top: 100%
             right: 0
             background-color: white
-            width: 432px
+            width: 500px
             display: none
             border: 1px solid #ccc
 
-            > div
-                @include unscrew-box
-                display: table-cell
-                width: 50%
+            .oe_searchview_filters
+                display: table
+                width: 100%
 
-            h3
-                margin: 2px 4px 2px 8px
-                color: $section-title-color
+                > div
+                    @include unscrew-box
+                    display: table-cell
+                    width: 50%
 
-            ul
-                margin: 0 12px 3px
-                padding: 0
-                list-style: none
+                h3
+                    margin: 2px 4px 2px 8px
+                    color: $section-title-color
 
-            li
-                list-style: none
-                padding: 3px 6px
-                height: 14px
-                color: inherit
-                cursor: pointer
+                ul
+                    margin: 0 12px 3px
+                    padding: 0
+                    list-style: none
+
+                li
+                    list-style: none
+                    padding: 3px 6px
+                    height: 14px
+                    color: inherit
+                    cursor: pointer
+
+                    &:hover
+                        background-color: #f0f0fa
+
+            .oe_searchview_advanced
+                h4
+                    border-top: 1px solid #ccc
+                    margin: 5px 0 3px
+                    cursor: pointer
+
+                h4:before
+                    content: "▸ "
+
+                div
+                    display: none
+
+                button.oe_add_condition:before
+                    content: "⊞ "
+                button.oe_apply:before
+                    content: "⚡ "
+
+                ul
+                    list-style: none
+                    padding: 0
+                li
+                    list-style: none
+                    margin: 0
 
-                &:hover
-                    background-color: #f0f0fa
+                &.oe_opened
+                    h4:before
+                        content: "▾ "
+                    div
+                        display: block
     // }}}
 
 .openerp