add full width

app_web_fullwidth/__init__.py

@@ -0,0 +1,2 @@
+# -*- coding: utf-8 -*-
+

app_web_fullwidth/__manifest__.py

@@ -0,0 +1,55 @@
+# -*- coding: utf-8 -*-
+
+# Created on 2019-01-04
+# author: 广州尚鹏，https://www.sunpop.cn
+# email: 300883@qq.com
+# resource of Sunpop
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl).
+
+# Odoo12在线用户手册（长期更新）
+# https://www.sunpop.cn/documentation/user/12.0/en/index.html
+
+# Odoo12在线开发者手册（长期更新）
+# https://www.sunpop.cn/documentation/12.0/index.html
+
+# Odoo10在线中文用户手册（长期更新）
+# https://www.sunpop.cn/documentation/user/10.0/zh_CN/index.html
+
+# Odoo10离线中文用户手册下载
+# https://www.sunpop.cn/odoo10_user_manual_document_offline/
+# Odoo10离线开发手册下载-含python教程，jquery参考，Jinja2模板，PostgresSQL参考（odoo开发必备）
+# https://www.sunpop.cn/odoo10_developer_document_offline/
+
+{
+    'name': 'App Web Responsive Fullwidth (form view full width)',
+    'version': '13.19.11.01',
+    'category': 'web',
+    'author': 'Sunpop.cn',
+    'website': 'https://www.sunpop.cn',
+    'license': 'LGPL-3',
+    'sequence': 2,
+    'summary': """
+    Form view Responsive full width (fullwidth). Ready for small, medium, large, extra large screen.Ready for enterprise and communicate version.
+    """,
+    'description': """
+    UI Enhance for Odoo. Form view fullwidth, full screen.
+    ready
+    """,
+    'depends': [
+        'web'
+    ],
+    'data': [
+        'views/template_view.xml',
+    ],
+    'qweb': [
+        'static/src/xml/*.xml',
+    ],
+    "price": 18.00,
+    "currency": "EUR",
+
+    'images': ['static/description/banner.png'],
+
+    'installable': True,
+    'auto_install': False,
+    'application': True,
+}

app_web_fullwidth/i18n/zh_CN.po

