diff options
| author | Sébastien Theys <seb@odoo.com> | 2019-06-04 15:10:53 +0200 |
|---|---|---|
| committer | Sébastien Theys <seb@odoo.com> | 2019-06-04 22:14:13 +0200 |
| commit | 191c556d6b50b35178ea5bb91fb998bcffb86367 (patch) | |
| tree | 39a4a2565f405de2c36e274f3d062e3a9031517c /addons/web_unsplash/static/src/xml/unsplash_image_widget.xml | |
| parent | 86d304fdb0c93fa3af0f2649882304c0ddabe896 (diff) | |
[IMP] web_editor, *: improve file media widget views & selection
* = web_unsplash, website_blog
Rename "image" to "attachment" when appropriate in FileWidget
Improve image selection / highlight code (now based on attachment id)
Improve image grid view:
- Remove the row mechanism and replace it by a single loop over the images.
- Take advantage of row wrap for a responsive display.
- Uniformize the height (prevent tall images from moving down everything).
- Load a miniature of the images when possible, remove the loading placeholder.
This should significantly reduce the download size when opening the dialog,
at the cost of CPU usage on the server.
- Split the existing image view into one view for the loop and one view for the
image itself. This way in a following commit we can reuse the image view
when adding a new one, instead of having to render everything again.
task-1930726
PR: #31208
Diffstat (limited to 'addons/web_unsplash/static/src/xml/unsplash_image_widget.xml')
| -rw-r--r-- | addons/web_unsplash/static/src/xml/unsplash_image_widget.xml | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml b/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml index 6ecf304034b..73593b25e50 100644 --- a/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml +++ b/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml @@ -27,15 +27,15 @@ </t> <t t-name="web_unsplash.dialog.image.content"> - <div class="row mt16" t-as="row" t-foreach="rows"> - <div class="col-sm-2 o_unsplash_img_cell text-center" t-as="img" t-foreach="row"> - <div class="o_image o_webimage" t-att-data-imgid="img.id" t-att-data-url="img.urls.regular" t-att-data-download-url="img.links.download_location"> + <div class="row mt16"> + <div class="col-sm-2 o_unsplash_img_cell text-center" t-as="img" t-foreach="records"> + <div class="o_image o_webimage text-center" t-att-data-imgid="img.id" t-att-data-url="img.urls.regular" t-att-data-download-url="img.links.download_location"> <img class="img-fluid" t-att-src="img.urls.thumb"/> </div> <div class="author_name"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div> </div> </div> - <div class="row mt16" t-if="rows.length == 0"> + <div class="row mt16" t-if="records.length == 0"> <div class="m-auto text-muted not-found"> <i class="fa fa-camera mr8"/> Photos not found </div> |