Hide labels after ajaxfication of album creation form fields.

[Sone.git] / src / main / resources / templates / imageBrowser.html

diff --git a/src/main/resources/templates/imageBrowser.html b/src/main/resources/templates/imageBrowser.html
index 7c1667c..c2257bd 100644 (file)
--- a/src/main/resources/templates/imageBrowser.html
+++ b/src/main/resources/templates/imageBrowser.html
@@ -1,5 +1,24 @@
 <%include include/head.html>
 
+       <script language="javascript">
+
+               /* ajaxify album creation input field. */
+               $(document).ready(function() {
+                       getTranslation("WebInterface.DefaultText.CreateAlbum.Name", function(text) {
+                               $("#create-album input[name='name']").each(function() {
+                                       registerInputTextareaSwap(this, text, "name", false, true);
+                               });
+                       });
+                       getTranslation("WebInterface.DefaultText.CreateAlbum.Description", function(text) {
+                               $("#create-album input[name='description']").each(function() {
+                                       registerInputTextareaSwap(this, text, "description", true, true);
+                               });
+                       });
+                       $("#create-album label").hide();
+               });
+
+       </script>
+
        <div class="page-id hidden">image-browser</div>
 
        <%if albumRequested>
@@ -29,7 +48,15 @@
 
                        <%foreach album.albums album>
                                <div class="album">
-                                       <div class="name"><a href="imageBrowser.html?album=<% album.id|html>"><% album.name|html></a></div>
+                                       <div class="image">
+                                               <a href="imageBrowser.html?album=<% album.id|html>">
+                                                       <%ifnull album.image>
+                                                               <img src="images/unknown-image-0.png" width="200" height="150" alt="<% album.name|html>" title="<% album.name|html>" />
+                                                       <%else><!-- TODO -->
+                                                               <img src="images/unknown-image-0.png" width="200" height="150" alt="<% album.name|html>" title="<% album.name|html>" />
+                                                       <%/if>
+                                               </a>
+                                       </div>
                                </div>
                        <%/foreach>
 
@@ -57,7 +84,15 @@
 
                        <%foreach sone.albums album>
                                <div class="album">
-                                       <div class="name"><a href="imageBrowser.html?album=<% album.id|html>"><% album.name|html></a></div>
+                                       <div class="image">
+                                               <a href="imageBrowser.html?album=<% album.id|html>">
+                                                       <%ifnull album.image>
+                                                               <img src="images/unknown-image-0.png" width="200" height="150" alt="<% album.name|html>" title="<% album.name|html>" />
+                                                       <%else><!-- TODO -->
+                                                               <img src="images/unknown-image-0.png" width="200" height="150" alt="<% album.name|html>" title="<% album.name|html>" />
+                                                       <%/if>
+                                               </a>
+                                       </div>
                                </div>
                        <%/foreach>