Merge pull request #13355 from nextcloud/backport/13286/stable15

[stable15] Re add the uploaded file list to file drops

Author: MorrisJobke

apps/files_sharing/css/public.scss

@@ -145,8 +145,9 @@ thead {
 }
 
 #public-upload #emptycontent li img {
-	vertical-align: text-bottom;
 	margin-right: 5px;
+	position: relative;
+	top: 2px;
 }
 
 #public-upload li span.icon-loading-small {

apps/files_sharing/js/files_drop.js

@@ -61,15 +61,15 @@
 			$('#drop-upload-done-indicator').addClass('hidden');
 			$('#drop-upload-progress-indicator').removeClass('hidden');
 
-			$('#public-upload ul').append(output({isUploading: true, name: data.files[0].name}));
+			$('#drop-uploaded-files').append(output({isUploading: true, name: data.files[0].name}));
 			$('[data-toggle="tooltip"]').tooltip();
 			data.submit();
 
 			return true;
 		},
 
 		updateFileItem: function (fileName, fileItem) {
-			$('#public-upload ul li[data-name="' + fileName + '"]').replaceWith(fileItem);
+			$('#drop-uploaded-files li[data-name="' + fileName + '"]').replaceWith(fileItem);
 			$('[data-toggle="tooltip"]').tooltip();
 		},
 

apps/files_sharing/js/templates.js

@@ -3,7 +3,7 @@
 templates['files_drop'] = template({"1":function(container,depth0,helpers,partials,data) {
     var helper;
 
-  return "\n		<span class=\"icon-loading-small\"></span> "
+  return "		<span class=\"icon-loading-small\"></span> "
     + container.escapeExpression(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"name","hash":{},"data":data}) : helper)))
     + "\n";
 },"3":function(container,depth0,helpers,partials,data) {
@@ -21,7 +21,7 @@ templates['files_drop'] = template({"1":function(container,depth0,helpers,partia
     + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
     + "\" data-name=\""
     + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
-    + "\">\n	'"
+    + "\">\n"
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.isUploading : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data})) != null ? stack1 : "")
     + "</li>\n";
 },"useData":true});

apps/files_sharing/js/templates/files_drop.handlebars

@@ -1,5 +1,5 @@
 <li data-toggle="tooltip" title="{{name}}" data-name="{{name}}">
-	'{{#if isUploading}}
+	{{#if isUploading}}
 		<span class="icon-loading-small"></span> {{name}}
 	{{else}}
 		<img src="{{iconSrc}}"/> {{name}}

apps/files_sharing/templates/public.php

@@ -100,6 +100,7 @@ class="<?php if (!empty($_['note'])) { ?>has-note<?php } ?>">
 			<a href="#" class="button icon-upload"><?php p($l->t('Select or drop files')) ?></a>
 			<div id="drop-upload-progress-indicator" style="padding-top: 25px;" class="hidden"><?php p($l->t('Uploading files…')) ?></div>
 			<div id="drop-upload-done-indicator" style="padding-top: 25px;" class="hidden"><?php p($l->t('Uploaded files:')) ?></div>
+			<ul id="drop-uploaded-files"></ul>
 
 			<?php if (!empty($_['disclaimer'])) { ?>
 				<div>