Support more than 2 images

This commit is contained in:
Marek Bachmann 2022-12-05 04:23:34 +01:00
parent 6753eeab8b
commit fbd4b54656
2 changed files with 20 additions and 8 deletions

View file

@ -3137,7 +3137,9 @@ class Item
if ($item['has-media']) { if ($item['has-media']) {
$attachments = Post\Media::splitAttachments($item['uri-id'], [], $item['has-media'] ?? false); $attachments = Post\Media::splitAttachments($item['uri-id'], [], $item['has-media'] ?? false);
if (count($attachments['visual']) > 1) { if (count($attachments['visual']) > 1) {
$img_tags = array(); $img_tags_fc = array();
$img_tags_sc = array();
$count = 0;
foreach ($attachments['visual'] as $attachment) { foreach ($attachments['visual'] as $attachment) {
$src_url = Post\Media::getUrlForId($attachment['id']); $src_url = Post\Media::getUrlForId($attachment['id']);
$preview_url = Post\Media::getPreviewUrlForId($attachment['id'], ($attachment['width'] > $attachment['height']) ? Proxy::SIZE_MEDIUM : Proxy::SIZE_LARGE); $preview_url = Post\Media::getPreviewUrlForId($attachment['id'], ($attachment['width'] > $attachment['height']) ? Proxy::SIZE_MEDIUM : Proxy::SIZE_LARGE);
@ -3147,12 +3149,18 @@ class Item
'preview' => $preview_url, 'preview' => $preview_url,
'attachment' => $attachment, 'attachment' => $attachment,
]); ]);
$img_tags[] = $img_tag; if ($count % 2 == 0) {
$img_tags_fc[] = $img_tag;
} else {
$img_tags_sc[] = $img_tag;
}
++$count;
} }
$img_grid = Renderer::replaceMacros(Renderer::getMarkupTemplate('content/image_grid.tpl'), [ $img_grid = Renderer::replaceMacros(Renderer::getMarkupTemplate('content/image_grid.tpl'), [
'columns' => [ 'columns' => [
'fc' => $img_tags[0], 'fc' => $img_tags_fc,
'sc' => $img_tags[1], 'sc' => $img_tags_sc,
], ],
]); ]);
return $img_grid; return $img_grid;

View file

@ -2,13 +2,17 @@
<div id="row" class="row"> <div id="row" class="row">
<div class="column"> <div class="column">
{{foreach $columns.fc as $img}} {{foreach $columns.fc as $fc}}
{{include file="content/image.tpl" image=$img}} {{foreach $fc as $img}}
{{include file="content/image.tpl" image=$img}}
{{/foreach}}
{{/foreach}} {{/foreach}}
</div> </div>
<div class="column"> <div class="column">
{{foreach $columns.sc as $img}} {{foreach $columns.sc as $sc}}
{{include file="content/image.tpl" image=$img}} {{foreach $sc as $img}}
{{include file="content/image.tpl" image=$img}}
{{/foreach}}
{{/foreach}} {{/foreach}}
</div> </div>
</div> </div>