@@ -0,0 +1,270 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+#	* app_ui_enhance
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 10.0+e-20171107\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-01-28 19:12+0000\n"
+"PO-Revision-Date: 2018-01-28 19:12+0000\n"
+"Last-Translator: <>\n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. module: app_ui_enhance
+#. openerp-web
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:71
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:92
+#, python-format
+msgid "All"
+msgstr "全部"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_app_ui_allow_barcode
+msgid "Allow Barcode, Seperated by \",\""
+msgstr "允许的条码，用\",\"分隔"
+
+#. module: app_ui_enhance
+#: model:ir.model,name:app_ui_enhance.model_app_ui_config_settings
+msgid "App Web UI enhance settings"
+msgstr "界面优化设置"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "Apply"
+msgstr "应用"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "Cancel"
+msgstr "取消"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Codabar"
+msgstr "Codabar"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Code11"
+msgstr "Code11"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Code128"
+msgstr "Code128"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_create_uid
+msgid "Created by"
+msgstr "创建人"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_create_date
+msgid "Created on"
+msgstr "创建时间"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,help:app_ui_enhance.field_app_ui_config_settings_app_ui_allow_barcode
+msgid "Default Allow QR and Standard39."
+msgstr "建议默认输入 QR,Standard39"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_display_name
+msgid "Display Name"
+msgstr "显示名称"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "EAN13"
+msgstr "EAN13"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "EAN8"
+msgstr "EAN8"
+
+#. module: app_ui_enhance
+#. openerp-web
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:22
+#, python-format
+msgid "End date"
+msgstr "结束日期"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Extended39"
+msgstr "Extended39"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Extended93"
+msgstr "Extended93"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "FIM"
+msgstr "FIM"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_app_ui_force_barcode
+msgid "Force all Odoo Barcode to:"
+msgstr "强制设置所有Odoo条码格式:"
+
+#. module: app_ui_enhance
+#. openerp-web
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:43
+#, python-format
+msgid "From"
+msgstr "从"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "I2of5"
+msgstr "I2of5"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_id
+msgid "ID"
+msgstr "ID"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "Item to Show"
+msgstr "显示/隐藏菜单项"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings___last_update
+msgid "Last Modified on"
+msgstr "最后修改日"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_write_uid
+msgid "Last Updated by"
+msgstr "最后更新人"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_write_date
+msgid "Last Updated on"
+msgstr "最后更新时间"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "MSI"
+msgstr "MSI"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Odoo Default"
+msgstr "Odoo 默认"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "POSTNET"
+msgstr "POSTNET"
+
+#. module: app_ui_enhance
+#. openerp-web
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:18
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:22
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:43
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:47
+#, python-format
+msgid "Press Enter to search"
+msgstr "直接按回车即可搜索"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "QR"
+msgstr "QR"
+
+#. module: app_ui_enhance
+#: model:ir.model,name:app_ui_enhance.model_report
+msgid "Report"
+msgstr "报表"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "Report Setting"
+msgstr "报表输出设置"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "Search Enhance"
+msgstr "搜索增加"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,help:app_ui_enhance.field_app_ui_config_settings_app_ui_show_search_date
+#: model:ir.model.fields,help:app_ui_enhance.field_app_ui_config_settings_app_ui_show_search_number
+msgid "Set 'True' to show, Set 'False' to hide"
+msgstr "设为 'True' 则显示，设为 'False' 则隐藏"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,help:app_ui_enhance.field_app_ui_config_settings_app_ui_force_barcode
+msgid "Set Odoo Default to use the barcode odoo define in report(EAN13)."
+msgstr "设置为'Odoo默认'即使用代码中设置的条码编码(EAN13)"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_app_ui_show_search_date
+msgid "Show date range search in tree/pivot view"
+msgstr "显示日期搜索，在tree/pivot视图生效"
+
+#. module: app_ui_enhance
+#: model:ir.model.fields,field_description:app_ui_enhance.field_app_ui_config_settings_app_ui_show_search_number
+msgid "Show number range search tree/pivot view"
+msgstr "显示数值搜索，在tree/pivot视图生效"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Standard39"
+msgstr "Standard39"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "Standard93"
+msgstr "Standard93"
+
+#. module: app_ui_enhance
+#. openerp-web
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:18
+#, python-format
+msgid "Start date"
+msgstr "开始日期"
+
+#. module: app_ui_enhance
+#. openerp-web
+#: code:addons/app_ui_enhance/static/src/xml/pivot_view.xml:47
+#, python-format
+msgid "To"
+msgstr "至"
+
+#. module: app_ui_enhance
+#: model:ir.actions.act_window,name:app_ui_enhance.action_app_ui_config
+#: model:ir.ui.menu,name:app_ui_enhance.menu_app_ui_config
+msgid "UI Enhance"
+msgstr "界面增强"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "UPCA"
+msgstr "UPCA"
+
+#. module: app_ui_enhance
+#: selection:app.ui.config.settings,app_ui_force_barcode:0
+msgid "USPS_4State"
+msgstr "USPS_4State"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "odoo UI Enhance"
+msgstr "odoo 界面增强"
+
+#. module: app_ui_enhance
+#: model:ir.ui.view,arch_db:app_ui_enhance.view_app_ui_config_settings
+msgid "odooApp UI Settings"
+msgstr "界面增强设置"
+

app_web_fullwidth/models/__init__.py

@@ -0,0 +1 @@
+# -*- coding: utf-8 -*-

app_web_fullwidth/static/description/index.html

