Universal-Omega/PortableInfobox
1
0
Fork 0
mirror of https://github.com/Universal-Omega/PortableInfobox.git synced 2024-11-15 03:35:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

XW-4654: render PI galleries

Browse source
This commit is contained in:
Mateusz Rybarski 2018-02-28 08:50:45 +01:00
parent 7b4e0e6fef
commit 64f23a89e8
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
templates/PortableInfoboxItemImageCollectionMobile.mustache
View file

@ -1,9 +1,20 @@
<div class="pi-image-collection"
data-component="portable-infobox-image-collection"
data-attrs="{{mercuryComponentAttrs}}">
<img class="article-media-placeholder"
src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 {{firstImage.width}} {{firstImage.height}}'%2F%3E"
alt="{{firstImage.title}}"
{{#firstImage.width}}width="{{firstImage.width}}"{{/firstImage.width}}
{{#firstImage.height}}height="{{firstImage.height}}"{{/firstImage.height}}/>
{{#images}}
<figure class="pi-item pi-image">
<a href="{{url}}">
<img class="article-media-placeholder"
src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 {{width}} {{height}}'%2F%3E"
alt="{{title}}"
{{#width}} width="{{width}}"{{/width}}
{{#height}} height="{{height}}"{{/height}} />
<noscript>
<img src="{{url}}" alt="{{alt}}"{{#width}} width="{{width}}"{{/width}}{{#height}} height="{{height}}"{{/height}} />
</noscript>
</a>
{{#caption}}<figcaption class="pi-item-spacing pi-caption">{{{caption}}}</figcaption>{{/caption}}
</figure>
{{/images}}
</div>