DevTools: update console timestamp style

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 798 matching lines @@
   /**
    * @return {boolean}
    */
   matchesFilterRegex(regexObject) {
     regexObject.lastIndex = 0;
     var text = this.contentElement().deepTextContent();
     return regexObject.test(text);
   }
 
   /**
-   * @param {boolean} show
+   * @param {!Console.ConsoleViewMessage.TimestampFormat} format
    */
-  updateTimestamp(show) {
+  updateTimestamp(format) {
     if (!this._contentElement)
       return;
 
-    if (show && !this.timestampElement) {
-      this.timestampElement = createElementWithClass('span', 'console-timestamp');
-      this.timestampElement.textContent = (new Date(this._message.timestamp)).toConsoleTime() + ' ';
+    var show = format !== Console.ConsoleViewMessage.TimestampFormat.None;
+    if (show) {
+      var timestamp = (new Date(this._message.timestamp)).toConsoleTime();

[chenwilliam, 2017/01/24 03:32:13]

Instead of extending the Date prototype... you can create a function:
formatTimestampToYearMonthDay()

[luoe, 2017/01/24 23:16:19]

Done.

+      var timestampText = timestamp.hourMinuteSecond;
+      if (format === Console.ConsoleViewMessage.TimestampFormat.Full)
+        timestampText = timestamp.yearMonthDay + ' ' + timestampText;
+      if (!this.timestampElement)
+        this.timestampElement = createElementWithClass('span', 'console-timestamp');
+      this.timestampElement.textContent = timestampText + ' ';
+      this.timestampElement.title = timestampText;
       this._contentElement.insertBefore(this.timestampElement, this._contentElement.firstChild);
-      return;
-    }
-
-    if (!show && this.timestampElement) {
+    } else if (!show && this.timestampElement) {
       this.timestampElement.remove();
       delete this.timestampElement;
     }
   }
 
   /**
    * @return {number}
    */
   nestingLevel() {
     return this._nestingLevel;
@@ skipping 45 matching lines @@
                                         consoleMessage.type === SDK.ConsoleMessage.MessageType.Trace ||
                                         consoleMessage.level === SDK.ConsoleMessage.MessageLevel.Warning);
     if (target && shouldIncludeTrace)
       formattedMessage = this._buildMessageWithStackTrace(consoleMessage, target, this._linkifier);
     else if (this._message.type === SDK.ConsoleMessage.MessageType.Table)
       formattedMessage = this._buildTableMessage(this._message);
     else
       formattedMessage = this._buildMessage(consoleMessage);
     contentElement.appendChild(formattedMessage);
 
-    this.updateTimestamp(Common.moduleSetting('consoleTimestampsEnabled').get());
+    this.updateTimestamp(Common.moduleSetting('consoleTimestampFormat').get());
     return this._contentElement;
   }
 
   /**
    * @return {!Element}
    */
   toMessageElement() {
     if (this._element)
       return this._element;
 
@@ skipping 67 matching lines @@
   repeatCount() {
     return this._repeatCount || 1;
   }
 
   resetIncrementRepeatCount() {
     this._repeatCount = 1;
     if (!this._repeatCountElement)
       return;
 
     this._repeatCountElement.remove();
+    if (this._contentElement)
+      this._contentElement.classList.remove('repeated-message');
     delete this._repeatCountElement;
   }
 
   incrementRepeatCount() {
     this._repeatCount++;
     this._showRepeatCountElement();
   }
 
   _showRepeatCountElement() {
     if (!this._contentElement)
@@ skipping 166 matching lines @@
     }
 
     if (start !== string.length)
       formattedResult.appendChild(Components.linkifyStringAsFragment(string.substring(start)));
 
     return formattedResult;
   }
 };
 
 /**
+ * @enum {string}
+ */
+Console.ConsoleViewMessage.TimestampFormat = {
+  None: 'none',
+  Full: 'full',
+  Short: 'short'
+};
+
+/**
  * @unrestricted
  */
 Console.ConsoleGroupViewMessage = class extends Console.ConsoleViewMessage {
   /**
    * @param {!SDK.ConsoleMessage} consoleMessage
    * @param {!Components.Linkifier} linkifier
    * @param {number} nestingLevel
    */
   constructor(consoleMessage, linkifier, nestingLevel) {
     console.assert(consoleMessage.isGroupStartMessage());
@@ skipping 26 matching lines @@
   toMessageElement() {
     if (!this._element) {
       super.toMessageElement();
       this._expandGroupIcon = UI.Icon.create('', 'expand-group-icon');
       this._contentElement.insertBefore(this._expandGroupIcon, this._contentElement.firstChild);
       this.setCollapsed(this._collapsed);
     }
     return this._element;
   }
 };