@@ -56,86 +56,15 @@ <h2>@profile.fullName</h2>
5656 </ div >
5757 < div role ="tabpanel " class ="tab-pane " id ="spaces ">
5858 @* spaces *@
59- < div class ="row top-padding ">
60- < div class ="col-xs-12 ">
61- < p > @Messages("space.list.message", Messages("spaces.title"))</ p >
62- </ div >
63- < div class ="col-xs-6 ">
64- </ div >
65- < div class ="col-xs-6 ">
66- < span class ="pull-right ">
67- < a href ="@routes.Spaces.list( "","",12, "", Some(profile.id.stringify))"> See More</ a >
68- </ span >
69- </ div >
70- </ div >
71- < div class ="row " id ="masonry-spaces ">
72- @spacesList.map { space =>
73- @spaces.tile(space, "col-xs-3", routes.Application.index(), false)
74- }
75- </ div >
76- @if(spacesList.size < 1 ) {
77- < div class ="text-center ">
78- < div > @Messages("home.empty.message", Messages("spaces.title")) </ div >
79-
80- < div > < a class ="btn-link " href ="@routes.Spaces.newSpace() " title ="Create a new @Messages( "space.title ")"> @Messages("create.title", Messages("space.title"))</ a > </ div >
81- </ div >
82- }
59+ @views.html.spaces.miniList(profile, spacesList, deletePermission, ownProfile, userSelections)
8360 </ div >
8461 < div role ="tabpanel " class ="tab-pane " id ="datasets ">
8562 @* datasets *@
86- < div class ="row top-padding ">
87- < div class ="col-xs-12 ">
88- < p > @Messages("dataset.list.message", Messages("datasets.title").toLowerCase, Messages("dataset.title").toLowerCase) </ p >
89- </ div >
90- < div class ="col-xs-6 ">
91- </ div >
92- < div class ="col-xs-6 ">
93- < span class ="pull-right "> < a href ="@routes.Datasets.list( "","",12, None, None, "", Some(profile.id.stringify))"> See More</ a > </ span >
94- </ div >
95- </ div >
96- < div class ="row " id ="masonry-datasets ">
97- @datasetsList.map { dataset =>
98- @if(userSelections.indexOf(dataset.id.toString()) != -1) {
99- @datasets.tile(dataset, None, "col-xs-3", false, false, routes.Application.index(), true)
100- } else {
101- @datasets.tile(dataset, None, "col-xs-3", false, false, routes.Application.index(), false)
102- }
103-
104- }
105- </ div >
106- @if(datasetsList.size < 1 ) {
107- < div class ="text-center ">
108- < div > @Messages("home.empty.message", Messages("datasets.title").toLowerCase) </ div >
109- < div > < a class ="btn-link " href ="@routes.Datasets.newDataset(None, None) " title ="Create a new @Messages( "dataset.title ")"> @Messages("create.title", Messages("dataset.title"))</ a > </ div >
110- </ div >
111- }
63+ @views.html.datasets.miniList(profile, datasetsList, deletePermission, ownProfile, userSelections)
11264 </ div >
11365 < div role ="tabpanel " class ="tab-pane " id ="collections ">
11466 @* collections *@
115- < div class ="row top-padding ">
116- < div class ="col-xs-12 ">
117- < p > @Messages("collection.list.message", Messages("collections.title").toLowerCase, Messages("datasets.title").toLowerCase )</ p >
118- </ div >
119- < div class ="col-xs-6 ">
120- </ div >
121- < div class ="col-xs-6 ">
122- < span class ="pull-right ">
123- < a href ="@routes.Collections.list( "","",12, None, "", Some(profile.id.stringify))"> See More</ a >
124- </ span >
125- </ div >
126- </ div >
127- < div class ="row " id ="masonry-collections ">
128- @collectionsList.map { collection =>
129- @collections.tile(collection, routes.Application.index(), None, "col-xs-3", false)
130- }
131- </ div >
132- @if(collectionsList.size < 1 ) {
133- < div class ="text-center ">
134- < div > @Messages("home.empty.message", Messages("collections.title").toLowerCase) </ div >
135-
136- < div > < a class ="btn-link " href ="@routes.Collections.newCollection(None) " title ="Create a new @Messages( "collection.title ")"> @Messages("create.title", Messages("collection.title"))</ a > </ div >
137- </ div >
138- }
67+ @views.html.collections.miniList(profile, collectionsList, deletePermission, ownProfile, userSelections)
13968 </ div >
14069 < div role ="tabpanel " class ="tab-pane " id ="followers ">
14170 < div class ="row top-padding ">
@@ -537,57 +466,9 @@ <h4><a href="@routes.Collections.collection(collectionInfo._1)">@collectionInfo.
537466 </ div >
538467 </ div >
539468
540- < script src ="@routes.Assets.at( "javascripts /lib/masonry.pkgd.min.js")" type="text/javascript "> </ script >
541- < script src ="@routes.Assets.at( "javascripts /lib/imagesloaded.pkgd.min.js")" type="text/javascript "> </ script >
542-
543- < script >
544- var removeIndicator = true ;
545- function activateOne ( id ) {
546- // initialize Masonry
547- var $container = $ ( '#' + id ) . masonry ( ) ;
548- // layout Masonry again after all images have loaded
549- imagesLoaded ( '#masonry' , function ( ) {
550- $container . masonry ( {
551- itemSelector : '.post-box' ,
552- columnWidth : '.post-box' ,
553- transitionDuration : 4
554- } ) ;
555- } ) ;
556- }
557-
558- function activate ( ) {
559- activateOne ( "masonry-datasets" ) ;
560- activateOne ( "masonry-collections" ) ;
561- activateOne ( "masonry-spaces" ) ;
562- }
563-
564- $ ( document ) . ready ( function ( ) {
565- activate ( ) ;
566- $ ( '.nav-tabs' ) . stickyTabs ( ) ;
567- } ) ;
568-
569- // fire when showing from tab
570- $ ( 'a[data-toggle="tab"]' ) . on ( 'shown.bs.tab' , function ( e ) {
571- activate ( ) ;
572- } )
573-
574- var eventCount = 3 ;
575- function moreEvents ( ) {
576- var request = jsRoutes . controllers . Events . getEvents ( eventCount ) . ajax ( {
577- type : 'GET'
578- } ) ;
579-
580- request . done ( function ( response , textStatus , jqXHR ) {
581- eventCount = eventCount + 1 ;
582- $ ( "#moreevent" ) . append ( response ) ;
583- } ) ;
469+ @* Use masonry javascript library to layout the tiles within each tab *@
470+ @util.masonryTabbed()
584471
585- request . fail ( function ( jqXHR , textStatus , errorThrown ) {
586- console . error ( "The following error occured: " + textStatus , errorThrown ) ;
587- notify ( "Could not get moe events: " + errorThrown , "error" ) ;
588- } ) ;
589- }
590- </ script >
591472 < script src ="@routes.Assets.at( "javascripts /follow-button.js")" type="text/javascript "> </ script >
592473 < script src ="@routes.Assets.at( "javascripts /select.js")" type="text/javascript "> </ script >
593474
0 commit comments