DevTools: Implement styles toggle:...

webkit/glue/devtools/js/devtools.js

 // Copyright (c) 2009 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.
 
 /**
  * @fileoverview Tools is a main class that wires all components of the 
  * DevTools frontend together. It is also responsible for overriding existing
  * WebInspector functionality while it is getting upstreamed into WebCore.
  */
 goog.provide('devtools.Tools');
@@ skipping 531 matching lines @@
     function() {
   var obj = this.parentObject[this.propertyName].value;
   devtools.tools.getDebuggerAgent().resolveChildren(obj,
       goog.bind(this.didResolveChildren_, this));
 };
 
 
 /**
  * Callback function used with the resolveChildren.
  */
- WebInspector.ScopeChainSidebarPane.TreeElement.prototype.didResolveChildren_ =
+WebInspector.ScopeChainSidebarPane.TreeElement.prototype.didResolveChildren_ =
     function(object) {
   this.removeChildren();
   
   var constructor = this.treeOutline.section.treeElementConstructor;
   for (var name in object) {
     this.appendChild(new constructor(object, name));
   }
 };
+
+
+/**
+ * @override
+ */
+WebInspector.StylePropertyTreeElement.prototype.toggleEnabled =
+    function(event) {
+  var disabled = !event.target.checked;
+  var self = this;
+  devtools.tools.getDomAgent().toggleNodeStyleAsync(this.style, !disabled,
+      this.name,
+      function() {
+        WebInspector.panels.elements.updateStyles(true);
+      });
+};