[DevTools] Extract small-bubble component.

third_party/WebKit/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 870 matching lines @@
      * @param {boolean} show
      */
     updateTimestamp: function(show)
     {
         if (!this._formattedMessage)
             return;
 
         if (show && !this.timestampElement) {
             this.timestampElement = createElementWithClass("span", "console-timestamp");
             this.timestampElement.textContent = (new Date(this._message.timestamp)).toConsoleTime() + " ";
-            var afterRepeatCountChild = this._repeatCountElement && this._repeatCountElement.nextSibling;
             this._formattedMessage.insertBefore(this.timestampElement, this._formattedMessage.firstChild);
             return;
         }
 
         if (!show && this.timestampElement) {
             this.timestampElement.remove();
             delete this.timestampElement;
         }
     },
 
@@ skipping 133 matching lines @@
         this._repeatCount++;
         this._showRepeatCountElement();
     },
 
     _showRepeatCountElement: function()
     {
         if (!this._element)
             return;
 
         if (!this._repeatCountElement) {
-            this._repeatCountElement = createElement("span");
-            this._repeatCountElement.className = "bubble-repeat-count";
-
+            this._repeatCountElement = createElementWithClass("label", "console-message-repeat-count", "dt-small-bubble");
+            switch (this._message.level) {
+            case WebInspector.ConsoleMessage.MessageLevel.Warning:
+                this._repeatCountElement.type = "warning";
+                break;
+            case WebInspector.ConsoleMessage.MessageLevel.Error:
+                this._repeatCountElement.type = "error";
+                break;
+            case WebInspector.ConsoleMessage.MessageLevel.Debug:
+                this._repeatCountElement.type = "debug";
+                break;
+            default:
+                this._repeatCountElement.type = "info";
+            }
             this._element.insertBefore(this._repeatCountElement, this._element.firstChild);
             this._element.classList.add("repeated-message");
         }
         this._repeatCountElement.textContent = this._repeatCount;
     },
 
     /**
      * @override
      * @return {string}
      */
@@ skipping 287 matching lines @@
     {
         if (!this._wrapperElement) {
             WebInspector.ConsoleViewMessage.prototype.toMessageElement.call(this);
             this._wrapperElement.classList.toggle("collapsed", this._collapsed);
         }
         return this._wrapperElement;
     },
 
     __proto__: WebInspector.ConsoleViewMessage.prototype
 }