aboutsummaryrefslogtreecommitdiffstats
path: root/apps/files/js/navigation.js
diff options
context:
space:
mode:
Diffstat (limited to 'apps/files/js/navigation.js')
-rw-r--r--apps/files/js/navigation.js35
1 files changed, 35 insertions, 0 deletions
diff --git a/apps/files/js/navigation.js b/apps/files/js/navigation.js
index 9fc2180c923..b3648fedc6c 100644
--- a/apps/files/js/navigation.js
+++ b/apps/files/js/navigation.js
@@ -64,6 +64,41 @@
_setupEvents: function () {
this.$el.on('click', 'li a', _.bind(this._onClickItem, this))
this.$el.on('click', 'li button', _.bind(this._onClickMenuButton, this));
+
+ var trashElement=$(".nav-trashbin");
+
+ //this div is required to prefetch the icon, otherwise it takes a second to show up
+ trashElement.append("<div class='nav-icon-trashbin-starred'></div>")
+ trashElement.droppable({
+ over: function( event, ui ) {
+ trashElement.addClass('dropzone-background')
+ },
+ out: function( event, ui ) {
+ trashElement.removeClass('dropzone-background');
+ },
+ activate: function( event, ui ) {
+ var elem=trashElement.find("a").first();
+ elem.addClass('nav-icon-trashbin-starred').removeClass('nav-icon-trashbin');
+ },
+ deactivate: function( event, ui ) {
+ var elem=trashElement.find("a").first();
+ elem.addClass('nav-icon-trashbin').removeClass('nav-icon-trashbin-starred');
+ },
+ drop: function( event, ui ) {
+
+ var $selectedFiles = $(ui.draggable);
+
+ if (ui.helper.find("tr").size()===1) {
+ var $tr = $selectedFiles.closest('tr');
+ $selectedFiles.trigger("droppedOnTrash", $tr.attr("data-file"), $tr.attr('data-dir'));
+ }else{
+ var item = ui.helper.find("tr");
+ for(var i=0; i<item.length;i++){
+ $selectedFiles.trigger("droppedOnTrash", item[i].getAttribute("data-file"), item[i].getAttribute("data-dir"));
+ }
+ }
+ }
+ });
},
/**