diff --git a/web_responsive/README.rst b/web_responsive/README.rst new file mode 100644 index 00000000..a179c40c --- /dev/null +++ b/web_responsive/README.rst @@ -0,0 +1,155 @@ +============== +Web Responsive +============== + +.. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + !! This file is generated by oca-gen-addon-readme !! + !! changes will be overwritten. !! + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + +.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png + :target: https://odoo-community.org/page/development-status + :alt: Beta +.. |badge2| image:: https://img.shields.io/badge/licence-LGPL--3-blue.png + :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html + :alt: License: LGPL-3 +.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github + :target: https://github.com/OCA/web/tree/12.0/web_responsive + :alt: OCA/web +.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png + :target: https://translation.odoo-community.org/projects/web-12-0/web-12-0-web_responsive + :alt: Translate me on Weblate +.. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png + :target: https://runbot.odoo-community.org/runbot/162/12.0 + :alt: Try me on Runbot + +|badge1| |badge2| |badge3| |badge4| |badge5| + +This module adds responsiveness to web backend. + +Features for all devices: + +* New navigation with an app drawer + + .. image:: https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif + +* Quick menu search from the app drawer + + .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif + +Features for mobile: + +* App-specific submenus are shown on full screen when toggling them from the + "hamburger" menu + + .. image:: https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif + +* View type picker dropdown displays confortably + + .. image:: https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif + +* Top app bar is always visible, but the control panel is hidden when + scrolling down, to save some vaulable vertical space + + .. image:: https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif + +* Form status bar action and status buttons are collapsed in dropdowns. + Other control panel buttons use icons to save space. + + .. image:: https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif + +* Breadcrumbs navigation is collapsed with a "back arrow" button. + + .. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif + +Features for computers: + +* Keyboard shortcuts for easier navigation, **using ``Alt + Shift + [key]``** + combination instead of just ``Alt + [key]``. + See https://github.com/odoo/odoo/issues/30068 to understand why. + + .. image:: https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png + + +* Autofocus on search menu box when opening the drawer + + .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif + +* Set chatter on the side of the screen, optional per user + + .. image:: https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif + +* Full width form sheets + + .. image:: https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png + +**Table of contents** + +.. contents:: + :local: + +Usage +===== + +The following keyboard shortcuts are implemented: + +* Toggle app drawer - ``Alt + Shift + H`` +* Navigate app search results - Arrow keys +* Choose app result - ``Enter`` +* ``Esc`` to close app drawer + +Known issues / Roadmap +====================== + +* To view the full experience in a device, the page must be loaded with the + device screen size. This means that, if you change the size of your browser, + you should reload the web client to get the full experience for that + new size. This is Odoo's own limitation. +* App navigation with keyboard. +* Make it more beautiful. Maybe OCA-branded? + +Bug Tracker +=========== + +Bugs are tracked on `GitHub Issues `_. +In case of trouble, please check there if your issue has already been reported. +If you spotted it first, help us smashing it by providing a detailed and welcomed +`feedback `_. + +Do not contact contributors directly about support or help with technical issues. + +Credits +======= + +Authors +~~~~~~~ + +* LasLabs +* Tecnativa +* Alexandre Díaz + +Contributors +~~~~~~~~~~~~ + +* Dave Lasley +* Jairo Llopis +* Dennis Sluijk +* Sergio Teruel +* Alexandre Díaz + +Maintainers +~~~~~~~~~~~ + +This module is maintained by the OCA. + +.. image:: https://odoo-community.org/logo.png + :alt: Odoo Community Association + :target: https://odoo-community.org + +OCA, or the Odoo Community Association, is a nonprofit organization whose +mission is to support the collaborative development of Odoo features and +promote its widespread use. + +This module is part of the `OCA/web `_ project on GitHub. + +You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute. diff --git a/web_responsive/__init__.py b/web_responsive/__init__.py new file mode 100644 index 00000000..0650744f --- /dev/null +++ b/web_responsive/__init__.py @@ -0,0 +1 @@ +from . import models diff --git a/web_responsive/__manifest__.py b/web_responsive/__manifest__.py new file mode 100644 index 00000000..9dc4f11f --- /dev/null +++ b/web_responsive/__manifest__.py @@ -0,0 +1,28 @@ +# Copyright 2016-2017 LasLabs Inc. +# Copyright 2018 Alexandre Díaz +# License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html). + +{ + "name": "Web Responsive", + "summary": "Responsive web client, community-supported", + "version": "12.0.1.0.0", + "category": "Website", + "website": "https://github.com/OCA/web", + "author": "LasLabs, Tecnativa, Alexandre Díaz, " + "Odoo Community Association (OCA)", + "license": "LGPL-3", + "installable": True, + "depends": [ + 'web', + ], + "data": [ + 'views/assets.xml', + 'views/res_users.xml', + 'views/web.xml', + ], + 'qweb': [ + 'static/src/xml/apps.xml', + 'static/src/xml/form_view.xml', + 'static/src/xml/navbar.xml', + ], +} diff --git a/web_responsive/i18n/da.po b/web_responsive/i18n/da.po new file mode 100644 index 00000000..e845aeac --- /dev/null +++ b/web_responsive/i18n/da.po @@ -0,0 +1,71 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_responsive +# +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 11.0\n" +"Report-Msgid-Bugs-To: \n" +"PO-Revision-Date: 2018-09-02 05:11+0000\n" +"Last-Translator: Hans Henrik Gabelgaard \n" +"Language-Team: none\n" +"Language: da\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: \n" +"Plural-Forms: nplurals=2; plural=n != 1;\n" +"X-Generator: Weblate 3.1.1\n" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle App Drawer" +msgstr "Skift App skuffe" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle Navigation" +msgstr "Skift navigation" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "Apps" +msgstr "Applikationer" + +#. module: web_responsive +#: model:ir.model.fields,field_description:web_responsive.field_res_users_chatter_position +msgid "Chatter Position" +msgstr "Log position" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:35 +#, python-format +msgid "More" +msgstr "Mere" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "More " +msgstr "Mere " + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Normal" +msgstr "" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Sided" +msgstr "Side" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:54 +#, python-format +msgid "Task" +msgstr "Opgave" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_res_users +msgid "Users" +msgstr "Brugere" diff --git a/web_responsive/i18n/de.po b/web_responsive/i18n/de.po new file mode 100644 index 00000000..87902de2 --- /dev/null +++ b/web_responsive/i18n/de.po @@ -0,0 +1,64 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_responsive +# +# Translators: +# Niki Waibel , 2017 +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 10.0\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2017-02-03 01:37+0000\n" +"PO-Revision-Date: 2017-02-03 01:37+0000\n" +"Last-Translator: Niki Waibel , 2017\n" +"Language-Team: German (https://www.transifex.com/oca/teams/23907/de/)\n" +"Language: de\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: \n" +"Plural-Forms: nplurals=2; plural=(n != 1);\n" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle App Drawer" +msgstr "App Ordner umschalten" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle Navigation" +msgstr "Navigation umschalten" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "Apps" +msgstr "Apps" + +#. module: web_responsive +#: model:ir.model.fields,field_description:web_responsive.field_res_users_chatter_position +msgid "Chatter Position" +msgstr "" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_ir_http +msgid "HTTP routing" +msgstr "" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "More " +msgstr "Mehr " + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Normal" +msgstr "" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Sided" +msgstr "" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_res_users +msgid "Users" +msgstr "" diff --git a/web_responsive/i18n/es.po b/web_responsive/i18n/es.po new file mode 100644 index 00000000..da737bc5 --- /dev/null +++ b/web_responsive/i18n/es.po @@ -0,0 +1,85 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_responsive +# +# Translators: +# Pedro M. Baeza , 2016 +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 10.0\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2019-01-10 10:49+0000\n" +"PO-Revision-Date: 2019-01-10 10:50+0000\n" +"Last-Translator: Jairo Llopis \n" +"Language-Team: Spanish (https://www.transifex.com/oca/teams/23907/es/)\n" +"Language: es\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: 8bit\n" +"Plural-Forms: nplurals=2; plural=n != 1;\n" +"X-Generator: Poedit 2.2\n" + +#. module: web_responsive +#: model:ir.model.fields,field_description:web_responsive.field_res_users__chatter_position +msgid "Chatter Position" +msgstr "Posición del chatter" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:57 +#: code:addons/web_responsive/static/src/xml/form_view.xml:96 +#, python-format +msgid "Create" +msgstr "Crear" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:71 +#: code:addons/web_responsive/static/src/xml/form_view.xml:110 +#, python-format +msgid "Discard" +msgstr "Descartar" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:50 +#, python-format +msgid "Edit" +msgstr "Editar" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Normal" +msgstr "Normal" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:27 +#, python-format +msgid "Quick actions" +msgstr "Acciones rápidas" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:64 +#: code:addons/web_responsive/static/src/xml/form_view.xml:103 +#, python-format +msgid "Save" +msgstr "Guardar" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/apps.xml:29 +#, python-format +msgid "Search menus..." +msgstr "Buscar menús..." + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Sided" +msgstr "Lateral" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_res_users +msgid "Users" +msgstr "Usuarios" diff --git a/web_responsive/i18n/hr.po b/web_responsive/i18n/hr.po new file mode 100644 index 00000000..584e40bc --- /dev/null +++ b/web_responsive/i18n/hr.po @@ -0,0 +1,65 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_responsive +# +# Translators: +# Bole , 2017 +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 10.0\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2017-04-28 18:03+0000\n" +"PO-Revision-Date: 2017-04-28 18:03+0000\n" +"Last-Translator: Bole , 2017\n" +"Language-Team: Croatian (https://www.transifex.com/oca/teams/23907/hr/)\n" +"Language: hr\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: \n" +"Plural-Forms: nplurals=3; plural=n%10==1 && n%100!=11 ? 0 : n%10>=2 && n" +"%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2;\n" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle App Drawer" +msgstr "Izmjeni izbornik aplikacije" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle Navigation" +msgstr "Izmjeni navigaciju" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "Apps" +msgstr "Apikacije" + +#. module: web_responsive +#: model:ir.model.fields,field_description:web_responsive.field_res_users_chatter_position +msgid "Chatter Position" +msgstr "" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_ir_http +msgid "HTTP routing" +msgstr "" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "More " +msgstr "Više " + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Normal" +msgstr "" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Sided" +msgstr "" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_res_users +msgid "Users" +msgstr "" diff --git a/web_responsive/i18n/pt_BR.po b/web_responsive/i18n/pt_BR.po new file mode 100644 index 00000000..c127c442 --- /dev/null +++ b/web_responsive/i18n/pt_BR.po @@ -0,0 +1,66 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_responsive +# +# Translators: +# Rodrigo de Almeida Sottomaior Macedo , 2017 +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 10.0\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2017-06-22 08:27+0000\n" +"PO-Revision-Date: 2018-08-03 13:16+0000\n" +"Last-Translator: Rodrigo Macedo \n" +"Language-Team: Portuguese (Brazil) (https://www.transifex.com/oca/teams/" +"23907/pt_BR/)\n" +"Language: pt_BR\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: \n" +"Plural-Forms: nplurals=2; plural=n > 1;\n" +"X-Generator: Weblate 3.1.1\n" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle App Drawer" +msgstr "Aplicativo Desenhador Alternativo" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.webclient_bootstrap +msgid "Toggle Navigation" +msgstr "Navegação Alternativa" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "Apps" +msgstr "Aplicativos" + +#. module: web_responsive +#: model:ir.model.fields,field_description:web_responsive.field_res_users_chatter_position +msgid "Chatter Position" +msgstr "Posição do Chatter" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_ir_http +msgid "HTTP routing" +msgstr "roteamento HTTP" + +#. module: web_responsive +#: model:ir.ui.view,arch_db:web_responsive.menu +msgid "More " +msgstr "Mais " + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Normal" +msgstr "Normal" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Sided" +msgstr "Frente e verso" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_res_users +msgid "Users" +msgstr "Usuários" diff --git a/web_responsive/i18n/web_responsive.pot b/web_responsive/i18n/web_responsive.pot new file mode 100644 index 00000000..13e8a877 --- /dev/null +++ b/web_responsive/i18n/web_responsive.pot @@ -0,0 +1,82 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_responsive +# +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 12.0\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2019-01-10 10:49+0000\n" +"PO-Revision-Date: 2019-01-10 10:49+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: web_responsive +#: model:ir.model.fields,field_description:web_responsive.field_res_users__chatter_position +msgid "Chatter Position" +msgstr "" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:57 +#: code:addons/web_responsive/static/src/xml/form_view.xml:96 +#, python-format +msgid "Create" +msgstr "" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:71 +#: code:addons/web_responsive/static/src/xml/form_view.xml:110 +#, python-format +msgid "Discard" +msgstr "" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:50 +#, python-format +msgid "Edit" +msgstr "" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Normal" +msgstr "" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:27 +#, python-format +msgid "Quick actions" +msgstr "" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/form_view.xml:64 +#: code:addons/web_responsive/static/src/xml/form_view.xml:103 +#, python-format +msgid "Save" +msgstr "" + +#. module: web_responsive +#. openerp-web +#: code:addons/web_responsive/static/src/xml/apps.xml:29 +#, python-format +msgid "Search menus..." +msgstr "" + +#. module: web_responsive +#: selection:res.users,chatter_position:0 +msgid "Sided" +msgstr "" + +#. module: web_responsive +#: model:ir.model,name:web_responsive.model_res_users +msgid "Users" +msgstr "" + diff --git a/web_responsive/models/__init__.py b/web_responsive/models/__init__.py new file mode 100644 index 00000000..88351653 --- /dev/null +++ b/web_responsive/models/__init__.py @@ -0,0 +1 @@ +from . import res_users diff --git a/web_responsive/models/res_users.py b/web_responsive/models/res_users.py new file mode 100644 index 00000000..7b80a979 --- /dev/null +++ b/web_responsive/models/res_users.py @@ -0,0 +1,26 @@ +# Copyright 2018 Alexandre Díaz +# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). + +from odoo import models, fields + + +class ResUsers(models.Model): + _inherit = 'res.users' + + chatter_position = fields.Selection([ + ('normal', 'Normal'), + ('sided', 'Sided'), + ], string="Chatter Position", default='normal') + + def __init__(self, pool, cr): + """ Override of __init__ to add access rights. + Access rights are disabled by default, but allowed on some specific + fields defined in self.SELF_{READ/WRITE}ABLE_FIELDS. + """ + super(ResUsers, self).__init__(pool, cr) + # duplicate list to avoid modifying the original reference + type(self).SELF_WRITEABLE_FIELDS = list(self.SELF_WRITEABLE_FIELDS) + type(self).SELF_WRITEABLE_FIELDS.extend(['chatter_position']) + # duplicate list to avoid modifying the original reference + type(self).SELF_READABLE_FIELDS = list(self.SELF_READABLE_FIELDS) + type(self).SELF_READABLE_FIELDS.extend(['chatter_position']) diff --git a/web_responsive/readme/CONTRIBUTORS.rst b/web_responsive/readme/CONTRIBUTORS.rst new file mode 100644 index 00000000..f7ba6bf5 --- /dev/null +++ b/web_responsive/readme/CONTRIBUTORS.rst @@ -0,0 +1,5 @@ +* Dave Lasley +* Jairo Llopis +* Dennis Sluijk +* Sergio Teruel +* Alexandre Díaz diff --git a/web_responsive/readme/DESCRIPTION.rst b/web_responsive/readme/DESCRIPTION.rst new file mode 100644 index 00000000..a8d55a80 --- /dev/null +++ b/web_responsive/readme/DESCRIPTION.rst @@ -0,0 +1,57 @@ +This module adds responsiveness to web backend. + +Features for all devices: + +* New navigation with an app drawer + + .. image:: https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif + +* Quick menu search from the app drawer + + .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif + +Features for mobile: + +* App-specific submenus are shown on full screen when toggling them from the + "hamburger" menu + + .. image:: https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif + +* View type picker dropdown displays confortably + + .. image:: https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif + +* Top app bar is always visible, but the control panel is hidden when + scrolling down, to save some vaulable vertical space + + .. image:: https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif + +* Form status bar action and status buttons are collapsed in dropdowns. + Other control panel buttons use icons to save space. + + .. image:: https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif + +* Breadcrumbs navigation is collapsed with a "back arrow" button. + + .. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif + +Features for computers: + +* Keyboard shortcuts for easier navigation, **using ``Alt + Shift + [key]``** + combination instead of just ``Alt + [key]``. + See https://github.com/odoo/odoo/issues/30068 to understand why. + + .. image:: https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png + + +* Autofocus on search menu box when opening the drawer + + .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif + +* Set chatter on the side of the screen, optional per user + + .. image:: https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif + +* Full width form sheets + + .. image:: https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png diff --git a/web_responsive/readme/ROADMAP.rst b/web_responsive/readme/ROADMAP.rst new file mode 100644 index 00000000..d2ca35cd --- /dev/null +++ b/web_responsive/readme/ROADMAP.rst @@ -0,0 +1,6 @@ +* To view the full experience in a device, the page must be loaded with the + device screen size. This means that, if you change the size of your browser, + you should reload the web client to get the full experience for that + new size. This is Odoo's own limitation. +* App navigation with keyboard. +* Make it more beautiful. Maybe OCA-branded? diff --git a/web_responsive/readme/USAGE.rst b/web_responsive/readme/USAGE.rst new file mode 100644 index 00000000..a8a1c12b --- /dev/null +++ b/web_responsive/readme/USAGE.rst @@ -0,0 +1,6 @@ +The following keyboard shortcuts are implemented: + +* Toggle app drawer - ``Alt + Shift + H`` +* Navigate app search results - Arrow keys +* Choose app result - ``Enter`` +* ``Esc`` to close app drawer diff --git a/web_responsive/static/description/icon.png b/web_responsive/static/description/icon.png new file mode 100644 index 00000000..3a0328b5 Binary files /dev/null and b/web_responsive/static/description/icon.png differ diff --git a/web_responsive/static/description/index.html b/web_responsive/static/description/index.html new file mode 100644 index 00000000..bb707b6d --- /dev/null +++ b/web_responsive/static/description/index.html @@ -0,0 +1,495 @@ + + + + + + +Web Responsive + + + +
+

