jalin-peter/fedipage
1
0
Fork 0
Code Pull Requests Actions Releases Wiki Activity

support multiple images per post

Browse Source
This commit is contained in:
jalin-peter
2025-09-20 12:14:19 +02:00
parent 60dfe90152
commit 41133edaca
3 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/profil.vm
+32 -6
View File
@@ -300,6 +300,7 @@
-->
<div id="posts" class="posts">
#foreach( $post in $pinned )
#set ( $image_class = 'single' )
<div class="post">
<div class="boost-indicator">📌 Angeheftet</div>
<div class="post-header">
@@ -311,11 +312,19 @@
</div>
<div class="post-content">$post.content</div>
#if( $post.media_attachments.length > 0 )
#if( $post.media_attachments.length > 1 )
#set ( $image_class = 'double' )
#end
#if( $post.media_attachments.length > 2 )
#set ( $image_class = 'multiple' )
#end
<div class="post-media">
<div class="media-grid single">
<div class="media-grid $image_class">
#foreach( $media_item in $post.media_attachments )
<div class="media-item">
<img src="$post.media_attachments[0].preview_url" alt="$post.media_attachments[0].description" onclick="window.open('$post.media_attachments[0].url', '_blank')">
<img src="$media_item.preview_url" alt="$media_item.description" onclick="window.open('$media_item.url', '_blank')">
</div>
#end
</div>
</div>
#end
@@ -327,8 +336,15 @@
</div>
#end
#foreach( $post in $timeline )
#set ( $image_class = 'single' )
<div class="post">
#if( $post.reblog.account )
#if( $post.reblog.media_attachments.length > 1 )
#set ( $image_class = 'double' )
#end
#if( $post.reblog.media_attachments.length > 2 )
#set ( $image_class = 'multiple' )
#end
<div class="boost-indicator">🔄 $post.account.display_name hat geteilt</div>
<div class="post-header">
<img class="post-avatar" src="$post.reblog.account.avatar" alt="Avatar">
@@ -340,14 +356,22 @@
<div class="post-content">$post.reblog.content</div>
#if( $post.reblog.media_attachments.length > 0 )
<div class="post-media">
<div class="media-grid single">
<div class="media-grid $image_class">
#foreach( $media_item in $post.reblog.media_attachments )
<div class="media-item">
<img src="$post.reblog.media_attachments[0].preview_url" alt="$post.reblog.media_attachments[0].description" onclick="window.open('$post.reblog.media_attachments[0].url', '_blank')">
<img src="$media_item.preview_url" alt="$media_item.description" onclick="window.open('$media_item.url', '_blank')">
</div>
#end
</div>
</div>
#end
#else
#if( $post.media_attachments.length > 1 )
#set ( $image_class = 'double' )
#end
#if( $post.media_attachments.length > 2 )
#set ( $image_class = 'multiple' )
#end
<div class="post-header">
<img class="post-avatar" src="$post.account.avatar" alt="Avatar">
<div class="post-user">
@@ -358,10 +382,12 @@
<div class="post-content">$post.content</div>
#if( $post.media_attachments.length > 0 )
<div class="post-media">
<div class="media-grid single">
<div class="media-grid $image_class">
#foreach( $media_item in $post.media_attachments )
<div class="media-item">
<img src="$post.media_attachments[0].preview_url" alt="$post.media_attachments[0].description" onclick="window.open('$post.media_attachments[0].url', '_blank')">
<img src="$media_item.preview_url" alt="$media_item.description" onclick="window.open('$media_item.url', '_blank')">
</div>
#end
</div>
</div>
#end