FEAT : Pagination des commentaires / photos
This commit is contained in:
@@ -12,31 +12,51 @@
|
||||
<p>Vous n'avez pas encore de photos.</p>
|
||||
</div>
|
||||
<h2>Mes photos privées</h2>
|
||||
<ul>
|
||||
<li th:each="p : ${photosPrivees}">
|
||||
<a th:href="@{'/photo/' + ${p.id}}"
|
||||
th:text="${p.nomFichierOriginal}"></a>
|
||||
<span style="color:red;">[PRIVÉE]</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
<a th:each="p : ${photosPrivees.content}"
|
||||
th:href="@{'/photo/' + ${p.id}}">
|
||||
<img th:src="@{'/photo/' + ${p.id} + '/raw'}" width="120"/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a th:if="${photosPrivees.hasPrevious()}"
|
||||
th:href="@{/mes-photos(pagePrivees=${pagePrivees - 1}, pagePubliques=${pagePubliques}, pagePartagees=${pagePartagees})}">⬅</a>
|
||||
<span th:text="'Page ' + (${pagePrivees}+1)"></span>
|
||||
<a th:if="${photosPrivees.hasNext()}"
|
||||
th:href="@{/mes-photos(pagePrivees=${pagePrivees + 1}, pagePubliques=${pagePubliques}, pagePartagees=${pagePartagees})}">➡</a>
|
||||
</div>
|
||||
|
||||
|
||||
<h2>Mes photos publiques</h2>
|
||||
<ul>
|
||||
<li th:each="p : ${photosPubliques}">
|
||||
<a th:href="@{'/photo/' + ${p.id}}"
|
||||
th:text="${p.nomFichierOriginal}"></a>
|
||||
<span style="color:blue;">[PUBLIQUE]</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
<a th:each="p : ${photosPubliques.content}"
|
||||
th:href="@{'/photo/' + ${p.id}}">
|
||||
<img th:src="@{'/photo/' + ${p.id} + '/raw'}" width="120"/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a th:if="${photosPubliques.hasPrevious()}"
|
||||
th:href="@{/mes-photos(pagePrivees=${pagePrivees}, pagePubliques=${pagePubliques - 1}, pagePartagees=${pagePartagees})}">⬅</a>
|
||||
<span th:text="'Page ' + (${pagePubliques}+1)"></span>
|
||||
<a th:if="${photosPubliques.hasNext()}"
|
||||
th:href="@{/mes-photos(pagePrivees=${pagePrivees}, pagePubliques=${pagePubliques + 1}, pagePartagees=${pagePartagees})}">➡</a>
|
||||
|
||||
</div>
|
||||
|
||||
<h2>Photos partagées avec moi</h2>
|
||||
<ul>
|
||||
<li th:each="p : ${photosPartagees}">
|
||||
<a th:href="@{'/photo/' + ${p.id}}"
|
||||
th:text="${p.nomFichierOriginal}"></a>
|
||||
<span style="color:green;">[SHARED]</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
<a th:each="p : ${photosPartagees.content}"
|
||||
th:href="@{'/photo/' + ${p.id}}">
|
||||
<img th:src="@{'/photo/' + ${p.id} + '/raw'}" width="120"/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a th:if="${photosPartagees.hasPrevious()}"
|
||||
th:href="@{/mes-photos(pagePrivees=${pagePrivees}, pagePubliques=${pagePubliques}, pagePartagees=${pagePartagees - 1})}">⬅</a>
|
||||
<span th:text="'Page ' + (${pagePartagees}+1)"></span>
|
||||
<a th:if="${photosPartagees.hasNext()}"
|
||||
th:href="@{/mes-photos(pagePrivees=${pagePrivees}, pagePubliques=${pagePubliques}, pagePartagees=${pagePartagees + 1})}">➡</a>
|
||||
</div>
|
||||
|
||||
|
||||
<p><a th:href="@{/galerie}">Galerie publique</a></p>
|
||||
|
||||
Reference in New Issue
Block a user