DevTools: Add support for adding folders to workspace with drag and drop (renderer part)

Source/devtools/front_end/SourcesPanel.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 1574 matching lines @@
 /**
  * @constructor
  * @extends {WebInspector.View}
  */
 WebInspector.SourcesView = function()
 {
     WebInspector.View.call(this);
     this.registerRequiredCSS("sourcesView.css");
     this.element.id = "sources-panel-sources-view";
     this.element.addStyleClass("vbox");
+    this.element.addEventListener("dragenter", this._onDragEnter.bind(this), true);
+    this.element.addEventListener("dragover", this._onDragOver.bind(this), true);
 }
 
+WebInspector.SourcesView.dragAndDropFilesType = "Files";
+
 WebInspector.SourcesView.prototype = {
+    _onDragEnter: function (event)
+    {
+        if (event.dataTransfer.types.indexOf(WebInspector.SourcesView.dragAndDropFilesType) === -1)
+            return;
+        event.consume(true);
+    },
+
+    _onDragOver: function (event)
+    {
+        if (event.dataTransfer.types.indexOf(WebInspector.SourcesView.dragAndDropFilesType) === -1)
+            return;
+        event.consume(true);
+        if (this._dragMaskElement)
+            return;
+        this._dragMaskElement = this.element.createChild("div", "fill drag-mask");
+        this._dragMaskElement.addEventListener("drop", this._onDrop.bind(this), true);
+        this._dragMaskElement.addEventListener("dragleave", this._onDragLeave.bind(this), true);
+    },
+
+    _onDrop: function (event)
+    {
+        event.consume(true);
+        var items = event.dataTransfer.items;
+        var item = /** @type {DataTransferItem} */ (items.length ? items[0] : null);
+        var entry = item.webkitGetAsEntry();
+        if (!entry.isDirectory)
+            return;
+        InspectorFrontendHost.upgradeDraggedFileSystemPermissions(entry.filesystem);

[pfeldman, 2013/11/05 06:14:49]

What's wrong with sendMessageToEmbedder(["upgradeDraggedFileSystemPermissions",
entry.filesystem.root.toURL()]) ?

[kinuko, 2013/11/05 07:46:16]

toURL is not supported in DraggedFileSystem (due to its transient nature, while
toURL() is expected to return persistent URL).

+    },
+
+    _onDragLeave: function (event)
+    {
+        event.consume(true);
+        this._dragMaskElement.remove();
+        delete this._dragMaskElement;
+    },
+
     __proto__: WebInspector.View.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.View}
  */
 WebInspector.DrawerEditorView = function()
 {
     WebInspector.View.call(this);
     this.element.id = "drawer-editor-view";
     this.element.addStyleClass("vbox");
 }
 
 WebInspector.DrawerEditorView.prototype = {
     __proto__: WebInspector.View.prototype
 }