Merge pull request #11 from clowder-framework/wrap-empty-collectionsbyspace-in-new-row

Fixed incorrect selector on imagesLoaded in the Space view

Author: lmarini

app/views/datasets/tile.scala.html

@@ -17,7 +17,7 @@
         <div class="panel-body">
             @if(!dataset.thumbnail_id.isEmpty){
                 <a href="@(routes.Datasets.dataset(dataset.id,space))">
-                    <img class="img-responsive fit-in-space" src="@(routes.Files.thumbnail(UUID(dataset.thumbnail_id.toString().substring(5,dataset.thumbnail_id.toString().length-1))))" alt="Thumbnail of @Html(dataset.name)">
+                    <img class="img-responsive fit-in-space tiled-image" src="@(routes.Files.thumbnail(UUID(dataset.thumbnail_id.toString().substring(5,dataset.thumbnail_id.toString().length-1))))" alt="Thumbnail of @Html(dataset.name)">
                 </a>
             }
             <div class="caption break-word">

app/views/spaces/space.scala.html

@@ -128,18 +128,21 @@ <h3>@Messages("collections.title")</h3>
     <script>
         function activateOne(id) {
             // initialize Masonry
-            var items = $("#" + id); 
-            if(items.length) { 
-            	var $container = $("#" + id).masonry();
-	            // layout Masonry again after all images have loaded
-    	        imagesLoaded( '#masonry', function() {
-        	        $container.masonry({
-            	    itemSelector: '.post-box',
-                	columnWidth: '.post-box',
-                	transitionDuration: 4
-                	});
-            	});
+            var match = $("#" + id);
+            if (!match) {
+                return;
             }
+
+            match.masonry();
+
+            // layout Masonry again after all images have loaded
+            imagesLoaded( '.tiled-image', function() {
+                match.masonry({
+                    itemSelector: '.tiled-image',
+                    columnWidth: '.tiled-image',
+                    transitionDuration: 4
+                });
+            });
         }
 
         function activate(){