@@ -0,0 +1,91 @@
+<section class="oe_container">
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_span12">
+            <h2 class="oe_slogan">App Web Responsive Fullwidth(form view fullwidth)</h2>
+            <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
+                <i class="fa fa-hand-o-right"></i><b> Key features: </b>
+                <ul class="list-unstyled">
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Show the form view into full width, More screen show about 30%.
+                    </li>
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Form view Responsive full width (fullwidth)
+                    </li>
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Ready for small, medium, large, extra large screen.
+                    </li>
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Ready for enterprise and communicate version.
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_demo"
+             style="margin: 20px auto; padding: 0 15px 0 0; border:none; border-top:solid 1px #dedede; width: 96%;">
+            <h2 class='oe_mt32'>Small screen. With or without this module</h2>
+        </div>
+        <div class="oe_demo oe_screenshot">
+            <img src="demo_s.png" style="border:1px solid black"/>
+            <br/>
+        </div>
+    </div>
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_demo"
+             style="margin: 20px auto; padding: 0 15px 0 0; border:none; border-top:solid 1px #dedede; width: 96%;">
+            <h2 class='oe_mt32'>Medium screen. With or without this module</h2>
+        </div>
+        <div class="oe_demo oe_screenshot">
+            <img src="demo_m.png" style="border:1px solid black"/>
+            <br/>
+        </div>
+    </div>
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_demo"
+             style="margin: 20px auto; padding: 0 15px 0 0; border:none; border-top:solid 1px #dedede; width: 96%;">
+            <h2 class='oe_mt32'>Large and extra large screen. Perfect for lots of columns.</h2>
+        </div>
+        <div class="oe_demo oe_screenshot">
+            <img src="demo_l_1.jpg" style="border:1px solid black"/>
+            <br/>
+        </div>
+    </div>
+</section>
+
+
+<section class="oe_container oe_dark">
+    <div class="oe_row oe_spaced text-center">
+        <div class="oe_span12">
+            <h2 class="oe_slogan">Technical Help & Support</h2>
+        </div>
+        <div class="col-md-12 pad0">
+            <div class="oe_mt16">
+                <p><h4>
+                For any type of technical help & support requests, Feel free to contact us</h4></p>
+                <a style="background: #002e5a  none repeat scroll 0% 0%; color: rgb(255, 255, 255);position: relative; overflow: hidden;"
+                   class="btn btn-warning btn-lg" rel="nofollow" href="mailto:guohuadeng@hotmail.com"><span
+                        style="height: 354px; width: 354px; top: -147.433px; left: -6.93335px;" class="o_ripple"></span>
+                    <i class="fa fa-envelope"></i> guohuadeng@hotmail.com</a>
+                <p><h4>
+                Via QQ: 300883 (App user would not get QQ or any other IM support. Only for odoo project customize.)</h4></p>
+                <a style="background: #002e5a  none repeat scroll 0% 0%; color: rgb(255, 255, 255);position: relative; overflow: hidden;"
+                   class="btn btn-warning btn-lg" rel="nofollow" href="mailto:300883@qq.com"><span
+                        style="height: 354px; width: 354px; top: -147.433px; left: -6.93335px;" class="o_ripple"></span>
+                    <i class="fa fa-envelope"></i> 300883@qq.com</a>
+            </div>
+            <div class="oe_mt16">
+                <h4>
+                Visit our website for more support.</h4>
+<h4>https://www.sunpop.cn</h4>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="oe_container oe_separator">
+</section>

app_web_fullwidth/static/src/scss/style.scss

@@ -0,0 +1,87 @@
+//xs: 0,
+//vsm: 475px,
+//sm: 576px,
+//md: 768px,
+//lg: 992px,
+//xl: 1200px,
+//xxl: 1534px,
+
+/*
+sheet全宽
+*/
+@media (min-width: 576px) {
+    .o_form_view .o_form_sheet_bg > .o_form_sheet {
+        max-width: 98% !important;
+    }
+}
+//将原来 768时的 flex 调整为1200才flex
+.o_form_view {
+    @include media-breakpoint-up(md) {
+        display: block;
+    }
+    @include media-breakpoint-up(xl) {
+        display: flex;
+    }
+}
+
+@media (min-width: 768px) {
+    .o_form_view .o_form_sheet_bg > .o_form_sheet {
+        max-width: 98% !important;
+    }
+}
+@media (min-width: 1200px) {
+    .o_form_view .o_form_sheet_bg > .o_form_sheet {
+        max-width: 960px !important;
+    }
+    .o_content .o_view_controller > div, .modal-content .o_view_controller > div    {
+        flex-direction: row;
+    }
+}
+@media (min-width: 1534px) {
+    .o_form_view .o_form_sheet_bg > .o_form_sheet {
+        max-width: 98% !important;
+    }
+}
+//xs: 0,
+//vsm: 475px,
+//sm: 576px,
+//md: 768px,
+//lg: 992px,
+//xl: 1200px,
+//xxl: 1534px,
+
+/*
+不将chatter显示在右边，form全宽
+*/
+//将原来 768时的 flex 调整为一直不flex
+.o_form_view {
+    @include media-breakpoint-up(md) {
+        display: block;
+    }
+    @include media-breakpoint-up(xl) {
+        display: block;
+        .o_form_sheet_bg > .o_form_sheet {
+            max-width: 98% !important;
+        }
+    }
+    @include media-breakpoint-up(xxl) {
+        display: block;
+        .oe_chatter {
+            width: auto;
+            max-width: 1474px;
+        }
+    }
+    .o_form_sheet_bg {
+        width: auto;
+    }
+}
+
+//debug model 时处理
+.modal-lg {
+    .o_debug_manager {
+        .dropdown-menu-right {
+            right: auto;
+            left: 0;
+        }
+    }
+}

app_web_fullwidth/views/template_view.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <template id="assets_backend" name="app_web_fullwidth asset" inherit_id="web.assets_backend">
+            <xpath expr="//link[last()]" position="after">
+                <link rel="stylesheet" type="text/scss" href="/app_web_fullwidth/static/src/scss/style.scss"/>
+            </xpath>
+        </template>
+    </data>
+</odoo>