Enable drag and drop on breadcrumbs

chrome/browser/resources/file_manager/js/breadcrumbs_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.
 
 /**
  * @constructor
  * @extends cr.EventTarget
  * @param {HTMLDivElement} div Div container for breadcrumbs.
  */
 function BreadcrumbsController(div) {
   this.bc_ = div;
   this.hideLast_ = false;
+  div.addEventListener('click', this.onClick_.bind(this));
 }
 
 /**
  * Extends cr.EventTarget.
  */
 BreadcrumbsController.prototype.__proto__ = cr.EventTarget.prototype;
 
 /**
  * Whether to hide the last part of the path.
  * @param {boolean} value True if hide.
  */
 BreadcrumbsController.prototype.setHideLast = function(value) {
   this.hideLast_ = value;
 };
 
 /**
  * Update the breadcrumb display.
  * @param {string} rootPath Path to root.
  * @param {string} path Path to directory.
  */
 BreadcrumbsController.prototype.update = function(rootPath, path) {
   this.bc_.textContent = '';
+  this.rootPath_ = rootPath;
 
   var relativePath = path.substring(rootPath.length).replace(/\/$/, '');
   var pathNames = relativePath.split('/');
   if (pathNames[0] == '')
     pathNames.splice(0, 1);
 
   // We need a first breadcrumb for root, so placing last name from
   // rootPath as first name of relativePath.
   var rootPathNames = rootPath.replace(/\/$/, '').split('/');
   pathNames.splice(0, 0, rootPathNames[rootPathNames.length - 1]);
@@ skipping 12 matching lines @@
     }
     var pathName = pathNames[i];
     path += pathName;
 
     var div = doc.createElement('div');
 
     div.className = 'breadcrumb-path';
     div.textContent = i == 0 ? PathUtil.getRootLabel(path) : pathName;
 
     path = path + '/';
-    div.path = path;
 
     this.bc_.appendChild(div);
 
-    if (i == pathNames.length - 1) {
+    if (i == pathNames.length - 1)
       div.classList.add('breadcrumb-last');
-    } else {
-      div.addEventListener('click', this.onClick_.bind(this));
-    }
   }
   this.truncate();
 };
 
 /**
  * Updates breadcrumbs widths in order to truncate it properly.
  */
 BreadcrumbsController.prototype.truncate = function() {
   if (!this.bc_.firstChild)
    return;
@@ skipping 95 matching lines @@
 BreadcrumbsController.prototype.hide = function() {
   this.bc_.style.display = 'none';
 };
 
 /**
  * Handle a click event on a breadcrumb element.
  * @private
  * @param {Event} event The click event.
  */
 BreadcrumbsController.prototype.onClick_ = function(event) {
+  var path = this.getTargetPath(event);
+  if (!path)
+    return;
+
   var newEvent = new cr.Event('pathclick');
-  newEvent.path = event.srcElement.path;
+  newEvent.path = path;
   this.dispatchEvent(newEvent);
 };
 
+/**
+ * Returns path associated with the event target. Returns empty string for
+ * inactive elements: separators, empty space and the last chunk.
+ * @param {Event} event The UI event.
+ * @return {string} Full path or empty string.
+ */
+BreadcrumbsController.prototype.getTargetPath = function(event) {
+  if (!event.target.classList.contains('breadcrumb-path') ||
+      event.target.classList.contains('breadcrumb-last')) {
+    return '';
+  }
+
+  var items = this.bc_.querySelectorAll('.breadcrumb-path');
+  var path = this.rootPath_;
+
+  if (event.target != items[0]) {
+    for (var i = 1; items[i - 1] != event.target; i++) {

[Oleg Eterevsky, 2012/08/01 14:56:52]

You can use PathUtil.join() instead of this loop.

[SeRya, 2012/08/01 15:23:44]

Join is not enough, textContent also need to be resolved. So benefit is not
obvious.

+      path += '/' + items[i].textContent;
+    }
+  }
+  return path;
+};
+
+/**
+ * Returns the breadcrumbs container.
+ * @return {HTMLElement} Breadcumbs container HTML element.
+ */
+BreadcrumbsController.prototype.getContainer = function() {
+  return this.bc_;
+};
+