Move divider detection and creation onto TimelineUIUtils instance

Source/devtools/front_end/timeline/TracingTimelineUIUtils.js

 // Copyright 2014 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.
 
 /**
  * @constructor
  * @extends {WebInspector.TimelineUIUtils}
  */
 WebInspector.TracingTimelineUIUtils = function()
 {
@@ skipping 23 matching lines @@
      * @param {string} recordType
      * @return {boolean}
      */
     isCoalescable: function(recordType)
     {
         return !!WebInspector.TracingTimelineUIUtils._coalescableRecordTypes[recordType];
     },
 
     /**
      * @param {!WebInspector.TimelineModel.Record} record
+     * @return {boolean}
+     */
+    isEventDivider: function(record)
+    {
+        return WebInspector.TracingTimelineUIUtils.isEventDivider(record);
+    },
+
+    /**
+     * @param {!WebInspector.TimelineModel.Record} record
      * @return {?Object}
      */
     countersForRecord: function(record)
     {
         return record.type() === WebInspector.TracingTimelineModel.RecordType.UpdateCounters ? record.data() : null;
     },
 
     /**
      * @param {!WebInspector.TimelineModel.Record} record
      * @return {?Object}
@@ skipping 22 matching lines @@
      * @param {boolean} loadedFromFile
      */
     generateDetailsContent: function(record, model, linkifier, callback, loadedFromFile)
     {
         if (!(model instanceof WebInspector.TracingTimelineModel))
             throw new Error("Illegal argument.");
         var tracingTimelineModel = /** @type {!WebInspector.TracingTimelineModel} */ (model);
         WebInspector.TracingTimelineUIUtils.buildTraceEventDetails(record.traceEvent(), tracingTimelineModel, linkifier, callback, loadedFromFile, record.target());
     },
 
+    /**
+     * @param {string} recordType
+     * @param {string=} title
+     * @return {!Element}
+     */
+    createEventDivider: function(recordType, title)
+    {
+        return WebInspector.TracingTimelineUIUtils._createEventDivider(recordType, title);
+    },
+
     __proto__: WebInspector.TimelineUIUtils.prototype
 }
 
 /**
  * @constructor
  * @param {string} title
  * @param {!WebInspector.TimelineCategory} category
  */
 WebInspector.TimelineRecordStyle = function(title, category)
 {
@@ skipping 89 matching lines @@
     var eventStyles = WebInspector.TracingTimelineUIUtils._initEventStyles();
     var result = eventStyles[name];
     if (!result) {
         result = new WebInspector.TimelineRecordStyle(WebInspector.UIString("Unknown: %s", name),  WebInspector.TimelineUIUtils.categories()["other"]);
         eventStyles[name] = result;
     }
     return result;
 }
 
 /**
+ * @param {!WebInspector.TimelineModel.Record} record
+ * @return {boolean}
+ */
+WebInspector.TracingTimelineUIUtils.isEventDivider = function(record)
+{
+    var recordTypes = WebInspector.TracingTimelineModel.RecordType;
+    if (record.type() === recordTypes.TimeStamp)
+        return true;
+    if (record.type() === recordTypes.MarkFirstPaint)
+        return true;
+    if (record.type() === recordTypes.MarkDOMContent || record.type() === recordTypes.MarkLoad)
+        return record.data()["isMainFrame"];
+    return false;
+}
+
+/**
  * @param {!WebInspector.TracingModel.Event} event
  * @param {!WebInspector.Linkifier} linkifier
  * @param {boolean} loadedFromFile
  * @param {!WebInspector.Target} target
  * @return {?Node}
  */
 WebInspector.TracingTimelineUIUtils.buildDetailsNodeForTraceEvent = function(event, linkifier, loadedFromFile, target)
 {
     var recordType = WebInspector.TracingTimelineModel.RecordType;
 
@@ skipping 417 matching lines @@
             callback();
             return;
         }
         var container = document.createElement("div");
         container.className = "image-preview-container";
         var img = container.createChild("img");
         img.src = encodedBitmap;
         callback(container);
     }
 }
+
+/**
+ * @param {string} recordType
+ * @param {string=} title
+ * @return {!Element}
+ */
+WebInspector.TracingTimelineUIUtils._createEventDivider = function(recordType, title)
+{
+    var eventDivider = document.createElement("div");
+    eventDivider.className = "resources-event-divider";
+    var recordTypes = WebInspector.TracingTimelineModel.RecordType;
+
+    if (recordType === recordTypes.MarkDOMContent)
+        eventDivider.className += " resources-blue-divider";
+    else if (recordType === recordTypes.MarkLoad)
+        eventDivider.className += " resources-red-divider";
+    else if (recordType === recordTypes.MarkFirstPaint)
+        eventDivider.className += " resources-green-divider";
+    else if (recordType === recordTypes.TimeStamp)
+        eventDivider.className += " resources-orange-divider";
+    else if (recordType === recordTypes.BeginFrame)
+        eventDivider.className += " timeline-frame-divider";
+
+    if (title)
+        eventDivider.title = title;
+
+    return eventDivider;
+}