From bb15a9ece91a70861040e14f2fa6102bcceafd1e Mon Sep 17 00:00:00 2001
From: Jairo Llopis <jairo@moduon.team>
Date: Tue, 9 Jan 2024 09:44:44 +0000
Subject: [PATCH] [DOCS] web_touchscreen: add screenshot

Follow suggestion from https://github.com/OCA/web/pull/2701#issuecomment-1870681682.

@moduon MT-4472
---
 web_touchscreen/README.rst                    | 15 ++++++++++++++-
 web_touchscreen/readme/DESCRIPTION.md         | 10 ++++++++++
 web_touchscreen/static/description/index.html | 19 ++++++++++++++++++-
 3 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/web_touchscreen/README.rst b/web_touchscreen/README.rst
index 37c1378ac..d2ac332a2 100644
--- a/web_touchscreen/README.rst
+++ b/web_touchscreen/README.rst
@@ -7,7 +7,7 @@ Web Touchscreen
    !! This file is generated by oca-gen-addon-readme !!
    !! changes will be overwritten.                   !!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-   !! source digest: sha256:e5b59e225d718b18262fbc8a0da3408dc0fd5523eaf421014865f22d3ab9b5e1
+   !! source digest: sha256:28be01a795f7908f83d483e97e274f5d5ae40909ca9d38d9685efba9c051b80a
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
 .. |badge1| image:: https://img.shields.io/badge/maturity-Alpha-red.png
@@ -31,6 +31,19 @@ Web Touchscreen
 This module prefers kanban sub-form views when using a tablet, or any
 other device with a touch screen, no matter its size.
 
+For example, these screenshots showcase a sale order in a tablet:
+
+=================== ================
+Without this module With this module
+=================== ================
+|Before|            |After|
+=================== ================
+
+.. |Before| image:: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
+   :target: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
+.. |After| image:: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
+   :target: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
+
 .. IMPORTANT::
    This is an alpha version, the data model and design can change at any time without warning.
    Only for development or testing purpose, do not use in production.
diff --git a/web_touchscreen/readme/DESCRIPTION.md b/web_touchscreen/readme/DESCRIPTION.md
index ed6039761..85995ba13 100644
--- a/web_touchscreen/readme/DESCRIPTION.md
+++ b/web_touchscreen/readme/DESCRIPTION.md
@@ -1,2 +1,12 @@
 This module prefers kanban sub-form views when using a tablet, or any other
 device with a touch screen, no matter its size.
+
+For example, these screenshots showcase a sale order in a tablet:
+
+| Without this module   | With this module    |
+| --------------------- | ------------------- |
+| [![Before][]][Before] | [![After][]][After] |
+
+
+[Before]: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
+[After]: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
diff --git a/web_touchscreen/static/description/index.html b/web_touchscreen/static/description/index.html
index 900c7a5d3..287bbec42 100644
--- a/web_touchscreen/static/description/index.html
+++ b/web_touchscreen/static/description/index.html
@@ -367,11 +367,28 @@ ul.auto-toc {
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-!! source digest: sha256:e5b59e225d718b18262fbc8a0da3408dc0fd5523eaf421014865f22d3ab9b5e1
+!! source digest: sha256:28be01a795f7908f83d483e97e274f5d5ae40909ca9d38d9685efba9c051b80a
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
 <p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Alpha" src="https://img.shields.io/badge/maturity-Alpha-red.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/16.0/web_touchscreen"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_touchscreen"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/web&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
 <p>This module prefers kanban sub-form views when using a tablet, or any
 other device with a touch screen, no matter its size.</p>
+<p>For example, these screenshots showcase a sale order in a tablet:</p>
+<table border="1" class="docutils">
+<colgroup>
+<col width="54%" />
+<col width="46%" />
+</colgroup>
+<thead valign="bottom">
+<tr><th class="head">Without this module</th>
+<th class="head">With this module</th>
+</tr>
+</thead>
+<tbody valign="top">
+<tr><td><a class="reference external image-reference" href="https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc"><img alt="Before" src="https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc" /></a></td>
+<td><a class="reference external image-reference" href="https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8"><img alt="After" src="https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8" /></a></td>
+</tr>
+</tbody>
+</table>
 <div class="admonition important">
 <p class="first admonition-title">Important</p>
 <p class="last">This is an alpha version, the data model and design can change at any time without warning.