You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.7 KiB
40 lines
1.7 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates id="template">
|
|
<t t-name="ListView.row.image"><!--
|
|
Inline display of the image.
|
|
--><img t-if="widget.display == 'inline'"
|
|
t-att-height="widget.height || 16"
|
|
t-att-src="widget.src" /><!--
|
|
Icon that can be clicked for a full screen preview of the image.
|
|
--><span t-if="widget.display == 'icon'"
|
|
t-att-id="clickableId"
|
|
class="o_web_tree_image_clickable fa fa-picture-o" /><!--
|
|
Thumbnail that can be clicked for a full screen preview of the image.
|
|
--><img t-if="widget.display == 'thumbnail'"
|
|
t-att-id="clickableId"
|
|
t-att-height="widget.height || 16"
|
|
t-att-src="widget.src"
|
|
class="o_web_tree_image_clickable" />
|
|
</t>
|
|
|
|
<!-- Use a separate template for the content of the full screen preview,
|
|
as it has to be inserted into the DOM separately, otherwise its
|
|
z-index is affected by parent elements and it does not appear
|
|
correctly in the foreground. -->
|
|
<div t-name="ListView.row.image.imageData" t-att-id="popupId"
|
|
class="modal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
x
|
|
</button>
|
|
<h4 class="modal-title">Image preview</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<img t-att-src="widget.src" class="img-responsive" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</templates>
|