DevTools: Add buttons to add box-shadow and text-shadow properties in SSP

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 692 matching lines @@
     },
 
     /**
      * @param {!Element} container
      */
     _createHoverMenuToolbar: function(container)
     {
         if (!this.editable)
             return;
         var items = [];
+
+        var textShadowButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add text-shadow"), "text-shadow-toolbar-item");
+        textShadowButton.addEventListener("click", this._onInsertTextShadowPropertyClick.bind(this));

[lushnikov, 2016/09/10 00:17:23]

this._onShadowButtonClick.bind(this, "text-shadow")

[flandy, 2016/09/10 00:26:04]

Done.

+        items.push(textShadowButton);
+
+        var boxShadowButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add box-shadow"), "box-shadow-toolbar-item");
+        boxShadowButton.addEventListener("click", this._onInsertBoxShadowPropertyClick.bind(this));
+        items.push(boxShadowButton);
+
         var colorButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add color"), "foreground-color-toolbar-item");
         colorButton.addEventListener("click", this._onInsertColorPropertyClick.bind(this));
         items.push(colorButton);
 
         var backgroundButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add background-color"), "background-color-toolbar-item");
         backgroundButton.addEventListener("click", this._onInsertBackgroundColorPropertyClick.bind(this));
         items.push(backgroundButton);
 
         var newRuleButton = null;
         if (this._style.parentRule) {
@@ skipping 154 matching lines @@
     {
         event.consume();
         var rule = this._style.parentRule;
         var range = WebInspector.TextRange.createFromLocation(rule.style.range.endLine, rule.style.range.endColumn + 1);
         this._parentPane._addBlankSection(this, /** @type {string} */(rule.styleSheetId), range);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
+    _onInsertTextShadowPropertyClick: function(event)

[lushnikov, 2016/09/10 00:17:23]

onShadowButtonClick: function(text, shadow)
{
 ...
}

[flandy, 2016/09/10 00:26:04]

Done.

+    {
+        event.consume(true);
+        var treeElement = this.addNewBlankProperty();
+        treeElement.property.name = "text-shadow";
+        treeElement.property.value = "0 0 black";
+        treeElement.updateTitle();
+        var shadowSwatchPopoverHelper = WebInspector.ShadowSwatchPopoverHelper.forTreeElement(treeElement);
+        if (shadowSwatchPopoverHelper)
+            shadowSwatchPopoverHelper.showPopover();
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onInsertBoxShadowPropertyClick: function(event)
+    {
+        event.consume(true);
+        var treeElement = this.addNewBlankProperty();
+        treeElement.property.name = "box-shadow";
+        treeElement.property.value = "0 0 black";
+        treeElement.updateTitle();
+        var shadowSwatchPopoverHelper = WebInspector.ShadowSwatchPopoverHelper.forTreeElement(treeElement);
+        if (shadowSwatchPopoverHelper)
+            shadowSwatchPopoverHelper.showPopover();
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
     _onInsertColorPropertyClick: function(event)
     {
         event.consume(true);
         var treeElement = this.addNewBlankProperty();
         treeElement.property.name = "color";
         treeElement.property.value = "black";
         treeElement.updateTitle();
         var colorSwatch = WebInspector.ColorSwatchPopoverIcon.forTreeElement(treeElement);
         if (colorSwatch)
             colorSwatch.showPopover();
@@ skipping 2256 matching lines @@
 
     /**
      * @override
      * @return {!WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }