53 lines
No EOL
1.8 KiB
HTML
53 lines
No EOL
1.8 KiB
HTML
<!DOCTYPE HTML5>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
layout:decorate="~{layout.htm}">
|
|
|
|
<head>
|
|
<title>Pdfs</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div layout:fragment="content" class="container-fluid">
|
|
<sl-breadcrumb>
|
|
<sl-breadcrumb-item href="/app/pdfs">PDF</sl-breadcrumb-item>
|
|
<sl-breadcrumb-item>list (<span th:text="${count}">#</span>)</sl-breadcrumb-item>
|
|
</sl-breadcrumb>
|
|
|
|
<div style="display:flex;flex-wrap:wrap;flex-direction:row;gap:10px;">
|
|
|
|
<sl-card th:each="pdf: ${pdfs}" class="card-overview">
|
|
|
|
<div slot="header">
|
|
<sl-tooltip>
|
|
<div th:text="${pdf.slug}" slot="content">path</div>
|
|
<sl-badge th:text="${pdf.index}">{pdf.index}</sl-badge>
|
|
</sl-tooltip>
|
|
<sl-copy-button value="" th:value="${pdf.slug}" copy-label="copy PDF path">
|
|
</sl-copy-button>
|
|
<a th:href="@{/pdfs/_/{pdf.id}/raw}" href="/app/pdfs/_/{pdf.id}/details"><small>{pdf}</small></a>
|
|
<sl-button-group label="History">
|
|
<sl-icon-button name="file-earmark-pdf" label="Settings"
|
|
th:href="@{/pdfs/_/{pdf.id}/view}" href="/app/pdfs/_/{pdf.id}/view"></sl-icon-button>
|
|
|
|
</sl-button-group>
|
|
</div>
|
|
<div>
|
|
<a th:href="@{/pdfs/_/{pdf.id}}" href="/pdfs/_/{pdf.id}" class="holder center">
|
|
<img th:src="@{/pdfs/_/{pdf.id}/cover}" src="" class="img-thumbnail object-fit-contain" loading="lazy"
|
|
alt="Image of cover page." style="width:200px;height: 300px;"/>
|
|
</a>
|
|
</div>
|
|
<div slot="footer">
|
|
|
|
<div>
|
|
slug:<br /><small th:text="${pdf.id}">{pdf.id}</small><br />
|
|
</div>
|
|
</div>
|
|
</sl-card>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |