78 lines
No EOL
2.4 KiB
HTML
78 lines
No EOL
2.4 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 home</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div layout:fragment="content" class="container-fluid">
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
|
|
<a class="navbar-brand" href="#">PDF</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a href="/app/pdfs/_" class="nav-link">List</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/app/pdfs/settings" class="nav-link">Settings</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-9 mb-3 mb-sm-0">
|
|
<div class="card ">
|
|
<div class="card-body">
|
|
<h5 class="card-title">PDF slugs <span th:text="${count}" />
|
|
,covers: <span th:text="${covers}" /></h5>
|
|
<ul th:each="pdf: ${pdfs}">
|
|
<li th:text="${pdf.slug}">aaa</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 mb-3 mb-sm-0">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">PDF tasks</h5>
|
|
|
|
<form layout="column items:start gap">
|
|
|
|
<div class="row mb-3">
|
|
<button name="action" value="delete" hx-confirm="Delete all covers?" hx-post="/app/pdfs"
|
|
hx-target="#aresponse">
|
|
Delete covers
|
|
</button>
|
|
<span id="aresponse" />
|
|
</div>
|
|
|
|
<hr />
|
|
<div class="row mb-3">
|
|
update covers
|
|
<button name="action" value="update" hx-confirm="create all covers?" hx-post="/app/pdfs"
|
|
hx-target="#bresponse">
|
|
update covers
|
|
</button>
|
|
<span id="bresponse" />
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |