kashey/sweater
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Добавил базовую реализацию пагинации для сообщений.

Browse Source 
https://www.youtube.com/watch?v=Sc3EQBy0tuk&list=PLU2ftbIeotGpAYRP9Iv2KLIwK36-o_qYk&index=28
This commit is contained in:
Leonid
2025-03-02 19:10:13 +03:00
parent 3530e9e28d
commit a217ef0363
4 changed files with 68 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/main/resources/templates/parts/messageList.ftl
View File

@@ -1,25 +1,29 @@
<#include "security.ftl">
<#import "pager.ftl" as p>
<div class="row row-cols-1 row-cols-md-3 g-4" id="message-list">
<#list messages as message>
<div class="col">
<div class="card h-100" data-id="${message.id}"> <!-- h-100 делает карточки одинаковой высоты -->
<#if message.filename??>
<img src="/img/${message.filename}" class="card-img-top">
</#if>
<div class="card-body">
<span>${message.text}</span><br/>
<i>#${message.tag}</i>
</div>
<div class="card-footer d-flex justify-content-between">
<a href="/user-messages/${message.author.id}"> ${message.authorName} </a>
<#if message.author.id == currentUserId>
<a class="btn btn-primary btn-sm" href="/user-messages/${message.author.id}?message=${message.id}">Edit</a>
<@p.pager url page! />
<div class="row row-cols-1 row-cols-md-3 g-4" id="message-list">
<#list page.content as message>
<div class="col">
<div class="card h-100" data-id="${message.id}"> <!-- h-100 делает карточки одинаковой высоты -->
<#if message.filename??>
<img src="/img/${message.filename}" class="card-img-top">
</#if>
<div class="card-body">
<span>${message.text}</span><br/>
<i>#${message.tag}</i>
</div>
<div class="card-footer d-flex justify-content-between">
<a href="/user-messages/${message.author.id}"> ${message.authorName} </a>
<#if message.author.id == currentUserId>
<a class="btn btn-primary btn-sm"
href="/user-messages/${message.author.id}?message=${message.id}">Edit</a>
</#if>
</div>
</div>
</div>
</div>
<#else>
<p>No messages found</p>
</#list>
</div>
<#else>
<p>No messages found</p>
</#list>
</div>
<@p.pager url page />