60 lines
No EOL
2.3 KiB
HTML
60 lines
No EOL
2.3 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>PDF</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 href="/app/pdfs/_">list </sl-breadcrumb-item>
|
|
<sl-breadcrumb-item><span th:text="${id}">#</span></sl-breadcrumb-item>
|
|
|
|
</sl-breadcrumb>
|
|
<div class="card-group">
|
|
<div class="card">
|
|
<img th:src="@{/pdfs/_/{id}/cover}" src="" class="card-img-top object-fit-contain" alt="Image of cover page."
|
|
style="height: 75vh;" />
|
|
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional
|
|
content. This card has even longer content than the first to show that equal height action.</p>
|
|
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Tasks</h5>
|
|
<div class="card-text">
|
|
<div class="btn-group-vertical" role="group" aria-label="Button group with nested dropdown">
|
|
<button type="button" class="btn btn-primary">1</button>
|
|
<button type="button" class="btn btn-primary">2</button>
|
|
|
|
<div class="btn-group" role="group">
|
|
<button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle"
|
|
data-bs-toggle="dropdown" aria-expanded="false">
|
|
Dropdown
|
|
</button>
|
|
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
|
|
<li><a class="dropdown-item" href="#">Dropdown link</a></li>
|
|
<li><a class="dropdown-item" href="#">Dropdown link</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |