#56: Larger pictograms, now 48x48px.

mkalus · Sep 9, 2021 · 613df01 · 613df01
1 parent 0125229
commit 613df01
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/main/java/org/segrada/service/PictogramService.java b/src/main/java/org/segrada/service/PictogramService.java
@@ -81,7 +81,7 @@ public void saveBinaryDataToService(IPictogram entity) {
 		// crop image to square
 		manipulator.cropImageToSquare();
 		// create thumbnail
-		manipulator.createThumbnail(24, true);
+		manipulator.createThumbnail(48, true);
 		// change file ending, if necessary
 		if (!pictogram.getFileName().endsWith(".png"))
 			pictogram.setFileName(pictogram.getFileName().substring(0, pictogram.getFileName().lastIndexOf(".")) + ".png");

diff --git a/src/main/webapp/WEB-INF/templates/pictogram/index.html b/src/main/webapp/WEB-INF/templates/pictogram/index.html
@@ -27,7 +27,7 @@ <h4 class="sg-control-header"><i class="fa fa-university"></i> <span th:text="#{
 			</tr>
 			<tr th:each="entity : ${entities}" th:attr="data-data-dblclick=@{/pictogram/show/{uid}(uid=${entity.uid})}">
 				<td th:text="${entity.title}">Name</td>
-				<td class="text-center"><img src="#" th:src="@{/pictogram/file/{uid}(uid=${entity.uid})}" th:alt-title="${entity.title}" alt="" width="24" height="24" /></td>
+				<td class="text-center"><img src="#" th:src="@{/pictogram/file/{uid}(uid=${entity.uid})}" th:alt-title="${entity.title}" alt="" width="48" height="48" /></td>
 				<td class="text-right">
 					<div class="sg-data-icon-bar" role="group" aria-label="Actions" sg:strip-whitespace>
 						<a class="sg-data-icon sg-data-add" href="#" th:title="#{Show}" th:href="@{/pictogram/show/{uid}(uid=${entity.uid})}"><i class="fa fa-eye"></i></a>

diff --git a/src/main/webapp/WEB-INF/templates/pictogram/show.html b/src/main/webapp/WEB-INF/templates/pictogram/show.html
@@ -12,7 +12,11 @@
 <div class="container">
 	<div class="sg-data sg-pictogram" th:id="${'pictogram-' + entity.uid}">
 		<div th:replace="partials/common :: headerboxright (type=#{Pictogram},base='pictogram',entity=${entity},access='PICTOGRAM')"></div>
-		<h4 class="sg-data-header"><span class="fa fa-university" th:title="#{Pictogram}"></span> <img src="#" th:src="@{/pictogram/file/{uid}(uid=${entity.uid})}" th:alt-title="${entity.title}" alt="" width="24" height="24" /> <span th:text="${entity.title}">Pictogram</span></h4>
+		<h4 class="sg-data-header"><span class="fa fa-university" th:title="#{Pictogram}"></span> <span th:text="${entity.title}">Pictogram</span></h4>
+
+		<div style="margin-bottom:10px">
+			<img src="#" th:src="@{/pictogram/file/{uid}(uid=${entity.uid})}" th:alt-title="${entity.title}" alt="" width="48" height="48" />
+		</div>
 
 		<!--TODO: show all relation types, files, comments, sources, relations and nodes with this pictogram -->