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._onInsertShadowPropertyClick.bind(this, "text-shadow"));
+        items.push(textShadowButton);
+
+        var boxShadowButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add box-shadow"), "box-shadow-toolbar-item");
+        boxShadowButton.addEventListener("click", this._onInsertShadowPropertyClick.bind(this, "box-shadow"));
+        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 152 matching lines @@
      */
     _onNewRuleClick: function(event)
     {
         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 {string} propertyName
+     * @param {!WebInspector.Event} event
+     */
+    _onInsertShadowPropertyClick: function(propertyName, event)
+    {
+        event.consume(true);
+        var treeElement = this.addNewBlankProperty();
+        treeElement.property.name = propertyName;
+        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);
@@ skipping 2258 matching lines @@
 
     /**
      * @override
      * @return {!WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }