0.0.2

2025-08-12 14:51:13 +00:00 · 2023-09-20 12:06:35 +02:00
parent c0801cc69d
commit 774c862ab3
25 changed files with 858 additions and 192 deletions
--- a/src/main/resources/templates/fragments/data_row.html
+++ b/src/main/resources/templates/fragments/data_row.html
@@ -48,13 +48,24 @@
 					</a>
 				</th:block>
 				<th:block th:if="${!field.isPrimaryKey()}">
-					<span th:text="${object.get(field).getFormattedValue()}" th:if="${!field.isBinary()}">
-					</span>
+				
+					<th:block th:if="${!field.isBinary()}">
+						<span th:if="${object.get(field).getFormattedValue() == null}" class="font-monospace null-label">
+							NULL
+						</span>
+						<span th:unless="${object.get(field).getFormattedValue() == null}"
+							th:text="${object.get(field).getFormattedValue()}">
+							
+						</span>
+						
+					</th:block>
 					<span th:unless="${!field.isBinary()}">
 						<th:block th:if="${object.get(field).getValue()}">
 							<a class="text-decoration-none null-label" 
 								th:href="|/dbadmin/download/${schema.getJavaClass().getName()}/${field.getName()}/${object.get(schema.getPrimaryKey()).getValue()}|">
-								<i class="align-middle bi bi-box-arrow-down"></i><span class="align-middle"> Download</span>
+								<i class="align-middle bi bi-box-arrow-down"></i><span class="align-middle"> Download 
+								<!--/*--> <span class="text-muted">([[ ${object.get(field).getValue().length} ]] bytes)</span> <!--*/-->
+								</span>
 							</a>
 						</th:block>
 						<th:block th:unless="${object.get(field).getValue()}">
--- a/src/main/resources/templates/fragments/forms.html
+++ b/src/main/resources/templates/fragments/forms.html
@@ -38,5 +38,73 @@
 			</div>
 		</div>
 		
+		
+		
+		<div class="card mb-3 filterable-field"  th:fragment="filter_field(field)">
+			<div class="card-header noselect cursor-pointer">
+				<i class="bi bi-caret-right filter-icon  align-middle"></i> 
+				<span class="fw-bold align-middle" th:text="${field.getName()}"></span>
+			</div>
+			<div class="card-body">
+			
+				<form action="" method="GET">
+					<!-- Reset page when applying filter to start back at page 1 -->
+					<input type="hidden" name="page" value="1">
+					<input type="hidden" name="pageSize" th:value="${page.getPagination().getPageSize()}">
+					<input type="hidden" name="query" th:value="${query}">
+					<input type="hidden" name="filter_field" th:value="${field.getJavaName()}">
+					
+					<div class="input-group pe-2">
+						<th:block th:if="${field.isForeignKey()}">
+							<span class="input-group-text w-25">
+								<input type="hidden" name="filter_op" value="string_eq">
+								Equals
+							</span>
+							<div class="autocomplete-input position-relative w-50">
+								<input class="autocomplete form-control" type="text"  name="filter_value"
+									th:data-classname="${field.getConnectedType().getName()}"
+									autocomplete="off"
+									placeholder="NULL">
+								</input>
+								<div class="suggestions d-none">
+								</div>
+							</div>
+							
+						</th:block>
+						<th:block th:unless="${field.isForeignKey()}">
+							<select class="form-select w-25" name="filter_op">
+								<option th:value="${op}" th:each="op : ${field.getType().getCompareOperators()}" 
+									th:text="${op.getDisplayName()}">
+							</select>
+							<input placeholder="NULL" th:type="${field.getType().getHTMLName()}" 
+									name="filter_value" 
+									class="form-control w-50" th:id="|__id_${field.getName()}|"
+									th:classAppend="${field.isPrimaryKey() && object != null ? 'disable' : ''}"
+									th:required="${!field.isNullable() && !field.isPrimaryKey()}"
+									step="any"
+									oninvalid="this.setCustomValidity('This field is not nullable.')"
+									oninput="this.setCustomValidity('')">
+						</th:block>
+						
+						<th:block th:each="p : ${queryParams.keySet()}">
+                        	<input th:each="v : ${queryParams.get(p)}" 
+                        		th:name="${p}" th:value="${v}" type="hidden"
+                        		th:if="${p.startsWith('filter_')}">
+                        </th:block>
+
+						
+						<button class="ui-btn btn btn-primary"><i class="bi bi-search text-white"></i></button>
+					</div>
+				</form>
+			
+				<!-- 
+				<th:block th:if="${field.getConnectedType() != null}">
+					<div th:each="val : ${schema.getFieldValues(field)}">
+						<span th:text="${val}"></span>
+					</div>
+				</th:block> 
+				-->
+			</div>
+		</div>
 	</body>
 </html>
