... |
... |
@@ -94,24 +94,29 @@ |
94 |
94 |
== Images and Videos == |
95 |
95 |
|
96 |
96 |
{{velocity}} |
|
97 |
+#panelheader('Gallery') |
|
98 |
+ |
97 |
97 |
#set($attachments = $doc.getAttachmentList()) |
98 |
|
-#if($attachments.size() > 0) |
99 |
|
-<div style="display: flex; flex-wrap: wrap; gap: 10px;"> |
|
100 |
+#set($imageCount = 0) |
|
101 |
+ |
100 |
100 |
#foreach($attachment in $attachments) |
101 |
|
- #set($filename = $attachment.getFilename()) |
102 |
|
- #set($ext = $stringtool.substringAfterLast($filename, ".")) |
103 |
|
- #if($ext.equalsIgnoreCase("jpg") || $ext.equalsIgnoreCase("jpeg") || $ext.equalsIgnoreCase("png") || $ext.equalsIgnoreCase("webp")) |
104 |
|
- <div style="flex: 1 1 300px; max-width: 300px;"> |
105 |
|
- <img src="$xwiki.getURL($doc.fullName, 'download', "filename=$escapetool.url($filename)")" |
106 |
|
- alt="$filename" |
107 |
|
- style="max-width: 100%; height: auto; border: 1px solid #444;"/> |
108 |
|
- </div> |
|
103 |
+ #if($attachment.filename.endsWith(".jpg") || $attachment.filename.endsWith(".png") || $attachment.filename.endsWith(".webp")) |
|
104 |
+ #set($imageCount = $imageCount + 1) |
109 |
109 |
#end |
110 |
110 |
#end |
111 |
|
-</div> |
|
107 |
+ |
|
108 |
+#if($imageCount > 0) |
|
109 |
+ {{gallery}} |
|
110 |
+ #foreach($attachment in $attachments) |
|
111 |
+ #if($attachment.filename.endsWith(".jpg") || $attachment.filename.endsWith(".png") || $attachment.filename.endsWith(".webp")) |
|
112 |
+ image:$attachment.filename |
|
113 |
+ #end |
|
114 |
+ #end |
|
115 |
+ {{/gallery}} |
112 |
112 |
#end |
|
117 |
+ |
|
118 |
+#panelfooter() |
113 |
113 |
{{/velocity}} |
114 |
114 |
|
115 |
115 |
|
116 |
|
- |
117 |
117 |
{{putFootnotes/}} |