desu/marinesco
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update Author and Book page

Browse source
This commit is contained in:
Dmitry Isaenko 2024-01-15 18:53:06 +03:00
parent eb593e8e28
commit 8f2828ea63
3 changed files with 47 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/main/resources/static/styles/styles.css
View file

@ -55,20 +55,22 @@ td {
}
a {
color: #cfcfcf;
text-align: center;
text-decoration: none;
}
a:link {
a:link,
a:visited{
color: #74bfbd;
}
a:hover,
a:visited:hover {
text-decoration: underline;
color: #cfcfcf;
}
a:hover {
color: white;
}
a:visited {
color: #949494;
.any:visited {
color: #548a88;
}
ul {
@ -300,3 +302,18 @@ button:hover {
padding-left: 5px;
flex-basis: 350px;
}
/* Book page */
.title{
font-weight: bold;
font-size: 2em;
}
.series{
font-style: italic;
font-size: 1.2em;
}
.not_important{
font-style: italic;
color: #888888;
}

20
src/main/resources/templates/author.html
View file

@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Marinesco</title>
<title th:text="${author != null ? author.authorName : 'Marinesco'}"></title>
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="alternate icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" th:href="@{/styles/styles.css}" />
@ -10,22 +10,22 @@
<body>
<div class="page">
<div th:replace="~{fragments/header :: ${#authorization.expression('isAuthenticated()')} ? 'header-auth' : 'header-anon'}"></div>
<div
th:replace="~{fragments/header :: ${#authorization.expression('isAuthenticated()')} ? 'header-auth' : 'header-anon'}">
</div>
<div class="container base">
<span class="validationError" th:if="${Error} != null" th:text="${Error}"></span>
<div th:if="${author} != null">
<h3><span th:text="${author.authorName}"></span></h3>
<div class="title" th:text="${author.authorName}"><br /></div>
<div th:each="book : ${books}">
<a th:href="${'/book/' + book.id}">
<span class="book_title" th:text="${book.title}"></span>
<div class="book_title" th:text="${book.title}"></div>
</a>
<em><div th:if="${book.series} != ''" th:text="${book.series}"></div></em>
<br />
<div th:if="${book.series} != ''" th:text="${'Series: ' + book.series}">
<br />
</div>
<a th:href="${'/download/?container=' + book.container + '&file=' + book.fsFileName}" th:text="Download"></a>
<span th:text="${' (' + book.fileExtension + ' ' + book.fileSizeForHumans + ')'}"></span>
<p></p>
<a th:href="${'/download/?container=' + book.container + '&file=' + book.fsFileName}"
th:text="${'Download ' + book.fileExtension + ' (' + book.fileSizeForHumans + ')'}"></a>
<hr>
</div>
</div>

25
src/main/resources/templates/book.html
View file

@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Marinesco</title>
<title th:text="${book != null ? book.title : 'Marinesco'}"></title>
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="alternate icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" th:href="@{/styles/styles.css}" />
@ -14,23 +14,20 @@
<div class="container base">
<span class="validationError" th:if="${Error} != null" th:text="${Error}"></span>
<div th:if="${book} != null">
<br /><span th:text="${'Title: ' + book.title}"></span>
<br /><span>Authors: </span>
<div class="title" th:text="${book.title}"></div>
<div class="series" th:if="${book.series} != ''" th:text="${book.series}"></div>
<br />
<div th:each="author : ${book.authors}">
<span th:text="${' * ' + author.authorName}"></span>
<a th:href="${'/author/' + author.id}" th:text="${author.authorName}"></a>
</div>
<br /><span>Genres: </span>
<div th:each="genre : ${book.genres}">
<span th:text="${' * ' + genre.genreId + ' — ' + genre.humanReadableDescription}"></span>
</div>
<br /><span th:if="${book.series} != null" th:text="${'Series: ' + book.series}"></span>
<br /><span th:if="${book.serNo} != null" th:text="${'Series # : ' + book.serNo}"></span>
<br /><span th:text="${'Format: ' + book.fileExtension}"></span>
<br /><span th:if="${book.addedDate} != null" th:text="${'Added : ' + book.addedDate}"></span>
<br /><span th:text="${'Size: ' + book.fileSizeForHumans}"></span>
<br />
<span th:each="genre : ${book.genres}" th:text="${(genre.humanReadableDescription == '' ? genre.genreId : genre.humanReadableDescription) + '&nbsp;&nbsp;'}"></span>
<p>
<a th:href="${'/download/?container=' + book.container + '&file=' + book.fsFileName}" th:text="Download"></a>
<a th:href="${'/download/?container=' + book.container + '&file=' + book.fsFileName}"
th:text="${'Download ' + book.fileExtension + ' (' + book.fileSizeForHumans + ')'}"></a>
</p>
<div class="not_important" th:if="${book.serNo} != ''" th:text="${'Series # : ' + book.serNo}"></div>
<div class="not_important" th:if="${book.addedDate} != null" th:text="${'Added : ' + book.addedDate}"></div>
</div>
</div>
</div>