[MIG] web_widget_image_download: Migration to 12.0

web_widget_image_download/README.rst

@@ -14,13 +14,13 @@ Web Widget - Image Download
     :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/11.0/web_widget_image_download
+    :target: https://github.com/OCA/web/tree/12.0/web_widget_image_download
     :alt: OCA/web
 .. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
-    :target: https://translation.odoo-community.org/projects/web-11-0/web-11-0-web_widget_image_download
+    :target: https://translation.odoo-community.org/projects/web-12-0/web-12-0-web_widget_image_download
     :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/11.0
+    :target: https://runbot.odoo-community.org/runbot/162/12.0
     :alt: Try me on Runbot
 
 |badge1| |badge2| |badge3| |badge4| |badge5| 
@@ -49,7 +49,7 @@ Bug Tracker
 Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/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 <https://github.com/OCA/web/issues/new?body=module:%20web_widget_image_download%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
+`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_widget_image_download%0Aversion:%2012.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
 
 Do not contact contributors directly about support or help with technical issues.
 
@@ -87,6 +87,6 @@ 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 <https://github.com/OCA/web/tree/11.0/web_widget_image_download>`_ project on GitHub.
+This module is part of the `OCA/web <https://github.com/OCA/web/tree/12.0/web_widget_image_download>`_ project on GitHub.
 
 You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

web_widget_image_download/__manifest__.py

@@ -3,7 +3,7 @@
 {
     "name": "Web Widget - Image Download",
     "summary": "Allows to download any image from its widget",
-    "version": "11.0.1.0.0",
+    "version": "12.0.1.0.0",
     "category": "web",
     "website": "https://github.com/OCA/web",
     "author": "Tecnativa, Odoo Community Association (OCA), Kaushal Prajapati",

web_widget_image_download/static/description/index.html

@@ -367,7 +367,7 @@ ul.auto-toc {
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" 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" href="https://github.com/OCA/web/tree/11.0/web_widget_image_download"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-11-0/web-11-0-web_widget_image_download"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/11.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
+<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" 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" href="https://github.com/OCA/web/tree/12.0/web_widget_image_download"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-12-0/web-12-0-web_widget_image_download"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/12.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
 <p>This module was written to extend the functionality of the image widget and
 allows to download it.</p>
 <p><strong>Table of contents</strong></p>
@@ -398,7 +398,7 @@ allows to download it.</p>
 <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
 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
-<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_widget_image_download%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_widget_image_download%0Aversion:%2012.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
 <p>Do not contact contributors directly about support or help with technical issues.</p>
 </div>
 <div class="section" id="credits">
@@ -430,7 +430,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 <p>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.</p>
-<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/11.0/web_widget_image_download">OCA/web</a> project on GitHub.</p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/12.0/web_widget_image_download">OCA/web</a> project on GitHub.</p>
 <p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
 </div>
 </div>

web_widget_image_download/static/src/css/web_widget_image_download.css

@@ -1,8 +0,0 @@
-/* Copyright 2016 Flavio Corpa <flavio.corpa@tecnativa.com>
- * Copyright 2016 Jairo Llopis <jairo.llopis@tecnativa.com>
- * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
-
-.o_field_image .o_form_image_controls
-.o_form_binary_file_download {
-    color: #fff;
-}

web_widget_image_download/static/src/scss/web_widget_image_download.scss

@@ -0,0 +1,38 @@
+
+.o_field_widget {
+    &.o_field_image {
+        .o_form_image_controls {
+            > .fa, .o_form_binary_file_download {
+                margin: 5px 0;
+                padding: 1px 0;
+                width: 33.333333%;
+            }
+            .o_form_binary_file_download {
+                border: none;
+                background-color: transparent;
+                line-height: 0px;
+
+                > button.fa {
+                    width: 100%;
+                    height: 100%;
+                    margin: 0px;
+                    border: none;
+                    background-color: transparent;
+                    cursor: pointer;
+                }
+            }
+        }
+        @include media-breakpoint-down(xs, $o-extra-grid-breakpoints) {
+            .o_form_image_controls{
+                .o_form_binary_file_download {
+                    display: none;
+                }
+                > .fa{
+                    width: 50%;
+                    padding: 6px;
+                    margin: 0px;
+                }
+            }
+        }
+    }
+}

web_widget_image_download/static/src/xml/web_widget_image_download.xml

@@ -6,8 +6,9 @@
     <t t-extend="FieldBinaryImage">
         <t t-jquery=".o_select_file_button" t-operation="after">
             <t t-if="widget.value">
-                <a class="fa fa-download o_form_binary_file_download"
-                   title="Download"/>
+                <a class="o_form_binary_file_download float-left" title="Download" aria-label="Download">
+                    <button class="fa fa-download fa-lg"/>
+                </a>
             </t>
         </t>
     </t>

web_widget_image_download/views/assets.xml

@@ -7,7 +7,7 @@
 <template id="assets_backend" inherit_id="web.assets_backend">
     <xpath expr=".">
         <link rel="stylesheet"
-            href="/web_widget_image_download/static/src/css/web_widget_image_download.css"/>
+            href="/web_widget_image_download/static/src/scss/web_widget_image_download.scss"/>
         <script type="text/javascript"
             src="/web_widget_image_download/static/src/js/web_widget_image_download.js"/>
     </xpath>