DevTools: Box-shadow editor initial implementation

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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.
@@ skipping 2009 matching lines @@
 
     /**
      * @param {string} propertyValue
      * @param {string} propertyName
      * @return {!Node}
      */
     _processShadow: function(propertyValue, propertyName)
     {
         if (!this._editable())
             return createTextNode(propertyValue);
-        var shadows;
-        if (propertyName === "text-shadow")
+        var shadows, isBoxShadow;

[dgozman, 2016/08/24 19:18:30]

style: one variable per declaration

[flandy, 2016/08/24 22:08:41]

Done.

+        if (propertyName === "text-shadow") {
             shadows = WebInspector.CSSShadowModel.parseTextShadow(propertyValue);
-        else
+            isBoxShadow = false;
+        } else {
             shadows = WebInspector.CSSShadowModel.parseBoxShadow(propertyValue);
+            isBoxShadow = true;
+        }
         if (!shadows.length)
             return createTextNode(propertyValue);
         var container = createDocumentFragment();
         var swatchPopoverHelper = this._parentPane._swatchPopoverHelper;
         for (var i = 0; i < shadows.length; i++) {
             if (i !== 0)
                 container.appendChild(createTextNode(", ")); // Add back commas and spaces between each shadow.
             // TODO(flandy): editing the property value should use the original value with all spaces.
             var cssShadowSwatch = WebInspector.CSSShadowSwatch.create();
             cssShadowSwatch.setCSSShadow(shadows[i]);
+            new WebInspector.ShadowSwatchPopoverHelper(this, swatchPopoverHelper, cssShadowSwatch, isBoxShadow);
             container.appendChild(cssShadowSwatch);
         }
         return container;
     },
 
     _updateState: function()
     {
         if (!this.listItemElement)
             return;
 
@@ skipping 1089 matching lines @@
 
     /**
      * @override
      * @return {!WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }