DevTools: insert console message decorations in order

third_party/WebKit/Source/devtools/front_end/console/ConsoleView.js

 /*
  * 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
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 128 matching lines @@
 
     this._consoleHistoryAutocompleteSetting = Common.moduleSetting('consoleHistoryAutocomplete');
     this._consoleHistoryAutocompleteSetting.addChangeListener(this._consoleHistoryAutocompleteChanged, this);
 
     var historyData = this._consoleHistorySetting.get();
     this._prompt.history().setHistoryData(historyData);
     this._consoleHistoryAutocompleteChanged();
 
     this._updateFilterStatus();
     Common.moduleSetting('consoleTimestampFormat').addChangeListener(this._consoleTimestampsSettingChanged, this);
+    Common.moduleSetting('consoleContextLabelsEnabled')
+        .addChangeListener(this._consoleContextLabelsSettingChanged, this);
+    var contextLabelsEnabled = Common.moduleSetting('consoleContextLabelsEnabled').get();
+    if (contextLabelsEnabled)
+      this._messagesElement.classList.add('show-context-icons');
 
     this._registerWithMessageSink();
     SDK.targetManager.observeTargets(this);
 
     this._initConsoleMessages();
 
     UI.context.addFlavorChangeListener(SDK.ExecutionContext, this._executionContextChanged, this);
 
     this._messagesElement.addEventListener('mousedown', this._updateStickToBottomOnMouseDown.bind(this), false);
     this._messagesElement.addEventListener('mouseup', this._updateStickToBottomOnMouseUp.bind(this), false);
@@ skipping 161 matching lines @@
         null, SDK.ConsoleMessage.MessageSource.Other, level, message.text, undefined, undefined, undefined, undefined,
         undefined, undefined, undefined, message.timestamp);
     this._addConsoleMessage(consoleMessage);
   }
 
   _consoleTimestampsSettingChanged() {
     this._updateMessageList();
     this._consoleMessages.forEach(viewMessage => viewMessage.updateTimestamp());
   }
 
+  /**
+   * @param {!Common.Event} event
+   */
+  _consoleContextLabelsSettingChanged(event) {
+    this._updateMessageList();
+    var contextLabelsEnabled = Common.moduleSetting('consoleContextLabelsEnabled').get();
+    this._messagesElement.classList.toggle('show-context-icons', contextLabelsEnabled);
+    this._consoleMessages.forEach(viewMessage => viewMessage.updateContextLabel());
+  }
+
   _executionContextChanged() {
     this._prompt.clearAutocomplete();
     if (!this._showAllMessagesCheckbox.checked())
       this._updateMessageList();
   }
 
   /**
    * @override
    */
   willHide() {
@@ skipping 870 matching lines @@
       this._formattedCommand.textContent = this.text.replaceControlCharacters();
       this._contentElement.appendChild(this._formattedCommand);
 
       if (this._formattedCommand.textContent.length < Console.ConsoleCommand.MaxLengthToIgnoreHighlighter) {
         var javascriptSyntaxHighlighter = new UI.SyntaxHighlighter('text/javascript', true);
         javascriptSyntaxHighlighter.syntaxHighlightNode(this._formattedCommand).then(this._updateSearch.bind(this));
       } else {
         this._updateSearch();
       }
 
+      this.updateContextLabel();
       this.updateTimestamp();
     }
     return this._contentElement;
   }
 
   _updateSearch() {
     this.setSearchRegex(this.searchRegex());
   }
 };
 
@@ skipping 103 matching lines @@
         return true;
     }
     return false;
   }
 };
 
 /**
  * @typedef {{messageIndex: number, matchIndex: number}}
  */
 Console.ConsoleView.RegexMatchRange;