From 7fc79d417adb99c16b3916b1eeb8362e4dbd42b0 Mon Sep 17 00:00:00 2001 From: OCA-git-bot Date: Wed, 26 Jan 2022 07:31:45 +0000 Subject: [PATCH] [UPD] README.rst --- web_responsive/README.rst | 157 ++++++++++--------- web_responsive/static/description/index.html | 137 ++++++++-------- 2 files changed, 159 insertions(+), 135 deletions(-) diff --git a/web_responsive/README.rst b/web_responsive/README.rst index 6f768be37..a07297d60 100644 --- a/web_responsive/README.rst +++ b/web_responsive/README.rst @@ -17,115 +17,132 @@ Web Responsive :target: https://github.com/OCA/web/tree/15.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-14-0/web-14-0-web_responsive + :target: https://translation.odoo-community.org/projects/web-15-0/web-15-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/15.0 :alt: Try me on Runbot -|badge1| |badge2| |badge3| |badge4| |badge5| +|badge1| |badge2| |badge3| |badge4| |badge5| This module adds responsiveness to web backend. -Features for all devices: +**Features for all devices**: -* New navigation with an app drawer +* New navigation with the fullscreen app menu - .. image:: https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appmenu.gif -* Quick menu search from the app drawer +* Quick menu search inside the app menu - .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif + +* Sticky header & footer in list view + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif + +* Sticky statusbar in form view + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif + +* Bigger checkboxes in list view + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif * Increase the size of the labels in extra large screens - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_small.png - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_large.png -Features for mobile: +**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 + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/hamburger.gif -* View type picker dropdown displays confortably +* User-specific submenus are shown on full screen when toggling them from the + "avatar" menu - .. image:: https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/usermenu.gif + +* View type picker dropdown displays comfortably + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/viewtype.gif * Top app bar is always visible, but the control panel is hidden when - scrolling down, to save some vaulable vertical space + scrolling down, to save some valuable vertical space - .. image:: https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/navbar.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 + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/form_buttons.gif * Breadcrumbs navigation is collapsed with a "back arrow" button. - .. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/breadcrumbs.gif -* Search panel is hidden on small screens. +* Search panel is collapsed to mobile version on small screens. - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/search_panel.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 - -* Sticky chatter topbar - - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter_topbar.gif - -* AppMenu waits for action finished to show the view - - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/appmenu.gif - -* Sticky header & footer in list view - - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/listview.gif - -* Sticky statusbar in form view - - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/formview.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/search_panel.gif * Followers and send button is displayed on mobile. Avatar is hidden. - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter.gif + +* Scrollable dropdowns + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/dropdown_scroll.gif + +* Kanban interface adopted to mobile + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/kanban.gif + +* Calendar interface adopted to mobile + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/calendar.gif + +* Interface is adapted dynamically on device rotation + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/device_rotation.gif + +* Big inputs on form in edit mode + +**Features for desktop computers**: + +* Keyboard shortcuts for easier navigation, + **using `Alt + Shift + [NUM]`** combination instead of + just `Alt + [NUM]` to avoid conflict with Firefox Tab switching. + Standard Odoo keyboard hotkeys changed to be more intuitive or + accessible by fingers of one hand. + F.x. `Alt + S` for `Save` + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/shortcuts.gif + +* Autofocus on search menu box when opening the app menu + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif + +* Full width form sheets + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif + +* Set chatter on the side of the screen, optional per user + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_sided.gif + +* Sticky chatter topbar + + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_topbar.gif * When the chatter is configured on the side part, the document viewer fills that part for side-by-side reading instead of full screen. You can still put it on full width preview clicking on the new maximize button. - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/document_viewer.gif - -* Bigger checkboxes in list view - - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/big_checkboxes.gif - -* Scrollable dropdowns - - .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/dropdown_scroll.gif + .. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/document_viewer.gif **Table of contents** @@ -144,13 +161,8 @@ The following keyboard shortcuts are implemented: 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. * Handle long titles on forms in a better way -* Standard sticky headers seems to not work properly on iOS Safari/Chrome (see #1626). Bug Tracker =========== @@ -170,6 +182,7 @@ Authors * LasLabs * Tecnativa +* ITerra Contributors ~~~~~~~~~~~~ @@ -208,7 +221,7 @@ promote its widespread use. Current `maintainers `__: -|maintainer-Yajo| |maintainer-Tardo| |maintainer-SplashS| +|maintainer-Yajo| |maintainer-Tardo| |maintainer-SplashS| This module is part of the `OCA/web `_ project on GitHub. diff --git a/web_responsive/static/description/index.html b/web_responsive/static/description/index.html index 36870a90c..780ecebc1 100644 --- a/web_responsive/static/description/index.html +++ b/web_responsive/static/description/index.html @@ -367,86 +367,101 @@ ul.auto-toc { !! This file is generated by oca-gen-addon-readme !! !! changes will be overwritten. !! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! --> -

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

