[MIG] web_responsive: Migrate to v12 and refactor

This migration includes a full refactoring to make this module more
maintainable. Some things that have changed:

- Removed external libraries.
- Change Less for Scss.
- Reduce ES and XML to the minimal required needs.
- Implement as much features as possible with just Scss.
- Remove copyright from `__init__.py` files.
- Trigger the new hotkeys system from Odoo v12 with `Shift+Alt` instead
  of just `Alt`, and restore some good old hotkeys (`E` for "Edit",
  `D` for "Discard", and `A` for "Apps menu").
  See https://github.com/odoo/odoo/issues/30068 on the matter.
- Control panel breadcrumbs are collapsed into a single backwards icon.
- Add FA icons to most common buttons in control panel.
- Hide text in XS for those buttons, to have a slicker phone experience.
- Lots of gifs in the README!

web_responsive/readme/DESCRIPTION.rst

@@ -1,9 +1,57 @@
-This module provides a mobile compliant interface for Odoo Community web.
+This module adds responsiveness to web backend.
 
-Features:
+Features for all devices:
 
-* New navigation with an App drawer
-* Keyboard shortcuts for easier navigation
-* Display kanban views for small screens if an action or field One2x
-* Set chatter side (Optional per user)
-* Quick search
+* 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

web_responsive/readme/ROADMAP.rst

@@ -1,22 +1,6 @@
-Note: Data added to the footer ``support_branding`` is not shown while using
-this module.
-
-* Provide full menu search feature instead of just App search
-* Drag drawer from left to open in mobile
-* Figure out how to test focus on hidden elements for keyboard nav tests
-* If you resize the window, body gets a wrong ``overflow: auto`` css property
-  and you need to refresh your view or open/close the app drawer to fix that.
-* Override LESS styling to allow for responsive widget layouts
-* Adding ``oe_main_menu_navbar`` ID to the top navigation bar triggers some
-  great styles, but also `JavaScript that causes issues on mobile
-  <https://github.com/OCA/web/pull/446#issuecomment-254827880>`_
-* Sticky header and footer in list view only works on certain browsers:
-  https://caniuse.com/#search=sticky (note that the used feature is in
-  `thead`).
-* On Android (FireFox) - clicking the search icon does not
-  focus the search input.
-* On Android (FireFox & Chrome) - clicking the search query input will
-  show the on screen keyboard for a split second, but the App Drawer
-  immediately closes and the keyboard closes with it.
-* Filter menu items completely on client-side, to make it smoother and allow
-  users to filter on complete paths of menus and not only on the last item.
+* 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?

web_responsive/readme/USAGE.rst

@@ -1,6 +1,6 @@
 The following keyboard shortcuts are implemented:
 
-* Toggle App Drawer - `ActionKey <https://en.wikipedia.org/wiki/Access_key#Access_in_different_browsers>` + ``A``
-* Navigate Apps Drawer - Arrow Keys
-* Type to select App Links
-* ``esc`` to close App Drawer
+* Toggle app drawer - ``Alt + Shift + H``
+* Navigate app search results - Arrow keys
+* Choose app result - ``Enter``
+* ``Esc`` to close app drawer