neviyn/booru
1
0
Fork 0
Code Issues Releases Activity

Integrated noresults with gallery, gallery search bar shows current searches

Browse Source
This commit is contained in:
neviyn 2021-05-07 11:50:51 +01:00
parent 4e7643f976
commit 80195c5081
3 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/kotlin/uk/co/neviyn/booru/Controller.kt
View File

@ -73,7 +73,7 @@ class ImageController
}
}
}
} ?: return "noresults"
} ?: return "gallery"
model.addAttribute("imagePage", images)
return "gallery"
}

26
src/main/resources/templates/gallery.html
View File

@ -7,13 +7,31 @@
<body>
<div th:replace="fragments :: navbar"></div>
<div class="container">
<div class="row">
<form action="/gallery" class="text-center row row-cols-auto align-items-center mt-2">
<div class="col-10">
<!--suppress HtmlFormInputWithoutLabel -->
<input class="form-control" id="imageSearch"
name="tags"
pattern="[a-zA-Z0-9\s_]*"
placeholder="Ex: blue_eyes smile"
th:value="${#request.getParameter('tags')}"
type="search">
</div>
<div class="col-2 d-grid">
<button class="btn btn-primary" type="submit">Search</button>
</div>
</form>
</div>
<div class="row" th:if="${imagePage != null}">
<div class="col-2" th:each="image : ${imagePage.content}">
<!--/*@thymesVar id="image" type="uk.co.neviyn.booru.Image"*/-->
<img class="img-thumbnail" th:src="'/i/' + ${image.filename}" alt=""/>
</div>
<img alt="" class="img-thumbnail" th:src="'/i/' + ${image.filename}"/>
</div>
</div>
<div class="row" th:if="${imagePage == null}">
<div class="col text-center mt-3">
<p class="lead">No images found with all the specified tags.</p>
</div>
</div>
</body>
</html>

17
src/main/resources/templates/noresults.html
View File

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta th:replace="fragments :: header"/>
<title>No Images Found</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col text-center">
<p>Couldn't find any images with those tags.</p>
</div>
</div>
</div>
</body>
</html>