From: rabuzarus <> Date: Mon, 20 Mar 2017 21:45:24 +0000 (+0100) Subject: Bugfix: fbrowser did insert 2 Pictures instead of only 1 X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=c8a427804e10784b4b016c18e226ce3015a40193;p=friendica.git Bugfix: fbrowser did insert 2 Pictures instead of only 1 --- diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 47973ed448..e0a0b09b76 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1272,6 +1272,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 6856d12ba2..a66309865d 100644 --- a/view/theme/frio/js/filebrowser.js +++ b/view/theme/frio/js/filebrowser.js @@ -88,23 +88,35 @@ var FileBrowser = { console.log("FileBrowser:", nickname, type,FileBrowser.event, FileBrowser.id ); + // We need to add the AjaxUpload to the button + FileBrowser.uploadButtons(); + $(".error a.close").on("click", function(e) { e.preventDefault(); $(".error").addClass("hidden"); }); - $(".folders a, .path a").on("click", function(e) { + // Click on album link + $(".fbrowser").on("click", ".folders a, .path a", 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 +154,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 +207,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/templates/filebrowser.tpl b/view/theme/frio/templates/filebrowser.tpl index 55cecabb8f..1a1bd9a675 100644 --- a/view/theme/frio/templates/filebrowser.tpl +++ b/view/theme/frio/templates/filebrowser.tpl @@ -8,43 +8,42 @@ {{**}}
- - +
+ + - + -
- {{foreach $path as $p}}{{$p.1}}{{/foreach}} -
+
+ {{foreach $path as $p}}{{$p.1}}{{/foreach}} +
- {{if $folders }} -
-
    - {{foreach $folders as $f}}
  • {{$f.1}}
    • {{/foreach}} -
-
- {{/if}} + {{if $folders }} +
+
    + {{foreach $folders as $f}}
  • {{$f.1}}
    • {{/foreach}} +
+
+ {{/if}} + +
+ {{foreach $files as $f}} +
+ + +

{{$f.1}}

+ +
+ {{/foreach}} +
-
- {{foreach $files as $f}} -
- - -

{{$f.1}}

- +
+
- {{/foreach}}
- -
- +
- - \ No newline at end of file