--- a/src/main/resources/templates/fragments/resources.html
+++ b/src/main/resources/templates/fragments/resources.html
@@ -9,6 +9,7 @@
 		<script type="text/javascript" src="/js/table.js"></script>
 		<script type="text/javascript" src="/js/autocomplete.js"></script>
 		<script type="text/javascript" src="/js/autocomplete-multi.js"></script>
+		<script type="text/javascript" src="/js/filters.js"></script>
 		<title th:text="${title != null ? title + ' | Spring Boot DB Admin Panel' : 'Spring Boot DB Admin Panel'}"></title>
 	</head>
 	
@@ -124,14 +125,17 @@
 			<div th:if="${page != null && page.getPagination().getMaxPage() != 1}" class="d-flex">
 				<ul class="pagination me-3">
 					<li class="page-item" th:if="${page.getPagination().getCurrentPage() != 1}">
-						<a class="page-link" th:href="@{|/dbadmin/model/${schema.getClassName()}|(query=${query},page=${page.getPagination().getCurrentPage() - 1},pageSize=${page.getPagination().getPageSize()})}" aria-label="Previous">
+						<a class="page-link" 
+						th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getLink(page.getPagination.getCurrentPage() - 1)}|}" 
+						aria-label="Previous">
 						    <span aria-hidden="true">&laquo;</span>
 						    <span class="sr-only">Previous</span>
 					  	</a>
 					</li>
 				    
 				    <li class="page-item" th:each="p : ${page.getPagination().getBeforePages()}">
-				    	<a class="page-link" th:href="@{|/dbadmin/model/${schema.getClassName()}|(query=${query},page=${p},pageSize=${page.getPagination().getPageSize()})}" th:text="${p}"></a>
+				    	<a class="page-link" 
+				    	th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getLink(p)}|}" th:text="${p}"></a>
 				    </li>
 				    
 				   	<li class="page-item active">
@@ -139,12 +143,15 @@
 				   	</li>
 			
 				    <li class="page-item" th:each="p : ${page.getPagination().getAfterPages()}">
-				    	<a class="page-link" th:href="@{|/dbadmin/model/${schema.getClassName()}|(query=${query},page=${p},pageSize=${page.getPagination().getPageSize()})}" th:text="${p}"></a>
+				    	<a class="page-link" 
+				    	th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getLink(p)}|}"
+				    	th:text="${p}"></a>
 				    </li>
 				    <li class="page-item">
 					      <a class="page-link"
 					      th:if="${!page.getPagination().isLastPage()}"
-					      th:href="@{|/dbadmin/model/${schema.getClassName()}|(query=${query},page=${page.getPagination().getCurrentPage() + 1},pageSize=${page.getPagination().getPageSize()})}" aria-label="Next">
+					      th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getLink(page.getPagination.getCurrentPage() + 1)}|}"
+					      aria-label="Next">
 					        <span class="sr-only">Next</span>
 					        <span aria-hidden="true">&raquo;</span>
 					      </a>
@@ -155,6 +162,11 @@
 				  		<input type="hidden" th:value="${page.getPagination().getCurrentPage()}" th:name="page">
 				  		<input type="hidden" th:value="${query}" th:name="query">
 				  		<input type="hidden" name="pageSize">
