DevTools: [Console] use filtering to collapse and expand console groups

Source/devtools/front_end/console/ConsoleViewMessage.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 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
@@ skipping 883 matching lines @@
     },
 
     /**
      * @return {number}
      */
     nestingLevel: function()
     {
         return this._nestingLevel;
     },
 
-    /**
-     * @return {number}
-     */
-    closeGroupDecorationCount: function()
+    resetCloseGroupDecorationCount: function()
     {
-        return this._closeGroupDecorationCount;
+        this._closeGroupDecorationCount = 0;
+        this._updateCloseGroupDecorations();
     },
 
-    /**
-     * @param {number} count
-     */
-    setCloseGroupDecorationCount: function(count)
+    incrementCloseGroupDecorationCount: function()
     {
-        this._closeGroupDecorationCount = count;
-        if (!this._element)
-            this.toMessageElement();
+        ++this._closeGroupDecorationCount;
+        this._updateCloseGroupDecorations();
+    },
+
+    _updateCloseGroupDecorations: function()
+    {
+        if (!this._nestingLevelMarkers)
+            return;
         for (var i = 0, n = this._nestingLevelMarkers.length; i < n; ++i) {
             var marker = this._nestingLevelMarkers[i];
-            marker.classList.toggle("group-closed", n - i <= count);
+            marker.classList.toggle("group-closed", n - i <= this._closeGroupDecorationCount);
         }
     },
 
     /**
      * @return {!Element}
      */
     contentElement: function()
     {
         if (this._element)
             return this._element;
@@ skipping 37 matching lines @@
      */
     toMessageElement: function()
     {
         if (this._wrapperElement)
             return this._wrapperElement;
 
         this._wrapperElement = document.createElementWithClass("div", "console-message-wrapper");
         this._nestingLevelMarkers = [];
         for (var i = 0; i < this._nestingLevel; ++i)
             this._nestingLevelMarkers.push(this._wrapperElement.createChild("div", "nesting-level-marker"));
+        this._updateCloseGroupDecorations();
         this._wrapperElement.message = this;
 
         this._wrapperElement.appendChild(this.contentElement());
         return this._wrapperElement;
     },
 
     _populateStackTraceTreeElement: function(parentTreeElement)
     {
         for (var i = 0; i < this._message.stackTrace.length; i++) {
             var frame = this._message.stackTrace[i];
@@ skipping 143 matching lines @@
         return sourceString + " " + typeString + " " + levelString + ": " + this.formattedMessage().textContent + "\n" + this._message.url + " line " + this._message.line;
     },
 
     get text()
     {
         return this._message.messageText;
     },
 
     __proto__: WebInspector.TargetAware.prototype
 }
+
+/**
+ * @constructor
+ * @extends {WebInspector.ConsoleViewMessage}
+ * @param {!WebInspector.ConsoleMessage} consoleMessage
+ * @param {?WebInspector.Linkifier} linkifier
+ * @param {number} nestingLevel
+ */
+WebInspector.ConsoleGroupViewMessage = function(consoleMessage, linkifier, nestingLevel)
+{
+    console.assert(consoleMessage.isGroupStartMessage());
+    WebInspector.ConsoleViewMessage.call(this, consoleMessage, linkifier, nestingLevel);
+    this.setCollapsed(consoleMessage.type === WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed);
+}
+
+WebInspector.ConsoleGroupViewMessage.prototype = {
+    /**
+     * @param {boolean} collapsed
+     */
+    setCollapsed: function(collapsed)
+    {
+        this._collapsed = collapsed;
+        if (this._wrapperElement)
+            this._wrapperElement.classList.toggle("collapsed", this._collapsed);
+    },
+
+    /**
+     * @return {boolean}
+     */
+    collapsed: function()
+    {
+       return this._collapsed;
+    },
+
+    /**
+     * @return {!Element}
+     */
+    toMessageElement: function()
+    {
+        if (!this._wrapperElement) {
+            WebInspector.ConsoleViewMessage.prototype.toMessageElement.call(this);
+            this._wrapperElement.classList.toggle("collapsed", this._collapsed);
+        }
+        return this._wrapperElement;
+    },
+
+    __proto__: WebInspector.ConsoleViewMessage.prototype
+}