add justified-gallery to fbrowser

This commit is contained in:
rabuzarus 2017-03-21 20:39:31 +01:00
parent af8bd4b45f
commit 9acfbae6ea
2 changed files with 19 additions and 7 deletions

View file

@ -217,10 +217,12 @@ var FileBrowser = {
},
postLoad: function() {
FileBrowser.initGallery();
$(".fbrowser .fbswitcher .btn").removeClass("active");
$(".fbrowser .fbswitcher [data-mode=" + FileBrowser.type + "]").addClass("active");
// We need to add the AjaxUpload to the button
FileBrowser.uploadButtons();
},
loadContent: function(url) {
@ -235,5 +237,13 @@ var FileBrowser = {
FileBrowser.postLoad();
}
});
},
initGallery: function() {
$(".fbrowser.image .fbrowser-content-container").justifiedGallery({
'rowHeight': 80,
'margins': 3,
'border': 0
});
}
};

View file

@ -34,16 +34,18 @@
{{/if}}
<div class="list {{$type}} media-body">
<div class="fbrowser-content-container">
{{foreach $files as $f}}
<div class="photo-album-image-wrapper">
<a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
<img src="{{$f.2}}">
<img src="{{$f.2}}" alt="{{$f.1}}">
<p>{{$f.1}}</p>
</a>
</div>
{{/foreach}}
</div>
</div>
</div>
<div class="upload">
<button id="upload-{{$type}}"><img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait|escape:'html'}}" style="display: none;" /> {{"Upload"|t}}</button>