Web Responsive

+ + +

Beta License: LGPL-3 OCA/web Translate me on Weblate Try me on Runbot

+

This module adds responsiveness to web backend.

+

Features for all devices:

+
    +

  • New navigation with an app drawer

    +https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif +
    • +

  • Quick menu search from the app drawer

    +https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif +
    • +
+

Features for mobile:

+
    +

  • App-specific submenus are shown on full screen when toggling them from the +“hamburger” menu

    +https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif +
    • +

  • View type picker dropdown displays confortably

    +https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif +
    • +

  • Top app bar is always visible, but the control panel is hidden when +scrolling down, to save some vaulable vertical space

    +https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif +
    • +

  • Form status bar action and status buttons are collapsed in dropdowns. +Other control panel buttons use icons to save space.

    +https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif +
    • +

  • Breadcrumbs navigation is collapsed with a “back arrow” button.

    +https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif +
    • +
+

Features for computers:

+
    +

  • Keyboard shortcuts for easier navigation, using ``Alt + Shift + [key]`` +combination instead of just Alt + [key]. +See https://github.com/odoo/odoo/issues/30068 to understand why.

    +https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png +
    • +

  • Autofocus on search menu box when opening the drawer

    +https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif +
    • +

  • Set chatter on the side of the screen, optional per user

    +https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif +
    • +

  • Full width form sheets

    +https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png +
    • +
