Enable drag and drop on breadcrumbs

chrome/browser/resources/file_manager/js/file_transfer_controller.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var MAX_DRAG_THUMBAIL_COUNT = 4;
 
 /**
  * Global (placed in the window object) variable name to hold internal
  * file dragging information. Needed to show visual feedback while dragging
  * since DataTransfer object is in protected state. Reachable from other
@@ skipping 53 matching lines @@
    */
   attachDropTarget: function(list, opt_onlyIntoDirectories) {
     list.addEventListener('dragover', this.onDragOver_.bind(this,
                           !!opt_onlyIntoDirectories, list));
     list.addEventListener('dragenter', this.onDragEnterList_.bind(this, list));
     list.addEventListener('dragleave', this.onDragLeave_.bind(this, list));
     list.addEventListener('drop', this.onDrop_.bind(this,
                           !!opt_onlyIntoDirectories));
   },
 
-  attachBreadcrumbsDropTarget: function(breadcrumbs) {
-    breadcrumbs.addEventListener('dragover',
+  attachBreadcrumbsDropTarget: function(breadcrumbsController) {
+    var container = breadcrumbsController.getContainer();
+    container.addEventListener('dragover',
         this.onDragOver_.bind(this, true, null));
-    breadcrumbs.addEventListener('dragenter',
-        this.onDragEnterBreadcrumbs_.bind(this, breadcrumbs));
-    breadcrumbs.addEventListener('dragleave',
+    container.addEventListener('dragenter',
+        this.onDragEnterBreadcrumbs_.bind(this, breadcrumbsController));
+    container.addEventListener('dragleave',
         this.onDragLeave_.bind(this, null));
-    breadcrumbs.addEventListener('drop', this.onDrop_.bind(this, true));
+    container.addEventListener('drop', this.onDrop_.bind(this, true));
   },
 
   /**
    * Attach handlers of copy, cut and paste operations to the document.
    * @param {HTMLDocument} doc Command dispatcher.
    */
   attachCopyPasteHandlers: function(doc) {
     this.document_ = doc;
     doc.addEventListener('beforecopy', this.onBeforeCopy_.bind(this));
     doc.addEventListener('copy', this.onCopy_.bind(this));
@@ skipping 169 matching lines @@
 
     var entry = item && list.dataModel.item(item.listIndex);
     if (entry) {
       this.setDropTarget_(item, entry.isDirectory, event.dataTransfer,
           entry.fullPath);
     } else {
       this.setDropTarget_(null);
     }
   },
 
-  onDragEnterBreadcrumbs_: function(breadcrumbs, event) {
-    if (!event.target.classList.contains('breadcrumb-path'))
+  onDragEnterBreadcrumbs_: function(breadcrumbsContainer, event) {
+    var path = breadcrumbsContainer.getTargetPath(event);
+    if (!path)
       return;
+
     this.dragEnterCount_++;
-
-    var items = breadcrumbs.querySelectorAll('.breadcrumb-path');
-    var path = this.directoryModel_.getCurrentRootPath();
-
-    if (event.target != items[0]) {
-      for (var i = 1; items[i - 1] != event.target; i++) {
-        path += '/' + items[i].textContent;
-      }
-    }
-
     this.setDropTarget_(event.target, true, event.dataTransfer, path);
   },
 
   onDragLeave_: function(list, event) {
     if (this.dragEnterCount_-- == 0)
       this.setDropTarget_(null);
     if (event.target == list)
       this.setScrollSpeed_(list, 0);
   },
 
@@ skipping 311 matching lines @@
     this.scrollStep_ = speed * SCROLL_INTERVAL / 1000;
     this.scrollList_ = list;
   },
 
   scroll_: function() {
     if (this.scrollList_)
       this.scrollList_.scrollTop += this.scrollStep_;
   }
 };