diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 45243a3b01..f50365b2b0 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1316,6 +1316,18 @@ section #jotOpen { color: #fff; } +/* Filebrowser */ +.fbrowser .profile-rotator-wrapper { + min-height: 200px; +} +.fbrowser .fa-spin { + position: absolute; + left: 45%; + top: 40%; + font-size: 48px; + margin:0px auto; +} + /* /* Stream */ diff --git a/view/theme/frio/js/filebrowser.js b/view/theme/frio/js/filebrowser.js index c267de4c5d..d216c40f33 100644 --- a/view/theme/frio/js/filebrowser.js +++ b/view/theme/frio/js/filebrowser.js @@ -88,23 +88,34 @@ var FileBrowser = { console.log("FileBrowser:", nickname, type,FileBrowser.event, FileBrowser.id ); + // We need to add the AjaxUpload to the button + FileBrowser.uploadButtons(); + $(".error .close").on("click", function(e) { e.preventDefault(); $(".error").addClass("hidden"); }); - $(".folders a, .path a, .folders button, .path button").on("click", function(e) { + // Click on album link + $(".fbrowser").on("click", ".folders a, .path a, .folders button, .path button", function(e) { e.preventDefault(); var url = baseurl + "/fbrowser/" + FileBrowser.type + "/" + this.dataset.folder + "?mode=none"; + $(".fbrowser-content").hide(); + $(".fbrowser .profile-rotator-wrapper").show(); // load new content to fbrowser window - $(".fbrowser").load(url,function() { - $(function() {FileBrowser.init(nickname, type, hash);}); + $(".fbrowser").load(url, function(responseText, textStatus){ + $(".profile-rotator-wrapper").hide(); + if (textStatus === 'success') { + $(".fbrowser_content").show(); + // We need to add the AjaxUpload to the button + FileBrowser.uploadButtons(); + } }); }); //embed on click - $(".photo-album-photo-link").on('click', function(e) { + $(".fbrowser").on('click', ".photo-album-photo-link", function(e) { e.preventDefault(); var embed = ""; @@ -142,39 +153,52 @@ var FileBrowser = { // update autosize for this textarea autosize.update($(".text-autosize")); }); + }, - if ($("#upload-image").length) + uploadButtons: function() { + if ($("#upload-image").length) { var image_uploader = new window.AjaxUpload( 'upload-image', - { action: 'wall_upload/'+FileBrowser.nickname+'?response=json', + { action: 'wall_upload/'+FileBrowser.nickname+'?response=json', name: 'userfile', responseType: 'json', - onSubmit: function(file,ext) { $('#profile-rotator').show(); $(".error").addClass('hidden'); }, + onSubmit: function(file,ext) { + $(".fbrowser-content").hide(); + $(".fbrowser .profile-rotator-wrapper").show(); + $(".error").addClass('hidden'); + }, onComplete: function(file,response) { if (response['error']!= undefined) { $(".error span").html(response['error']); $(".error").removeClass('hidden'); - $('#profile-rotator').hide(); + $(".fbrowser .profile-rotator-wrapper").hide(); return; } + + $(".profile-rotator-wrapper").hide(); + $(".fbrowser_content").show(); + // location = baseurl + "/fbrowser/image/?mode=none"+location['hash']; // location.reload(true); var url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=none" // load new content to fbrowser window - $(".fbrowser").load(url,function() { - $(function() {FileBrowser.init(nickname, type, hash);}); - }); + $(".fbrowser").load(url); } } ); + } - if ($("#upload-file").length) + if ($("#upload-file").length) { var file_uploader = new window.AjaxUpload( 'upload-file', - { action: 'wall_attach/'+FileBrowser.nickname+'?response=json', + { action: 'wall_attach/'+FileBrowser.nickname+'?response=json', name: 'userfile', - onSubmit: function(file,ext) { $('#profile-rotator').show(); $(".error").addClass('hidden'); }, + onSubmit: function(file,ext) { + $(".fbrowser-content").hide(); + $(".fbrowser .profile-rotator-wrapper").show(); + $(".error").addClass('hidden'); + }, onComplete: function(file,response) { if (response['error']!= undefined) { $(".error span").html(response['error']); @@ -182,17 +206,19 @@ var FileBrowser = { $('#profile-rotator').hide(); return; } + + $(".profile-rotator-wrapper").hide(); + $(".fbrowser_content").show(); + // location = baseurl + "/fbrowser/file/?mode=none"+location['hash']; // location.reload(true); var url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=none" // load new content to fbrowser window - $(".fbrowser").load(url,function() { - $(function() {FileBrowser.init(nickname, type, hash);}); - }); + $(".fbrowser").load(url); } } - ); - }, + ); + } + } }; - diff --git a/view/theme/frio/js/modal.js b/view/theme/frio/js/modal.js index f657ff5f23..b77f621617 100644 --- a/view/theme/frio/js/modal.js +++ b/view/theme/frio/js/modal.js @@ -8,9 +8,11 @@ $(document).ready(function(){ $(this).removeData('bs.modal'); $("#modal-title").empty(); $('#modal-body').empty(); - // remove the file browser from jot (else we would have problems - // with ajaxupload + // Remove the file browser from jot (else we would have problems + // with AjaxUpload $(".fbrowser").remove(); + // Remove the AjaxUpload element + $("[name=userfile]").parent().remove(); }); // Clear bs modal on close diff --git a/view/theme/frio/templates/filebrowser.tpl b/view/theme/frio/templates/filebrowser.tpl index 3b0b24b5df..20227f8796 100644 --- a/view/theme/frio/templates/filebrowser.tpl +++ b/view/theme/frio/templates/filebrowser.tpl @@ -8,37 +8,42 @@ {{**}}
- - +
+ + - + -
- {{foreach $path as $p}}{{/foreach}} -
+
+ {{foreach $path as $p}}{{/foreach}} +
- {{if $folders }} -
-
    - {{foreach $folders as $f}}
  • {{/foreach}} -
-
- {{/if}} + {{if $folders }} +
+
    + {{foreach $folders as $f}}
  • {{/foreach}} +
+
+ {{/if}} -
- {{foreach $files as $f}} -
- +
+ {{foreach $files as $f}} +
+ +
+ {{/foreach}}
- {{/foreach}} -
-
- +
+ +
+
+