+

Table of contents

+ +
+

Usage

+

The following keyboard shortcuts are implemented:

+
    +
  • Toggle app drawer - Alt + Shift + H
    • +
  • Navigate app search results - Arrow keys
    • +
  • Choose app result - Enter
    • +
  • Esc to close app drawer
    • +
+
+
+

Known issues / Roadmap

+
    +
  • To view the full experience in a device, the page must be loaded with the +device screen size. This means that, if you change the size of your browser, +you should reload the web client to get the full experience for that +new size. This is Odoo’s own limitation.
    • +
  • App navigation with keyboard.
    • +
  • Make it more beautiful. Maybe OCA-branded?
    • +
+
+
+

Bug Tracker

+

Bugs are tracked on GitHub Issues. +In case of trouble, please check there if your issue has already been reported. +If you spotted it first, help us smashing it by providing a detailed and welcomed +feedback.

+

Do not contact contributors directly about support or help with technical issues.

+
+
+

Credits

+
+

Authors

+
    +
  • LasLabs
    • +
  • Tecnativa
    • +
  • Alexandre Díaz
    • +
+
+
+

Contributors

+ +
+
+

Maintainers

+

This module is maintained by the OCA.

+Odoo Community Association +

OCA, or the Odoo Community Association, is a nonprofit organization whose +mission is to support the collaborative development of Odoo features and +promote its widespread use.

