[REF] web: stop duplicating web

Avoid duplicating web addon in enterprise by extracting a common basis.
Enterprise features stay in enterprise, but use that common basis.

Mainly:
 - JS refactoring and linting
 - Conversion of .sass into .less split into multiple files
 - Templates cleaning and DOM simplification
 - Re-generation of web.pot, and update of .po files

1 files changed, 125 insertions, 0 deletions

diff --git a/addons/web/static/src/less/form_view_layout_extra.less b/addons/web/static/src/less/form_view_layout_extra.less
new file mode 100644
index 00000000000..0845977ef4d
--- /dev/null
+++ b/addons/web/static/src/less/form_view_layout_extra.less
@@ -0,0 +1,125 @@
+@sheet-max-width: 860px;
+@sheet-min-width: 650px;
+@sheet-padding: 16px;
+
+.o_form_view {
+    &.o_form_nosheet {
+        padding: 16px;
+        &.oe_form_nomargin {
+            margin: 0;
+        }
+    }
+    .o_form_sheet_bg {
+        position: relative;
+        padding: @sheet-padding 0;
+        .o_form_sheet {
+            min-width: @sheet-min-width;
+            max-width: @sheet-max-width;
+            min-height: 330px;
+            background: white;
+            padding: 16px;
+            margin: 0 auto;
+            .ui-tabs {
+                margin: 0 -16px;
+            }
+            .oe_notebook_page {
+                padding: 0 16px;
+            }
+        }
+    }
+
+    // Header containing status/workflow buttons
+    > header {
+        padding-left: 14px;
+        .clearfix();
+        ul:not(.oe_tooltip_technical):not(.oe_dropdown_menu) {
+            display: inline-block;
+            float: right;
+        }
+        > button {
+            margin: 0 2px;
+        }
+        > span {
+            margin-left: 4px;
+        }
+    }
+
+    // Button box
+    .oe_button_box {
+        width: 400px;
+        text-align: right;
+        float: right;
+        .oe_stat_button {
+            text-align: left;
+            width: 132px !important;
+            height: 40px;
+            margin: 0px -1px -1px 0px;
+            padding: 0;
+            > div {
+                text-align: left;
+                padding: 0;
+                line-height: 120%;
+                vertical-align: middle;
+            }
+            .o_button_icon {
+                display: inline-block;
+                width: 30%;
+                padding: 0px 3px;
+                width: 37px;
+                text-align: center;
+                vertical-align: middle;
+            }
+
+            .o_stat_info { // contains the value and text
+                display: inline-block;
+                max-width: 70%;
+                line-height: 1.2;
+            }
+
+            // Some buttons only display text and directly use the WidgetButton template instead of StatInfo
+            > span {
+                .o_stat_info; // layout
+            }
+        }
+
+        &, & + .oe_avatar {
+            + .oe_title {
+                width: 400px;
+            }
+        }
+    }
+
+    // Groups
+    .o_group {
+        .o_td_label + td {
+            padding: 2px 36px 2px 8px;
+        }
+        .o_form_field.o_text_overflow {
+            width: 1px!important; // hack to make the table layout believe it is a small element (so that the table does not grow too much) ...
+            min-width: 100%;      // ... but in fact it takes the whole table space
+        }
+    }
+
+    // Avatar
+    .oe_avatar {
+        float: left;
+        > img {
+            max-height: 90px;
+            max-width: 90px;
+            margin-bottom: 10px;
+        }
+        + .oe_title {
+            padding-left: 95px;
+            margin-left: 5px;
+        }
+    }
+
+    // Chatter
+    .oe_chatter {
+        display: block;
+        min-width: @sheet-min-width + 2* @sheet-padding;
+        max-width: @sheet-max-width + 2* @sheet-padding;
+        margin: 0 auto;
+        padding: 16px 16px 48px;
+    }
+}