+

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

This module adds responsiveness to web backend.

-

Features for all devices:

+

Features for all devices:

    -

  • New navigation with an app drawer

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

  • New navigation with the fullscreen app menu

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appmenu.gif
    • -

  • Quick menu search from the app drawer

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

  • Quick menu search inside the app menu

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif +
    • +

  • Sticky header & footer in list view

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif +
    • +

  • Sticky statusbar in form view

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif +
    • +

  • Bigger checkboxes in list view

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif

  • Increase the size of the labels in extra large screens

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_small.png +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_large.png
-

Features for mobile:

+

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 +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/hamburger.gif
    • -

  • View type picker dropdown displays confortably

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

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

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/usermenu.gif +
    • +

  • View type picker dropdown displays comfortably

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/viewtype.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 +scrolling down, to save some valuable vertical space

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/navbar.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 +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/form_buttons.gif

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

    -https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/breadcrumbs.gif
    • -

  • Search panel is hidden on small screens.

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/search_panel.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 -
    • -

  • Sticky chatter topbar

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter_topbar.gif -
    • -

  • AppMenu waits for action finished to show the view

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/appmenu.gif -
    • -

  • Sticky header & footer in list view

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/listview.gif -
    • -

  • Sticky statusbar in form view

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/formview.gif +

  • Search panel is collapsed to mobile version on small screens.

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/search_panel.gif

  • Followers and send button is displayed on mobile. Avatar is hidden.

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter.gif +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter.gif +
    • +

  • Scrollable dropdowns

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/dropdown_scroll.gif +
    • +

  • Kanban interface adopted to mobile

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/kanban.gif +
    • +

  • Calendar interface adopted to mobile

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/calendar.gif +
    • +

  • Interface is adapted dynamically on device rotation

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/device_rotation.gif +
    • +

  • Big inputs on form in edit mode

    +
    • +
+

Features for desktop computers:

+
    +

  • Keyboard shortcuts for easier navigation, +using `Alt + Shift + [NUM]` combination instead of +just Alt + [NUM] to avoid conflict with Firefox Tab switching. +Standard Odoo keyboard hotkeys changed to be more intuitive or +accessible by fingers of one hand. +F.x. Alt + S for Save

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/shortcuts.gif +
    • +

  • Autofocus on search menu box when opening the app menu

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif +
    • +

  • Full width form sheets

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif +
    • +

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

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_sided.gif +
    • +

  • Sticky chatter topbar

    +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_topbar.gif

  • When the chatter is configured on the side part, the document viewer fills that part for side-by-side reading instead of full screen. You can still put it on full width preview clicking on the new maximize button.

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/document_viewer.gif -
    • -

  • Bigger checkboxes in list view

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/big_checkboxes.gif -
    • -

  • Scrollable dropdowns

    -https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/dropdown_scroll.gif +https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/document_viewer.gif

Table of contents

@@ -475,13 +490,8 @@ width preview clicking on the new maximize button.

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.
  • Handle long titles on forms in a better way
    • -
  • Standard sticky headers seems to not work properly on iOS Safari/Chrome (see #1626).
@@ -489,7 +499,7 @@ new size. This is Odoo’s own limitation.

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.

+feedback.

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

@@ -499,6 +509,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
  • LasLabs
  • Tecnativa
    • +
  • ITerra
@@ -522,8 +533,8 @@ If you spotted it first, help us smashing it by providing a detailed and welcome mission is to support the collaborative development of Odoo features and promote its widespread use.

Current maintainers:

-

Yajo Tardo

-

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

+

Yajo Tardo SplashS

+

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.