+

This module is part of the OCA/web project on GitHub.

+

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

+
+
+
+ + diff --git a/web_responsive/static/src/css/web_responsive.scss b/web_responsive/static/src/css/web_responsive.scss new file mode 100644 index 00000000..85c089cc --- /dev/null +++ b/web_responsive/static/src/css/web_responsive.scss @@ -0,0 +1,427 @@ +/* Copyright 2018 Tecnativa - Jairo Llopis + * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */ + +@mixin full-screen-dropdown { + border: none; + box-shadow: none; + display: flex; + flex-direction: column; + height: calc(100vh - #{$o-navbar-height}); + max-height: calc(100vh - #{$o-navbar-height}); + position: fixed; + width: 100vw; + z-index: 100; + // Inline style will override our `top`, so we need !important here + top: $o-navbar-height !important; + transform: none !important; +} + +// Main navbar (with apps menu, user menu, debug menu...) +@include media-breakpoint-down(sm) { + .o_main_navbar { + // This allows to have a sane layout for mobiles + display: flex; + + // Remove clutter to only have small icons that fit in a small screen + > .dropdown { + display: flex; + + .navbar-toggler { + color: white; + } + + .o_menu_sections, + .o_menu_systray, + { + padding: 0; + } + } + + // Whitespace before systray icons + .o_menu_systray { + margin-left: auto; + } + + // Hide big things + .o_menu_brand, + .o_menu_sections, + .oe_topbar_name, + { + display: none; + } + + // Fix toggler button padding + .o-menu-toggle { + cursor: pointer; + padding: 0 $o-horizontal-padding; + } + + // Custom fullscreen layout when showing submenus + .o_menu_sections.show { + @include full-screen-dropdown(); + background-color: $dropdown-bg; + + .show { + display: flex; + flex-direction: column; + + .dropdown-menu { + margin-left: 1rem; + min-width: auto; + width: calc(100vw - 2rem); + } + } + + > li, + .o_menu_entry_lvl_1, + .o_menu_header_lvl_1, + { + // Homogeneous background color + background-color: $dropdown-bg; + color: $dropdown-link-color; + + &:hover { + background-color: $dropdown-link-hover-bg; + color: $dropdown-link-hover-color; + } + + // Disable the .o-no-caret class effect, to display the caret + &.o-no-caret::after { + content: ""; + } + + // Fix a strange glitch leaving headers invisible + .dropdown-header { + color: $dropdown-header-color; + } + } + } + + // Custom fullscreen layout for systray items + .o_mail_systray_dropdown.show { + @include full-screen-dropdown(); + + // Fix stretchy images + .o_mail_preview_image { + align-items: center; + display: flex; + flex-direction: row; + + img { + display: block; + height: auto; + } + } + } + + // Higher height for dropdown items, for those with sausage fingers + .dropdown-menu .dropdown-item { + padding: { + bottom: 0.5rem; + top: 0.5rem; + } + } + } +} + +// Iconized full screen apps menu +.o_menu_apps { + + .search-input:focus { + border-color: $o-brand-primary; + } + + .dropdown-menu.show { + @include full-screen-dropdown(); + + // Display apps in a grid + align-content: flex-start; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + + @include media-breakpoint-up(lg) { + padding: { + left: 20vw; + right: 20vw; + } + } + + .o_app { + align-items: center; + display: flex; + flex-direction: column; + justify-content: flex-start; + + // Size depends on screen + width: 33.33333333%; + @include media-breakpoint-up(sm) { + width: 25%; + } + @include media-breakpoint-up(md) { + width: 16.6666666%; + } + } + + // Hide app icons when searching + .has-results ~ .o_app { + display: none; + } + + .o-app-icon { + height: auto; + max-width: 7rem; + width: 100%; + } + + // Search input for menus + .form-row { + width: 100%; + } + + .o-menu-search-result { + align-items: center; + background-position: left; + background-repeat: no-repeat; + background-size: contain; + cursor: pointer; + display: flex; + padding-left: 3rem; + white-space: normal; + } + + // Allow to scroll only on results, keeping static search box above + .search-container.has-results { + height: 100%; + + .search-input { + height: 3em; + } + + .search-results { + height: calc(100% - 3em); + overflow: auto; + } + } + } +} + +// Scroll all but top bar +html .o_web_client .o_main .o_main_content { + @include media-breakpoint-down(sm) { + overflow: auto; + + .o_content { + overflow: initial; + } + } +} + +// Control panel (breadcrumbs, search box, buttons...) +@include media-breakpoint-down(sm) { + .o_control_panel { + // Arrange buttons to use space better + .breadcrumb, + .o_cp_buttons, + .o_cp_left, + .o_cp_right, + .o_cp_searchview, + { + flex: 1 1 100%; + @include media-breakpoint-up(md) { + flex-basis: 50%; + } + } + + .breadcrumb { + flex-basis: 80%; + } + + .o_cp_searchview, + .o_cp_right, + { + flex-basis: 10%; + } + + .o_cp_left { + flex-basis: 50%; + white-space: nowrap; + } + + .o_cp_pager { + white-space: nowrap; + } + + // Hide all but 2 last breadcrumbs, and render 2nd-to-last as arrow + .breadcrumb-item { + &:not(.active) { + padding-left: 0; + } + + &::before { + content: none; + padding-right: 0; + } + + &:nth-last-of-type(1n+3) { + display: none; + } + + &:nth-last-of-type(2) { + &::before { + color: var(--primary); + content: "\f048"; // .fa-step-backward + cursor: pointer; + font-family: FontAwesome; + } + + a { + display: none; + } + } + } + + // Ellipsize long breadcrumbs + .breadcrumb { + max-width: 100%; + text-overflow: ellipsis; + } + + // Empty sidebar should not break layout + .o_cp_sidebar:blank { + display: none; + } + + // In case you install `mail`, there is a mess on BS vs inline styles + // we need to fix + .o_cp_buttons .btn.d-block:not(.d-none) { + display: inline-block !important; + } + + // Dropdown with buttons to switch the view type + .o_cp_switch_buttons.show { + .dropdown-menu { + align-content: center; + display: flex; + flex-direction: row; + justify-content: space-around; + padding: 0; + + .btn { + border: { + bottom: 0; + radius: 0; + top: 0; + } + } + } + } + } +} + +// Normal views +.o_content, .modal-content { + max-width: 100%; + + // Form views + .o_form_view { + .o_form_sheet { + max-width: calc(100% - 32px); + } + + @include media-breakpoint-down(sm) { + min-width: auto; + + // Avoid overflow on forms with title and/or button box + .oe_button_box, + .oe_title, + { + max-width: 100%; + } + + // Avoid overflow on modals + .o_form_sheet { + min-width: auto; + } + + // Render website inputs properly in phones + .o_group .o_field_widget.o_text_overflow { + // Overrides another !important + width: auto !important; + } + + // Make all input groups vertical + .o_group_col_6 { + width: 100%; + } + + // Statusbar buttons dropdown for mobiles + .o_statusbar_buttons_dropdown { + border: { + bottom: 0; + radius: 0; + top: 0; + } + height: 100%; + } + .o_statusbar_buttons > .btn { + border-radius: 0; + border: 0; + width: 100%; + margin-bottom: 0.2rem; + + &:last-child { + margin-bottom: 0; + } + } + + .o_statusbar_status { + // Arrow from rightmost button exceeds allowed width + .o_arrow_button:first-child::before { + content: none; + display: none; + } + } + + // Full width in form sheets + .o_form_sheet, + .oe_chatter, + { + min-width: auto; + max-width: 98%; + } + + // Settings pages + .app_settings_block { + .row { + margin: 0; + } + } + } + } + + // Sided chatter, if user wants + .o_chatter_position_sided & { + @include media-breakpoint-up(md) { + .o_form_view:not(.o_form_nosheet) { + display: flex; + flex-flow: row nowrap; + height: 100%; + + .o_form_sheet_bg { + flex: 1 1 60%; + overflow: auto; + } + + .o_chatter { + border-left: 1px solid gray('400'); + flex: 1 1 40%; + max-width: 50%; + min-width: 30%; + overflow: auto; + } + } + } + } +} diff --git a/web_responsive/static/src/js/web_responsive.js b/web_responsive/static/src/js/web_responsive.js new file mode 100644 index 00000000..8bd94cc3 --- /dev/null +++ b/web_responsive/static/src/js/web_responsive.js @@ -0,0 +1,409 @@ +/* Copyright 2018 Tecnativa - Jairo Llopis + * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */ + +odoo.define('web_responsive', function (require) { + 'use strict'; + + var AbstractWebClient = require("web.AbstractWebClient"); + var AppsMenu = require("web.AppsMenu"); + var config = require("web.config"); + var core = require("web.core"); + var FormRenderer = require('web.FormRenderer'); + var Menu = require("web.Menu"); + var RelationalFields = require('web.relational_fields'); + + /** + * Reduce menu data to a searchable format understandable by fuzzy.js + * + * `AppsMenu.init()` gets `menuData` in a format similar to this (only + * relevant data is shown): + * + * ```js + * { + * [...], + * children: [ + * // This is a menu entry: + * { + * action: "ir.actions.client,94", // Or `false` + * children: [... similar to above "children" key], + * name: "Actions", + * parent_id: [146, "Settings/Technical/Actions"], // Or `false` + * }, + * ... + * ] + * } + * ``` + * + * This format is very hard to process to search matches, and it would + * slow down the search algorithm, so we reduce it with this method to be + * able to later implement a simpler search. + * + * @param {Object} memo + * Reference to current result object, passed on recursive calls. + * + * @param {Object} menu + * A menu entry, as described above. + * + * @returns {Object} + * Reduced object, without entries that have no action, and with a + * format like this: + * + * ```js + * { + * "Discuss": {Menu entry Object}, + * "Settings": {Menu entry Object}, + * "Settings/Technical/Actions/Actions": {Menu entry Object}, + * ... + * } + * ``` + */ + function findNames (memo, menu) { + if (menu.action) { + var key = menu.parent_id ? menu.parent_id[1] + "/" : ""; + memo[key + menu.name] = menu; + } + if (menu.children.length) { + _.reduce(menu.children, findNames, memo); + } + return memo; + } + + AppsMenu.include({ + events: _.extend({ + "keydown .search-input input": "_searchResultsNavigate", + "click .o-menu-search-result": "_searchResultChosen", + "shown.bs.dropdown": "_searchFocus", + "hidden.bs.dropdown": "_searchReset", + }, AppsMenu.prototype.events), + + /** + * Rescue some menu data stripped out in original method. + * + * @override + */ + init: function (parent, menuData) { + this._super.apply(this, arguments); + // Keep base64 icon for main menus + for (var n in this._apps) { + this._apps[n].web_icon_data = + menuData.children[n].web_icon_data; + } + // Store menu data in a format searchable by fuzzy.js + this._searchableMenus = _.reduce( + menuData.children, + findNames, + {} + ); + // Search only after timeout, for fast typers + this._search_def = $.Deferred(); + }, + + /** + * @override + */ + start: function () { + this.$search_container = this.$(".search-container"); + this.$search_input = this.$(".search-input input"); + this.$search_results = this.$(".search-results"); + return this._super.apply(this, arguments); + }, + + /** + * Get all info for a given menu. + * + * @param {String} key + * Full path to requested menu. + * + * @returns {Object} + * Menu definition, plus extra needed keys. + */ + _menuInfo: function (key) { + var original = this._searchableMenus[key]; + return _.extend({ + action_id: parseInt(original.action.split(',')[1], 10), + }, original); + }, + + /** + * Autofocus on search field on big screens. + */ + _searchFocus: function () { + if (!config.device.isMobile) { + this.$search_input.focus(); + } + }, + + /** + * Reset search input and results + */ + _searchReset: function () { + this.$search_container.removeClass("has-results"); + this.$search_results.empty(); + this.$search_input.val(""); + }, + + /** + * Schedule a search on current menu items. + */ + _searchMenusSchedule: function () { + this._search_def.reject(); + this._search_def = $.Deferred(); + setTimeout(this._search_def.resolve.bind(this._search_def), 50); + this._search_def.done(this._searchMenus.bind(this)); + }, + + /** + * Search among available menu items, and render that search. + */ + _searchMenus: function () { + var query = this.$search_input.val(); + if (query === "") { + this.$search_container.removeClass("has-results"); + this.$search_results.empty(); + return; + } + var results = fuzzy.filter( + query, + _.keys(this._searchableMenus), + { + pre: "", + post: "", + } + ); + this.$search_container.toggleClass( + "has-results", + Boolean(results.length) + ); + this.$search_results.html( + core.qweb.render( + "web_responsive.MenuSearchResults", + { + results: results, + widget: this, + } + ) + ); + }, + + /** + * Use chooses a search result, so we navigate to that menu + * + * @param {jQuery.Event} event + */ + _searchResultChosen: function (event) { + event.preventDefault(); + var $result = $(event.currentTarget), + text = $result.text().trim(), + data = $result.data(), + suffix = ~text.indexOf("/") ? "/" : ""; + // Load the menu view + this.trigger_up("menu_clicked", { + action_id: data.actionId, + id: data.menuId, + previous_menu_id: data.parentId, + }); + // Find app that owns the chosen menu + var app = _.find(this._apps, function (_app) { + return text.indexOf(_app.name + suffix) === 0; + }); + // Update navbar menus + core.bus.trigger("change_menu_section", app.menuID); + }, + + /** + * Navigate among search results + * + * @param {jQuery.Event} event + */ + _searchResultsNavigate: function (event) { + // Exit soon when not navigating results + if (this.$search_results.is(":empty")) { + // Just in case it is the 1st search + this._searchMenusSchedule(); + return; + } + // Find current results and active element (1st by default) + var all = this.$search_results.find(".o-menu-search-result"), + pre_focused = all.filter(".active") || $(all[0]), + offset = all.index(pre_focused), + key = event.key; + // Transform tab presses in arrow presses + if (key === "Tab") { + event.preventDefault(); + key = event.shiftKey ? "ArrowUp" : "ArrowDown"; + } + switch (key) { + // Pressing enter is the same as clicking on the active element + case "Enter": + pre_focused.click(); + break; + // Navigate up or down + case "ArrowUp": + offset--; + break; + case "ArrowDown": + offset++; + break; + // Other keys trigger a search + default: + this._searchMenusSchedule(); + return; + } + // Allow looping on results + if (offset < 0) { + offset = all.length + offset; + } else if (offset >= all.length) { + offset -= all.length; + } + // Switch active element + var new_focused = $(all[offset]); + pre_focused.removeClass("active"); + new_focused.addClass("active"); + this.$search_results.scrollTo(new_focused, { + offset: { + top: this.$search_results.height() * -0.5, + }, + }); + }, + }); + + Menu.include({ + events: _.extend({ + // Clicking a hamburger menu item should close the hamburger + "click .o_menu_sections [role=menuitem]": "_hideMobileSubmenus", + // Opening any dropdown in the navbar should hide the hamburger + "show.bs.dropdown .o_menu_systray, .o_menu_apps": + "_hideMobileSubmenus", + }, Menu.prototype.events), + + start: function () { + this.$menu_toggle = this.$(".o-menu-toggle"); + return this._super.apply(this, arguments); + }, + + /** + * Hide menus for current app if you're in mobile + */ + _hideMobileSubmenus: function () { + if ( + this.$menu_toggle.is(":visible") && + this.$section_placeholder.is(":visible") + ) { + this.$section_placeholder.collapse("hide"); + } + }, + + /** + * No menu brand in mobiles + * + * @override + */ + _updateMenuBrand: function () { + if (!config.device.isMobile) { + return this._super.apply(this, arguments); + } + }, + }); + + RelationalFields.FieldStatus.include({ + + /** + * Fold all on mobiles. + * + * @override + */ + _setState: function () { + this._super.apply(this, arguments); + if (config.device.isMobile) { + _.map(this.status_information, function (value) { + value.fold = true; + }); + } + }, + }); + + // Responsive view "action" buttons + FormRenderer.include({ + + /** + * In mobiles, put all statusbar buttons in a dropdown. + * + * @override + */ + _renderHeaderButtons: function () { + var $buttons = this._super.apply(this, arguments); + if ( + !config.device.isMobile || + !$buttons.is(":has(>:not(.o_invisible_modifier))") + ) { + return $buttons; + } + + // $buttons must be appended by JS because all events are bound + $buttons.addClass("dropdown-menu"); + var $dropdown = $(core.qweb.render( + 'web_responsive.MenuStatusbarButtons' + )); + $buttons.addClass("dropdown-menu").appendTo($dropdown); + return $dropdown; + }, + }); + + /** + * Use ALT+SHIFT instead of ALT as hotkey triggerer. + * + * HACK https://github.com/odoo/odoo/issues/30068 - See it to know why. + * + * Cannot patch in `KeyboardNavigationMixin` directly because it's a mixin, + * not a `Class`, and altering a mixin's `prototype` doesn't alter it where + * it has already been used. + * + * Instead, we provide an additional mixin to be used wherever you need to + * enable this behavior. + */ + var KeyboardNavigationShiftAltMixin = { + + /** + * Alter the key event to require pressing Shift. + * + * This will produce a mocked event object where it will seem that + * `Alt` is not pressed if `Shift` is not pressed. + * + * The reason for this is that original upstream code, found in + * `KeyboardNavigationMixin` is very hardcoded against the `Alt` key, + * so it is more maintainable to mock its input than to rewrite it + * completely. + * + * @param {keyEvent} keyEvent + * Original event object + * + * @returns {keyEvent} + * Altered event object + */ + _shiftPressed: function (keyEvent) { + var alt = keyEvent.altKey || keyEvent.key === "Alt", + newEvent = _.extend({}, keyEvent), + shift = keyEvent.shiftKey || keyEvent.key === "Shift"; + // Mock event to make it seem like Alt is not pressed + if (alt && !shift) { + newEvent.altKey = false; + if (newEvent.key === "Alt") { + newEvent.key = "Shift"; + } + } + return newEvent; + }, + + _onKeyDown: function (keyDownEvent) { + return this._super(this._shiftPressed(keyDownEvent)); + }, + + _onKeyUp: function (keyUpEvent) { + return this._super(this._shiftPressed(keyUpEvent)); + }, + }; + + // Include the SHIFT+ALT mixin wherever + // `KeyboardNavigationMixin` is used upstream + AbstractWebClient.include(KeyboardNavigationShiftAltMixin); +}); diff --git a/web_responsive/static/src/xml/apps.xml b/web_responsive/static/src/xml/apps.xml new file mode 100644 index 00000000..b5a14bb5 --- /dev/null +++ b/web_responsive/static/src/xml/apps.xml @@ -0,0 +1,58 @@ + + + + diff --git a/web_responsive/static/src/xml/form_view.xml b/web_responsive/static/src/xml/form_view.xml new file mode 100644 index 00000000..4a0ec6f5 --- /dev/null +++ b/web_responsive/static/src/xml/form_view.xml @@ -0,0 +1,141 @@ + + + + + + + + + + + + +
+ + +
+ + + + + + e + + + + + d + + + + + + + Edit + + + + + + + Create + + + + + + + Save + + + + + + + Discard + + + + + + + + + + + + + + + + + + d + + + + + + + Create + + + + + + + Save + + + + + + + Discard + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web_responsive/static/src/xml/navbar.xml b/web_responsive/static/src/xml/navbar.xml new file mode 100644 index 00000000..b9acd58e --- /dev/null +++ b/web_responsive/static/src/xml/navbar.xml @@ -0,0 +1,16 @@ + + + + diff --git a/web_responsive/tests/__init__.py b/web_responsive/tests/__init__.py new file mode 100644 index 00000000..03c963d7 --- /dev/null +++ b/web_responsive/tests/__init__.py @@ -0,0 +1 @@ +from . import test_res_users diff --git a/web_responsive/tests/test_res_users.py b/web_responsive/tests/test_res_users.py new file mode 100644 index 00000000..6f4f0322 --- /dev/null +++ b/web_responsive/tests/test_res_users.py @@ -0,0 +1,16 @@ +# Copyright 2018 Alexandre Díaz +# License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html). + +from odoo.tests import common + + +class TestResUsers(common.TransactionCase): + + def test_chatter_position_wr(self): + user_public = self.env.ref('base.public_user') + + self.assertEqual(user_public.chatter_position, 'normal') + user_public.sudo(user_public).write({ + 'chatter_position': 'sided', + }) + self.assertEqual(user_public.chatter_position, 'sided') diff --git a/web_responsive/views/assets.xml b/web_responsive/views/assets.xml new file mode 100644 index 00000000..01bb7287 --- /dev/null +++ b/web_responsive/views/assets.xml @@ -0,0 +1,20 @@ + + + + + +