diff --git a/apps/files_sharing/js/files_drop.js b/apps/files_sharing/js/files_drop.js
index 8d1273f187..d10a61e0df 100644
--- a/apps/files_sharing/js/files_drop.js
+++ b/apps/files_sharing/js/files_drop.js
@@ -9,14 +9,7 @@
  */
 
 (function ($) {
-	var TEMPLATE =
-		'<li data-toggle="tooltip" title="{{name}}" data-name="{{name}}">' +
-		'{{#if isUploading}}' +
-		'<span class="icon-loading-small"></span> {{name}}' +
-		'{{else}}' +
-		'<img src="{{iconSrc}}"/> {{name}}' +
-		'{{/if}}' +
-		'</li>';
+
 	var Drop = {
 		/** @type {Function} **/
 		_template: undefined,
@@ -130,10 +123,7 @@
 		 * @private
 		 */
 		template: function () {
-			if (!this._template) {
-				this._template = Handlebars.compile(TEMPLATE);
-			}
-			return this._template;
+			return OCA.Sharing.Templates['files_drop'];
 		}
 	};
 
diff --git a/apps/files_sharing/js/templates.js b/apps/files_sharing/js/templates.js
new file mode 100644
index 0000000000..ce7409b465
--- /dev/null
+++ b/apps/files_sharing/js/templates.js
@@ -0,0 +1,28 @@
+(function() {
+  var template = Handlebars.template, templates = OCA.Sharing.Templates = OCA.Sharing.Templates || {};
+templates['files_drop'] = template({"1":function(container,depth0,helpers,partials,data) {
+    var helper;
+
+  return "\n		<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) {
+    var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;
+
+  return "		<img src=\""
+    + alias4(((helper = (helper = helpers.iconSrc || (depth0 != null ? depth0.iconSrc : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"iconSrc","hash":{},"data":data}) : helper)))
+    + "\"/> "
+    + 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";
+},"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;
+
+  return "<li data-toggle=\"tooltip\" title=\""
+    + 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	'"
+    + ((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});
+})();
\ No newline at end of file
diff --git a/apps/files_sharing/js/templates/files_drop.handlebars b/apps/files_sharing/js/templates/files_drop.handlebars
new file mode 100644
index 0000000000..4dea497f8d
--- /dev/null
+++ b/apps/files_sharing/js/templates/files_drop.handlebars
@@ -0,0 +1,7 @@
+<li data-toggle="tooltip" title="{{name}}" data-name="{{name}}">
+	'{{#if isUploading}}
+		<span class="icon-loading-small"></span> {{name}}
+	{{else}}
+		<img src="{{iconSrc}}"/> {{name}}
+	{{/if}}
+</li>
diff --git a/apps/files_sharing/lib/Controller/ShareController.php b/apps/files_sharing/lib/Controller/ShareController.php
index 2cc34dde8b..8e9cc5a963 100644
--- a/apps/files_sharing/lib/Controller/ShareController.php
+++ b/apps/files_sharing/lib/Controller/ShareController.php
@@ -387,6 +387,7 @@ class ShareController extends AuthPublicShareController {
 		\OCP\Util::addScript('files', 'file-upload');
 		\OCP\Util::addStyle('files_sharing', 'publicView');
 		\OCP\Util::addScript('files_sharing', 'public');
+		\OCP\Util::addScript('files_sharing', 'templates');
 		\OCP\Util::addScript('files_sharing', 'public_note');
 		\OCP\Util::addScript('files', 'fileactions');
 		\OCP\Util::addScript('files', 'fileactionsmenu');
diff --git a/build/compile-handlebars-templates.sh b/build/compile-handlebars-templates.sh
index 52954333f6..493b3757e0 100755
--- a/build/compile-handlebars-templates.sh
+++ b/build/compile-handlebars-templates.sh
@@ -28,6 +28,9 @@ handlebars -n OCA.Versions.Templates apps/files_versions/js/templates -f apps/fi
 # Workflowengine
 handlebars -n OCA.WorkflowEngine.Templates apps/workflowengine/js/templates -f apps/workflowengine/js/templates.js
 
+# Sharing
+handlebars -n OCA.Sharing.Templates apps/files_sharing/js/templates -f apps/files_sharing/js/templates.js
+
 if [[ $(git diff --name-only) ]]; then
     echo "Please submit your compiled handlebars templates"
     echo
diff --git a/tests/karma.config.js b/tests/karma.config.js
index 8339285116..fe5b7a79d1 100644
--- a/tests/karma.config.js
+++ b/tests/karma.config.js
@@ -56,7 +56,8 @@ module.exports = function(config) {
 					'apps/files_sharing/js/sharebreadcrumbview.js',
 					'apps/files_sharing/js/public.js',
 					'apps/files_sharing/js/sharetabview.js',
-					'apps/files_sharing/js/files_drop.js'
+					'apps/files_sharing/js/files_drop.js',
+					'apps/files_sharing/js/templates.js',
 				],
 				testFiles: ['apps/files_sharing/tests/js/*.js']
 			},