+				  		<th:block th:each="p : ${queryParams.keySet()}">
+                        	<input th:each="v : ${queryParams.get(p)}" 
+                        		th:name="${p}" th:value="${v}" type="hidden"
+                        		th:if="${p.startsWith('filter_')}">
+                        </th:block>
 					  	<select class="form-select page-size">
 					  		<option disabled>Page size</option>
 					  		<option th:selected="${page.getPagination().getPageSize() == 50}">50</option>
@@ -172,7 +184,21 @@
 				</div>
 			</div>
 			
-			<div class="d-flex align-items-center" th:if="${page.getPagination().getMaxPage() == 1}">
+			<div class="d-flex align-items-center"  th:if="${page.getPagination().getMaxPage() == 1}">
+				<div class="me-3">
+					<form method="GET" th:action="@{|/dbadmin/model/${schema.getClassName()}|}">
+				  		<input type="hidden" th:value="${page.getPagination().getCurrentPage()}" th:name="page">
+				  		<input type="hidden" th:value="${query}" th:name="query">
+				  		<input type="hidden" name="pageSize">
+					  	<select class="form-select page-size">
+					  		<option disabled>Page size</option>
+					  		<option th:selected="${page.getPagination().getPageSize() == 50}">50</option>
+					  		<option th:selected="${page.getPagination().getPageSize() == 100}">100</option>
+					  		<option th:selected="${page.getPagination().getPageSize() == 150}">150</option>
+					  		<option th:selected="${page.getPagination().getPageSize() == 200}">200</option>
+					  	</select>
+					</form>
+				</div> 
 				<p class="m-0 p-0">
 					<i>Showing [[ ${page.getActualResults()} ]] of [[ ${page.getPagination().getMaxElement()} ]] results</i>
 				</p>
@@ -180,7 +206,6 @@

 			
 			<div class="bulk-actions">
-				
 			</div>
 		</div>
 	</nav>
--- a/src/main/resources/templates/fragments/table_selectable.html
+++ b/src/main/resources/templates/fragments/table_selectable.html
@@ -27,21 +27,18 @@
 								</div>
 								<div class="align-items-center">
 									<h4 class="m-0" th:if="${page}">
-										<th:block th:if="${sortKey != field.getName()}" >
-											<a th:href="@{|/dbadmin/model/${schema.getClassName()}|(page=${page.getPagination().getCurrentPage()},
-												pageSize=${page.getPagination().getPageSize()},sortKey=${field.getName()},sortOrder=DESC)}">
+										<th:block th:if="${sortKey != field.getJavaName()}" >
+											<a th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getSortedPageLink(field.getJavaName(), 'DESC')}|}">
 											<i title="Sort" class="bi bi-caret-up"></i>
 											</a>
 										</th:block>
-										<th:block th:unless="${sortKey != field.getName()}">
+										<th:block th:unless="${sortKey != field.getJavaName()}">
 											<a th:if="${sortOrder == 'DESC'}" 
-												th:href="@{|/dbadmin/model/${schema.getClassName()}|(page=${page.getPagination().getCurrentPage()},
-													pageSize=${page.getPagination().getPageSize()},sortKey=${field.getName()},sortOrder=ASC)}">
+												th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getSortedPageLink(field.getJavaName(), 'ASC')}|}">
 												<i title="Sort" class="bi bi-caret-down-fill"></i>
 											</a>
 											<a th:if="${sortOrder == 'ASC'}" 
-												th:href="@{|/dbadmin/model/${schema.getClassName()}|(page=${page.getPagination().getCurrentPage()},
-													pageSize=${page.getPagination().getPageSize()},sortKey=${field.getName()},sortOrder=DESC)}">
+												th:href="@{|/dbadmin/model/${schema.getClassName()}${page.getPagination().getSortedPageLink(field.getJavaName(), 'DESC')}|}">
 												<i title="Sort" class="bi bi-caret-up-fill"></i>
 											</a>
 										</th:block>