Made drag-and-drop work with files too.

mcantelon · Jul 8, 2012 · fd65c4b · fd65c4b
1 parent 793249c
commit fd65c4b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/css/backbone-file-explorer.css b/css/backbone-file-explorer.css
@@ -16,12 +16,15 @@
   background-image: url('');
 }
 
+.backbone-file-explorer-entry {
+  position: relative;
+}
+
 .backbone-file-explorer-entry-odd {
   background-color: #eee;
 }
 
 .backbone-file-explorer-directory {
-  position: relative;
   background-image: url('../img/folder.png');
   background-repeat: no-repeat;
 }

diff --git a/lib/backbone-file-browser.js b/lib/backbone-file-browser.js
@@ -8,9 +8,9 @@
 
   exports.File = Backbone.Model.extend({
 
-    // generate id without slashes
+    // generate id without slashes and replacing periods
     id: function() {
-      return this.path().replace(/\//g, '_');
+      return this.path().replace(/\//g, '_').replace('.', '__');
     },
 
     path: function() {
@@ -304,13 +304,13 @@
 
        // exclude top-level directory from being dragged
        $(this.el)
-          .find('.backbone-file-explorer-directory:not(:first)')
+          .find('.backbone-file-explorer-entry:not(:first)')
           .unbind('drag')
           .bind('drag', {'self': self}, self.dragHandler);
 
        // allow top-level directory to be dragged into
        $(this.el)
-          .find('.backbone-file-explorer-directory')
+          .find('.backbone-file-explorer-entry')
           .unbind('drop')
           .bind('drop', {'self': self}, self.dropHandler);
       }