X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;ds=sidebyside;f=src%2Fmain%2Fresources%2Ftemplates%2FimageBrowser.html;h=d3080f6c066d3be2d7f6bb390b286e29c9ae863e;hb=ac3b11129679548836a3603f0db756986c83e675;hp=8c7c429b7afc1dbafd657e4b890c89390fc66c55;hpb=b3af5698b6b334a22af65d2f6d9af4c41fcc8444;p=Sone.git
diff --git a/src/main/resources/templates/imageBrowser.html b/src/main/resources/templates/imageBrowser.html
index 8c7c429..d3080f6 100644
--- a/src/main/resources/templates/imageBrowser.html
+++ b/src/main/resources/templates/imageBrowser.html
@@ -2,6 +2,252 @@
+
<%= Page.ImageBrowser.Album.Edit.Title|l10n|html>
- <%foreach album.albums album>
- <%first>
<%= Page.ImageBrowser.Header.Albums|l10n|html>
<%/first>
-
- <%/foreach>
+ <%/if>
+
+ <%include include/browseAlbums.html albums=album.albums>
+
+ <%if album.sone.local>
+
+
+
+ <%include include/createAlbum.html>
+
+ <%/if>
<%foreach album.images image>
<%first>
<%= Page.ImageBrowser.Header.Images|l10n|html>
<%/first>
-
-
<% image|image-link max-width=200 max-height=150>
+ <%if loop.count|mod divisor=3>
<%/if>
+
+
<% image.id|html>
+
+
+
<% image.title|html>
+
<% image.description|parse sone=image.sone>
+
+ <%if album.sone.local>
+
+ <%/if>
+ <%= false|store key=endRow>
+ <%if loop.count|mod divisor=3 offset=1><%= true|store key=endRow><%/if>
+ <%last><%= true|store key=endRow><%/last>
+ <%if endRow>
<%/if>
<%/foreach>
-
<%if album.sone.local>
- <%include include/uploadImage.html>
- <%include include/createAlbum.html>
-
-
<%= Page.ImageBrowser.Album.Edit.Title|l10n|html>
-
-
+
+
+
+ <%include include/uploadImage.html>
+
<%if album.empty>
-
+
+
+
+
+
<%/if>
<%/if>
@@ -137,6 +451,8 @@
>
<%/if>
<%/foreach>
+ <%ifnull !image.previous>
<%/if>
+ <%ifnull !image.next>
<%/if>
<%ifnull image>
@@ -157,6 +473,9 @@
});
});
$("#edit-image label").hide();
+
+ hideAndShowBlock(".edit-image", ".show-edit-image", ".hide-edit-image");
+ hideAndShowBlock(".delete-image", ".show-delete-image", ".hide-delete-image");
});
<%/if>
@@ -173,31 +492,40 @@
<%if image.sone.local>
-
<%= Page.ImageBrowser.Image.Edit.Title|l10n|html>
-
-
+
+
+
+
<%= Page.ImageBrowser.Image.Edit.Title|l10n|html>
+
+
+
-
<%= Page.ImageBrowser.Image.Delete.Title|l10n|html>
+
+
+
+
<%= Page.ImageBrowser.Image.Delete.Title|l10n|html>
-
+
+
<%/if>
@@ -219,6 +547,13 @@
});
});
$("#create-album label").hide();
+
+ /* hide non-js move buttons. */
+ $(".move-buttons").hide();
+
+ hideAndShowBlock(".create-album", ".show-create-album", ".hide-create-album");
+
+ prepareAlbums();
});
<%/if>
@@ -231,22 +566,14 @@
<%= Page.ImageBrowser.Sone.Title|l10n|replace needle='{sone}' replacementKey=sone.niceName|html>
- <%foreach sone.albums album>
-
- <%/foreach>
+ <%include include/browseAlbums.html albums=sone.albums>
<%if sone.local>
- <%include include/createAlbum.html>
+
+
+
+ <%include include/createAlbum.html>
+
<%/if>
<%/if>