X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Ftemplates%2FimageBrowser.html;h=777d59e47456ef299cb693ce9a82602e3471e07c;hb=07212fff97dfa1efd9c2860910e8f4059e246e6b;hp=162441a62ace881c20e6409003d88ce6828cfaff;hpb=5611d91c2ea8e5360f196024734931715d019713;p=Sone.git

diff --git a/src/main/resources/templates/imageBrowser.html b/src/main/resources/templates/imageBrowser.html
index 162441a..777d59e 100644
--- a/src/main/resources/templates/imageBrowser.html
+++ b/src/main/resources/templates/imageBrowser.html
@@ -77,6 +77,23 @@
 						hideAndShowBlock(".create-album", ".show-create-album", ".hide-create-album");
 						hideAndShowBlock(".upload-image", ".show-upload-image", ".hide-upload-image");
 						hideAndShowBlock(".delete-album", ".show-delete-album", ".hide-delete-album");
+
+						hideAndShowData = function(activationElements, activeElements, hideElement, showElement) {
+							$(activationElements).click(function() {
+								imageId = $(this).closest(".image").find(".image-id").text();
+								$(hideElement, $("#image-" + imageId)).hide();
+								$(showElement, $("#image-" + imageId)).show();
+								$(document).click(function(event) {
+									if ($(event.target).closest("#image-" + imageId).size() == 0) {
+										$(showElement).hide();
+										$(hideElement).show();
+									}
+									return $(event.target).is("button");
+								});
+							});
+						};
+
+						hideAndShowData(".image-title, .image-description", ".image", ".show-data", ".edit-data");
 					});
 				</script>
 			<%/if>