<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[162421] trunk/Source/WebInspectorUI</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/162421">162421</a></dd>
<dt>Author</dt> <dd>timothy@apple.com</dd>
<dt>Date</dt> <dd>2014-01-20 18:56:45 -0800 (Mon, 20 Jan 2014)</dd>
</dl>

<h3>Log Message</h3>
<pre>Make the TimelineRecordTreeElement location subtitle live.

https://bugs.webkit.org/show_bug.cgi?id=127270

Reviewed by Joseph Pecoraro.

* Localizations/en.lproj/localizedStrings.js: Updated.

* UserInterface/SourceCodeLocation.js:
(WebInspector.SourceCodeLocation.prototype.originalLocationString):
(WebInspector.SourceCodeLocation.prototype.formattedLocationString):
(WebInspector.SourceCodeLocation.prototype.displayLocationString):
(WebInspector.SourceCodeLocation.prototype.updateDisplayString):
(WebInspector.SourceCodeLocation.prototype._locationString):
Support for a new nameStyle enum and a prefix for the location string.
Passing the prefix here lets it be italicized with the line number.
Support column number for SourceCode's without a URL too.

* UserInterface/TimelineRecordTreeElement.js:
(WebInspector.TimelineRecordTreeElement):
(WebInspector.TimelineRecordTreeElement.prototype.onattach):
Create a subtitle span to update the location inside. Update the tooltip on attach.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkSourceWebInspectorUIChangeLog">trunk/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#trunkSourceWebInspectorUILocalizationsenlprojlocalizedStringsjs">trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceLayoutTimelineViewjs">trunk/Source/WebInspectorUI/UserInterface/LayoutTimelineView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceScriptTimelineViewjs">trunk/Source/WebInspectorUI/UserInterface/ScriptTimelineView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceSourceCodeLocationjs">trunk/Source/WebInspectorUI/UserInterface/SourceCodeLocation.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceSourceCodeTimelineTreeElementjs">trunk/Source/WebInspectorUI/UserInterface/SourceCodeTimelineTreeElement.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceTimelineRecordTreeElementjs">trunk/Source/WebInspectorUI/UserInterface/TimelineRecordTreeElement.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/ChangeLog (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/ChangeLog        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/ChangeLog        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -1,3 +1,28 @@
</span><ins>+2014-01-20  Timothy Hatcher  &lt;timothy@apple.com&gt;
+
+        Make the TimelineRecordTreeElement location subtitle live.
+
+        https://bugs.webkit.org/show_bug.cgi?id=127270
+
+        Reviewed by Joseph Pecoraro.
+
+        * Localizations/en.lproj/localizedStrings.js: Updated.
+
+        * UserInterface/SourceCodeLocation.js:
+        (WebInspector.SourceCodeLocation.prototype.originalLocationString):
+        (WebInspector.SourceCodeLocation.prototype.formattedLocationString):
+        (WebInspector.SourceCodeLocation.prototype.displayLocationString):
+        (WebInspector.SourceCodeLocation.prototype.updateDisplayString):
+        (WebInspector.SourceCodeLocation.prototype._locationString):
+        Support for a new nameStyle enum and a prefix for the location string.
+        Passing the prefix here lets it be italicized with the line number.
+        Support column number for SourceCode's without a URL too.
+
+        * UserInterface/TimelineRecordTreeElement.js:
+        (WebInspector.TimelineRecordTreeElement):
+        (WebInspector.TimelineRecordTreeElement.prototype.onattach):
+        Create a subtitle span to update the location inside. Update the tooltip on attach.
+
</ins><span class="cx"> 2014-01-19  Timothy Hatcher  &lt;timothy@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Generate better display names for timer and event Timeline records.
</span></span></pre></div>
<a id="trunkSourceWebInspectorUILocalizationsenlprojlocalizedStringsjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -1,7 +1,7 @@
</span><del>-\xFF\xFEvar localizedStrings = new Object;
</del><ins>+\xFE\xFFvar localizedStrings = new Object;
</ins><span class="cx"> 
</span><span class="cx"> localizedStrings[&quot; (Prototype)&quot;] = &quot; (Prototype)&quot;;
</span><del>-localizedStrings[&quot; (line %d)&quot;] = &quot; (line %d)&quot;;
</del><ins>+localizedStrings[&quot; (line %s)&quot;] = &quot; (line %s)&quot;;
</ins><span class="cx"> localizedStrings[&quot;%.0f B&quot;] = &quot;%.0f B&quot;;
</span><span class="cx"> localizedStrings[&quot;%.0fms&quot;] = &quot;%.0fms&quot;;
</span><span class="cx"> localizedStrings[&quot;%.1f KB&quot;] = &quot;%.1f KB&quot;;
</span><span class="lines">@@ -21,10 +21,7 @@
</span><span class="cx"> localizedStrings[&quot;%d matches&quot;] = &quot;%d matches&quot;;
</span><span class="cx"> localizedStrings[&quot;%fpx&quot;] = &quot;%fpx&quot;;
</span><span class="cx"> localizedStrings[&quot;%fpx\xB2&quot;] = &quot;%fpx\xB2&quot;;
</span><del>-localizedStrings[&quot;%s (from cache)&quot;] = &quot;%s (from cache)&quot;;
-localizedStrings[&quot;%s download&quot;] = &quot;%s download&quot;;
-localizedStrings[&quot;%s latency&quot;] = &quot;%s latency&quot;;
-localizedStrings[&quot;%s latency, %s download (%s total)&quot;] = &quot;%s latency, %s download (%s total)&quot;;
</del><ins>+localizedStrings[&quot;%s Event Dispatched&quot;] = &quot;%s Event Dispatched&quot;;
</ins><span class="cx"> localizedStrings[&quot;(anonymous function)&quot;] = &quot;(anonymous function)&quot;;
</span><span class="cx"> localizedStrings[&quot;1 match&quot;] = &quot;1 match&quot;;
</span><span class="cx"> localizedStrings[&quot;999+&quot;] = &quot;999+&quot;;
</span><span class="lines">@@ -38,16 +35,17 @@
</span><span class="cx"> localizedStrings[&quot;All&quot;] = &quot;All&quot;;
</span><span class="cx"> localizedStrings[&quot;All Exceptions&quot;] = &quot;All Exceptions&quot;;
</span><span class="cx"> localizedStrings[&quot;All Uncaught Exceptions&quot;] = &quot;All Uncaught Exceptions&quot;;
</span><del>-localizedStrings[&quot;An error occured trying to\nread the  %s  table.&quot;] = &quot;An error occured trying to\nread the  %s  table.&quot;;
</del><ins>+localizedStrings[&quot;An error occured trying to\nread the  %s  table.&quot;] = &quot;An error occured trying to\nread the  %s  table.&quot;;
</ins><span class="cx"> localizedStrings[&quot;An error occurred trying to load the resource.&quot;] = &quot;An error occurred trying to load the resource.&quot;;
</span><span class="cx"> localizedStrings[&quot;An unexpected error %s occurred.&quot;] = &quot;An unexpected error %s occurred.&quot;;
</span><span class="cx"> localizedStrings[&quot;An unexpected error occurred.&quot;] = &quot;An unexpected error occurred.&quot;;
</span><ins>+localizedStrings[&quot;Animation Frame Canceled&quot;] = &quot;Animation Frame Canceled&quot;;
</ins><span class="cx"> localizedStrings[&quot;Animation Frame Fired&quot;] = &quot;Animation Frame Fired&quot;;
</span><ins>+localizedStrings[&quot;Animation Frame Requested&quot;] = &quot;Animation Frame Requested&quot;;
</ins><span class="cx"> localizedStrings[&quot;Anonymous Script %d&quot;] = &quot;Anonymous Script %d&quot;;
</span><span class="cx"> localizedStrings[&quot;Anonymous Scripts&quot;] = &quot;Anonymous Scripts&quot;;
</span><span class="cx"> localizedStrings[&quot;Anonymous StyleSheet %d&quot;] = &quot;Anonymous StyleSheet %d&quot;;
</span><span class="cx"> localizedStrings[&quot;Application Cache&quot;] = &quot;Application Cache&quot;;
</span><del>-localizedStrings[&quot;Area&quot;] = &quot;Area&quot;;
</del><span class="cx"> localizedStrings[&quot;Assertion failed:&quot;] = &quot;Assertion failed:&quot;;
</span><span class="cx"> localizedStrings[&quot;Attribute&quot;] = &quot;Attribute&quot;;
</span><span class="cx"> localizedStrings[&quot;Attributes&quot;] = &quot;Attributes&quot;;
</span><span class="lines">@@ -99,7 +97,6 @@
</span><span class="cx"> localizedStrings[&quot;Copy Row&quot;] = &quot;Copy Row&quot;;
</span><span class="cx"> localizedStrings[&quot;Copy as HTML&quot;] = &quot;Copy as HTML&quot;;
</span><span class="cx"> localizedStrings[&quot;DOM Tree&quot;] = &quot;DOM Tree&quot;;
</span><del>-localizedStrings[&quot;DOMContent event fired at %s&quot;] = &quot;DOMContent event fired at %s&quot;;
</del><span class="cx"> localizedStrings[&quot;Data&quot;] = &quot;Data&quot;;
</span><span class="cx"> localizedStrings[&quot;Data returned from the database is too large.&quot;] = &quot;Data returned from the database is too large.&quot;;
</span><span class="cx"> localizedStrings[&quot;Database no longer has expected version.&quot;] = &quot;Database no longer has expected version.&quot;;
</span><span class="lines">@@ -128,10 +125,10 @@
</span><span class="cx"> localizedStrings[&quot;Download Web Archive&quot;] = &quot;Download Web Archive&quot;;
</span><span class="cx"> localizedStrings[&quot;Duration&quot;] = &quot;Duration&quot;;
</span><span class="cx"> localizedStrings[&quot;Edit Attribute&quot;] = &quot;Edit Attribute&quot;;
</span><del>-localizedStrings[&quot;Edit Breakpoint&amp; &quot;] = &quot;Edit Breakpoint&amp; &quot;;
</del><ins>+localizedStrings[&quot;Edit Breakpoint &amp;&quot;] = &quot;Edit Breakpoint &amp;&quot;;
</ins><span class="cx"> localizedStrings[&quot;Edit Text&quot;] = &quot;Edit Text&quot;;
</span><span class="cx"> localizedStrings[&quot;Edit as HTML&quot;] = &quot;Edit as HTML&quot;;
</span><del>-localizedStrings[&quot;Edit  %s &quot;] = &quot;Edit  %s &quot;;
</del><ins>+localizedStrings[&quot;Edit  %s &quot;] = &quot;Edit  %s &quot;;
</ins><span class="cx"> localizedStrings[&quot;Element&quot;] = &quot;Element&quot;;
</span><span class="cx"> localizedStrings[&quot;Element clips compositing descendants&quot;] = &quot;Element clips compositing descendants&quot;;
</span><span class="cx"> localizedStrings[&quot;Element establishes a stacking context&quot;] = &quot;Element establishes a stacking context&quot;;
</span><span class="lines">@@ -144,12 +141,12 @@
</span><span class="cx"> localizedStrings[&quot;Element has children with a negative z-index&quot;] = &quot;Element has children with a negative z-index&quot;;
</span><span class="cx"> localizedStrings[&quot;Element has opacity applied and composited descendants&quot;] = &quot;Element has opacity applied and composited descendants&quot;;
</span><span class="cx"> localizedStrings[&quot;Element has perspective applied&quot;] = &quot;Element has perspective applied&quot;;
</span><del>-localizedStrings[&quot;Element has  -webkit-overflow-scrolling: touch  style&quot;] = &quot;Element has  -webkit-overflow-scrolling: touch  style&quot;;
-localizedStrings[&quot;Element has  backface-visibility: hidden  style&quot;] = &quot;Element has  backface-visibility: hidden  style&quot;;
-localizedStrings[&quot;Element has  blend-mode  style&quot;] = &quot;Element has  blend-mode  style&quot;;
-localizedStrings[&quot;Element has  position: fixed  style&quot;] = &quot;Element has  position: fixed  style&quot;;
-localizedStrings[&quot;Element has  position: sticky  style&quot;] = &quot;Element has  position: sticky  style&quot;;
-localizedStrings[&quot;Element has  transform-style: preserve-3d  style&quot;] = &quot;Element has  transform-style: preserve-3d  style&quot;;
</del><ins>+localizedStrings[&quot;Element has  -webkit-overflow-scrolling: touch  style&quot;] = &quot;Element has  -webkit-overflow-scrolling: touch  style&quot;;
+localizedStrings[&quot;Element has  backface-visibility: hidden  style&quot;] = &quot;Element has  backface-visibility: hidden  style&quot;;
+localizedStrings[&quot;Element has  blend-mode  style&quot;] = &quot;Element has  blend-mode  style&quot;;
+localizedStrings[&quot;Element has  position: fixed  style&quot;] = &quot;Element has  position: fixed  style&quot;;
+localizedStrings[&quot;Element has  position: sticky  style&quot;] = &quot;Element has  position: sticky  style&quot;;
+localizedStrings[&quot;Element has  transform-style: preserve-3d  style&quot;] = &quot;Element has  transform-style: preserve-3d  style&quot;;
</ins><span class="cx"> localizedStrings[&quot;Element is &lt;canvas&gt;&quot;] = &quot;Element is &lt;canvas&gt;&quot;;
</span><span class="cx"> localizedStrings[&quot;Element is &lt;iframe&gt;&quot;] = &quot;Element is &lt;iframe&gt;&quot;;
</span><span class="cx"> localizedStrings[&quot;Element is &lt;video&gt;&quot;] = &quot;Element is &lt;video&gt;&quot;;
</span><span class="lines">@@ -174,9 +171,9 @@
</span><span class="cx"> localizedStrings[&quot;Extension Scripts&quot;] = &quot;Extension Scripts&quot;;
</span><span class="cx"> localizedStrings[&quot;Extra Scripts&quot;] = &quot;Extra Scripts&quot;;
</span><span class="cx"> localizedStrings[&quot;Filename&quot;] = &quot;Filename&quot;;
</span><ins>+localizedStrings[&quot;Filter %s&quot;] = &quot;Filter %s&quot;;
</ins><span class="cx"> localizedStrings[&quot;Filter Breakpoint List&quot;] = &quot;Filter Breakpoint List&quot;;
</span><span class="cx"> localizedStrings[&quot;Filter Console Log&quot;] = &quot;Filter Console Log&quot;;
</span><del>-localizedStrings[&quot;Filter Profile List&quot;] = &quot;Filter Profile List&quot;;
</del><span class="cx"> localizedStrings[&quot;Filter Resource List&quot;] = &quot;Filter Resource List&quot;;
</span><span class="cx"> localizedStrings[&quot;Filter Search Results&quot;] = &quot;Filter Search Results&quot;;
</span><span class="cx"> localizedStrings[&quot;Flows&quot;] = &quot;Flows&quot;;
</span><span class="lines">@@ -212,12 +209,9 @@
</span><span class="cx"> localizedStrings[&quot;Initiator&quot;] = &quot;Initiator&quot;;
</span><span class="cx"> localizedStrings[&quot;Input: &quot;] = &quot;Input: &quot;;
</span><span class="cx"> localizedStrings[&quot;Inspect&quot;] = &quot;Inspect&quot;;
</span><del>-localizedStrings[&quot;Invalidate Layout&quot;] = &quot;Invalidate Layout&quot;;
-localizedStrings[&quot;Invalidate Styles&quot;] = &quot;Invalidate Styles&quot;;
</del><span class="cx"> localizedStrings[&quot;Invert call tree&quot;] = &quot;Invert call tree&quot;;
</span><span class="cx"> localizedStrings[&quot;JAVASCRIPT PROFILES&quot;] = &quot;JAVASCRIPT PROFILES&quot;;
</span><span class="cx"> localizedStrings[&quot;JavaScript &amp; Events&quot;] = &quot;JavaScript &amp; Events&quot;;
</span><del>-localizedStrings[&quot;JavaScript Profile %d&quot;] = &quot;JavaScript Profile %d&quot;;
</del><span class="cx"> localizedStrings[&quot;JavaScript profiles show where the execution time is spent in your page's JavaScript functions.&quot;] = &quot;JavaScript profiles show where the execution time is spent in your page's JavaScript functions.&quot;;
</span><span class="cx"> localizedStrings[&quot;Key&quot;] = &quot;Key&quot;;
</span><span class="cx"> localizedStrings[&quot;Latency&quot;] = &quot;Latency&quot;;
</span><span class="lines">@@ -227,10 +221,10 @@
</span><span class="cx"> localizedStrings[&quot;Layers&quot;] = &quot;Layers&quot;;
</span><span class="cx"> localizedStrings[&quot;Layout&quot;] = &quot;Layout&quot;;
</span><span class="cx"> localizedStrings[&quot;Layout &amp; Rendering&quot;] = &quot;Layout &amp; Rendering&quot;;
</span><ins>+localizedStrings[&quot;Layout Invalidated&quot;] = &quot;Layout Invalidated&quot;;
</ins><span class="cx"> localizedStrings[&quot;Line %d&quot;] = &quot;Line %d&quot;;
</span><span class="cx"> localizedStrings[&quot;Line %d:%d&quot;] = &quot;Line %d:%d&quot;;
</span><span class="cx"> localizedStrings[&quot;Line Number&quot;] = &quot;Line Number&quot;;
</span><del>-localizedStrings[&quot;Load event fired at %s&quot;] = &quot;Load event fired at %s&quot;;
</del><span class="cx"> localizedStrings[&quot;Local File&quot;] = &quot;Local File&quot;;
</span><span class="cx"> localizedStrings[&quot;Local Storage&quot;] = &quot;Local Storage&quot;;
</span><span class="cx"> localizedStrings[&quot;Local Variables&quot;] = &quot;Local Variables&quot;;
</span><span class="lines">@@ -265,7 +259,6 @@
</span><span class="cx"> localizedStrings[&quot;No Properties&quot;] = &quot;No Properties&quot;;
</span><span class="cx"> localizedStrings[&quot;No Properties \u2014 Click to Edit&quot;] = &quot;No Properties \u2014 Click to Edit&quot;;
</span><span class="cx"> localizedStrings[&quot;No Query Parameters&quot;] = &quot;No Query Parameters&quot;;
</span><del>-localizedStrings[&quot;No Recorded Profiles&quot;] = &quot;No Recorded Profiles&quot;;
</del><span class="cx"> localizedStrings[&quot;No Request Headers&quot;] = &quot;No Request Headers&quot;;
</span><span class="cx"> localizedStrings[&quot;No Response Headers&quot;] = &quot;No Response Headers&quot;;
</span><span class="cx"> localizedStrings[&quot;No Search Results&quot;] = &quot;No Search Results&quot;;
</span><span class="lines">@@ -291,18 +284,15 @@
</span><span class="cx"> localizedStrings[&quot;Probe Expression&quot;] = &quot;Probe Expression&quot;;
</span><span class="cx"> localizedStrings[&quot;Processing Instruction&quot;] = &quot;Processing Instruction&quot;;
</span><span class="cx"> localizedStrings[&quot;Profile %d&quot;] = &quot;Profile %d&quot;;
</span><del>-localizedStrings[&quot;Profiles&quot;] = &quot;Profiles&quot;;
-localizedStrings[&quot;Profiling&quot;] = &quot;Profiling&quot;;
</del><span class="cx"> localizedStrings[&quot;Properties&quot;] = &quot;Properties&quot;;
</span><span class="cx"> localizedStrings[&quot;Query Parameters&quot;] = &quot;Query Parameters&quot;;
</span><span class="cx"> localizedStrings[&quot;Query String&quot;] = &quot;Query String&quot;;
</span><span class="cx"> localizedStrings[&quot;Range Issue&quot;] = &quot;Range Issue&quot;;
</span><span class="cx"> localizedStrings[&quot;Reasons for compositing:&quot;] = &quot;Reasons for compositing:&quot;;
</span><del>-localizedStrings[&quot;Recalculate Styles&quot;] = &quot;Recalculate Styles&quot;;
-localizedStrings[&quot;Recording&quot;] = &quot;Recording&quot;;
-localizedStrings[&quot;Recording Canvas Profile&amp; &quot;] = &quot;Recording Canvas Profile&amp; &quot;;
</del><ins>+localizedStrings[&quot;Recording Canvas Profile &amp;&quot;] = &quot;Recording Canvas Profile &amp;&quot;;
</ins><span class="cx"> localizedStrings[&quot;Recording JavaScript Profile\u2026&quot;] = &quot;Recording JavaScript Profile\u2026&quot;;
</span><span class="cx"> localizedStrings[&quot;Recording\u2026&quot;] = &quot;Recording\u2026&quot;;
</span><ins>+localizedStrings[&quot;Records&quot;] = &quot;Records&quot;;
</ins><span class="cx"> localizedStrings[&quot;Reference Issue&quot;] = &quot;Reference Issue&quot;;
</span><span class="cx"> localizedStrings[&quot;Reflection&quot;] = &quot;Reflection&quot;;
</span><span class="cx"> localizedStrings[&quot;Refresh&quot;] = &quot;Refresh&quot;;
</span><span class="lines">@@ -322,7 +312,6 @@
</span><span class="cx"> localizedStrings[&quot;Reveal in Debugger Navigation Sidebar&quot;] = &quot;Reveal in Debugger Navigation Sidebar&quot;;
</span><span class="cx"> localizedStrings[&quot;Reveal in Original Resource&quot;] = &quot;Reveal in Original Resource&quot;;
</span><span class="cx"> localizedStrings[&quot;Rules&quot;] = &quot;Rules&quot;;
</span><del>-localizedStrings[&quot;Run %d&quot;] = &quot;Run %d&quot;;
</del><span class="cx"> localizedStrings[&quot;Scheme&quot;] = &quot;Scheme&quot;;
</span><span class="cx"> localizedStrings[&quot;Scope Chain&quot;] = &quot;Scope Chain&quot;;
</span><span class="cx"> localizedStrings[&quot;Script&quot;] = &quot;Script&quot;;
</span><span class="lines">@@ -356,12 +345,8 @@
</span><span class="cx"> localizedStrings[&quot;Socket&quot;] = &quot;Socket&quot;;
</span><span class="cx"> localizedStrings[&quot;Sockets&quot;] = &quot;Sockets&quot;;
</span><span class="cx"> localizedStrings[&quot;Source Code&quot;] = &quot;Source Code&quot;;
</span><del>-localizedStrings[&quot;Start Canvas Profile&quot;] = &quot;Start Canvas Profile&quot;;
</del><span class="cx"> localizedStrings[&quot;Start Canvas profiling.&quot;] = &quot;Start Canvas profiling.&quot;;
</span><del>-localizedStrings[&quot;Start JavaScript Profile&quot;] = &quot;Start JavaScript Profile&quot;;
</del><span class="cx"> localizedStrings[&quot;Start JavaScript profiling.&quot;] = &quot;Start JavaScript profiling.&quot;;
</span><del>-localizedStrings[&quot;Start Profiling&quot;] = &quot;Start Profiling&quot;;
-localizedStrings[&quot;Start Recording&quot;] = &quot;Start Recording&quot;;
</del><span class="cx"> localizedStrings[&quot;Start Time&quot;] = &quot;Start Time&quot;;
</span><span class="cx"> localizedStrings[&quot;Status&quot;] = &quot;Status&quot;;
</span><span class="cx"> localizedStrings[&quot;Step into (%s or %s)&quot;] = &quot;Step into (%s or %s)&quot;;
</span><span class="lines">@@ -369,30 +354,31 @@
</span><span class="cx"> localizedStrings[&quot;Step over (%s or %s)&quot;] = &quot;Step over (%s or %s)&quot;;
</span><span class="cx"> localizedStrings[&quot;Stop Canvas profiling.&quot;] = &quot;Stop Canvas profiling.&quot;;
</span><span class="cx"> localizedStrings[&quot;Stop JavaScript profiling.&quot;] = &quot;Stop JavaScript profiling.&quot;;
</span><del>-localizedStrings[&quot;Stop Profiling&quot;] = &quot;Stop Profiling&quot;;
-localizedStrings[&quot;Stop Recording&quot;] = &quot;Stop Recording&quot;;
</del><span class="cx"> localizedStrings[&quot;Storage&quot;] = &quot;Storage&quot;;
</span><span class="cx"> localizedStrings[&quot;Style&quot;] = &quot;Style&quot;;
</span><span class="cx"> localizedStrings[&quot;Style Attribute&quot;] = &quot;Style Attribute&quot;;
</span><span class="cx"> localizedStrings[&quot;Styles&quot;] = &quot;Styles&quot;;
</span><ins>+localizedStrings[&quot;Styles Invalidated&quot;] = &quot;Styles Invalidated&quot;;
+localizedStrings[&quot;Styles Recalculated&quot;] = &quot;Styles Recalculated&quot;;
</ins><span class="cx"> localizedStrings[&quot;Stylesheet&quot;] = &quot;Stylesheet&quot;;
</span><span class="cx"> localizedStrings[&quot;Stylesheets&quot;] = &quot;Stylesheets&quot;;
</span><span class="cx"> localizedStrings[&quot;Text Node&quot;] = &quot;Text Node&quot;;
</span><span class="cx"> localizedStrings[&quot;Text Only&quot;] = &quot;Text Only&quot;;
</span><del>-localizedStrings[&quot;The  %s \ntable is empty.&quot;] = &quot;The  %s \ntable is empty.&quot;;
</del><ins>+localizedStrings[&quot;The  %s \ntable is empty.&quot;] = &quot;The  %s \ntable is empty.&quot;;
</ins><span class="cx"> localizedStrings[&quot;Time until the load event fired, click to show the Network Requests timeline&quot;] = &quot;Time until the load event fired, click to show the Network Requests timeline&quot;;
</span><del>-localizedStrings[&quot;Timeline&quot;] = &quot;Timeline&quot;;
</del><ins>+localizedStrings[&quot;Timeline Events&quot;] = &quot;Timeline Events&quot;;
</ins><span class="cx"> localizedStrings[&quot;Timelines&quot;] = &quot;Timelines&quot;;
</span><ins>+localizedStrings[&quot;Timer %s Fired&quot;] = &quot;Timer %s Fired&quot;;
+localizedStrings[&quot;Timer %s Installed&quot;] = &quot;Timer %s Installed&quot;;
+localizedStrings[&quot;Timer %s Removed&quot;] = &quot;Timer %s Removed&quot;;
</ins><span class="cx"> localizedStrings[&quot;Timer Fired&quot;] = &quot;Timer Fired&quot;;
</span><span class="cx"> localizedStrings[&quot;Timer Installed&quot;] = &quot;Timer Installed&quot;;
</span><span class="cx"> localizedStrings[&quot;Timer Removed&quot;] = &quot;Timer Removed&quot;;
</span><del>-localizedStrings[&quot;Timestamp marker at %s&quot;] = &quot;Timestamp marker at %s&quot;;
</del><span class="cx"> localizedStrings[&quot;Tip: &quot;] = &quot;Tip: &quot;;
</span><span class="cx"> localizedStrings[&quot;Total&quot;] = &quot;Total&quot;;
</span><span class="cx"> localizedStrings[&quot;Total number of resources, click to show the Resources navigation sidebar&quot;] = &quot;Total number of resources, click to show the Resources navigation sidebar&quot;;
</span><span class="cx"> localizedStrings[&quot;Total size of all resources, click to show the Network Requests timeline&quot;] = &quot;Total size of all resources, click to show the Network Requests timeline&quot;;
</span><span class="cx"> localizedStrings[&quot;Transfered&quot;] = &quot;Transfered&quot;;
</span><del>-localizedStrings[&quot;Transferred&quot;] = &quot;Transferred&quot;;
</del><span class="cx"> localizedStrings[&quot;Type&quot;] = &quot;Type&quot;;
</span><span class="cx"> localizedStrings[&quot;Type Issue&quot;] = &quot;Type Issue&quot;;
</span><span class="cx"> localizedStrings[&quot;Unknown node&quot;] = &quot;Unknown node&quot;;
</span><span class="lines">@@ -409,7 +395,7 @@
</span><span class="cx"> localizedStrings[&quot;XHR&quot;] = &quot;XHR&quot;;
</span><span class="cx"> localizedStrings[&quot;XHRs&quot;] = &quot;XHRs&quot;;
</span><span class="cx"> localizedStrings[&quot;Yes&quot;] = &quot;Yes&quot;;
</span><ins>+localizedStrings[&quot;line &quot;] = &quot;line &quot;;
</ins><span class="cx"> localizedStrings[&quot;originally %s&quot;] = &quot;originally %s&quot;;
</span><span class="cx"> localizedStrings[&quot;undefined \xD7 %d&quot;] = &quot;undefined \xD7 %d&quot;;
</span><span class="cx"> localizedStrings[&quot;via inspector&quot;] = &quot;via inspector&quot;;
</span><del>-
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceLayoutTimelineViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/LayoutTimelineView.js (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/LayoutTimelineView.js        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/UserInterface/LayoutTimelineView.js        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -128,7 +128,7 @@
</span><span class="cx">             return;
</span><span class="cx"> 
</span><span class="cx">         for (var layoutTimelineRecord of this._pendingRecords) {
</span><del>-            var treeElement = new WebInspector.TimelineRecordTreeElement(layoutTimelineRecord, true);
</del><ins>+            var treeElement = new WebInspector.TimelineRecordTreeElement(layoutTimelineRecord, WebInspector.SourceCodeLocation.NameStyle.Short);
</ins><span class="cx">             var dataGridNode = new WebInspector.LayoutTimelineDataGridNode(layoutTimelineRecord, this.zeroTime);
</span><span class="cx"> 
</span><span class="cx">             this._dataGrid.addRowInSortOrder(treeElement, dataGridNode);
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceScriptTimelineViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/ScriptTimelineView.js (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/ScriptTimelineView.js        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/UserInterface/ScriptTimelineView.js        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -122,7 +122,7 @@
</span><span class="cx">             return;
</span><span class="cx"> 
</span><span class="cx">         for (var scriptTimelineRecord of this._pendingRecords) {
</span><del>-            var treeElement = new WebInspector.TimelineRecordTreeElement(scriptTimelineRecord, true, true);
</del><ins>+            var treeElement = new WebInspector.TimelineRecordTreeElement(scriptTimelineRecord, WebInspector.SourceCodeLocation.NameStyle.Short, true);
</ins><span class="cx">             var dataGridNode = new WebInspector.ScriptTimelineDataGridNode(scriptTimelineRecord, this.zeroTime);
</span><span class="cx"> 
</span><span class="cx">             this._dataGrid.addRowInSortOrder(treeElement, dataGridNode);
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceSourceCodeLocationjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/SourceCodeLocation.js (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/SourceCodeLocation.js        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/UserInterface/SourceCodeLocation.js        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -48,11 +48,18 @@
</span><span class="cx"> WebInspector.SourceCodeLocation.DisplayLocationClassName = &quot;display-location&quot;;
</span><span class="cx"> 
</span><span class="cx"> WebInspector.SourceCodeLocation.LargeColumnNumber = 80;
</span><ins>+
+WebInspector.SourceCodeLocation.NameStyle = {
+    None: &quot;none&quot;, // File name not included.
+    Short: &quot;short&quot;, // Only the file name.
+    Full: &quot;full&quot; // Full URL is used.
+};
+
</ins><span class="cx"> WebInspector.SourceCodeLocation.ColumnStyle = {
</span><span class="cx">     Hidden: &quot;hidden&quot;,             // column numbers are not included.
</span><span class="cx">     OnlyIfLarge: &quot;only-if-large&quot;, // column numbers greater than 80 are shown.
</span><span class="cx">     Shown: &quot;shown&quot;                // non-zero column numbers are shown.
</span><del>-}
</del><ins>+};
</ins><span class="cx"> 
</span><span class="cx"> WebInspector.SourceCodeLocation.Event = {
</span><span class="cx">     LocationChanged: &quot;source-code-location-location-changed&quot;,
</span><span class="lines">@@ -162,28 +169,28 @@
</span><span class="cx"> 
</span><span class="cx">     // User presentable location strings: &quot;file:lineNumber:columnNumber&quot;.
</span><span class="cx"> 
</span><del>-    originalLocationString: function(columnStyle, fullURL)
</del><ins>+    originalLocationString: function(columnStyle, nameStyle, prefix)
</ins><span class="cx">     {
</span><del>-        return this._locationString(this.sourceCode, this.lineNumber, this.columnNumber, columnStyle, fullURL);
</del><ins>+        return this._locationString(this.sourceCode, this.lineNumber, this.columnNumber, columnStyle, nameStyle, prefix);
</ins><span class="cx">     },
</span><span class="cx"> 
</span><del>-    formattedLocationString: function(columnStyle, fullURL)
</del><ins>+    formattedLocationString: function(columnStyle, nameStyle, prefix)
</ins><span class="cx">     {
</span><del>-        return this._locationString(this.sourceCode, this.formattedLineNumber, this.formattedColumn, columnStyle, fullURL);
</del><ins>+        return this._locationString(this.sourceCode, this.formattedLineNumber, this.formattedColumn, columnStyle, nameStyle, prefix);
</ins><span class="cx">     },
</span><span class="cx"> 
</span><del>-    displayLocationString: function(columnStyle, fullURL)
</del><ins>+    displayLocationString: function(columnStyle, nameStyle, prefix)
</ins><span class="cx">     {
</span><del>-        return this._locationString(this.displaySourceCode, this.displayLineNumber, this.displayColumnNumber, columnStyle, fullURL);
</del><ins>+        return this._locationString(this.displaySourceCode, this.displayLineNumber, this.displayColumnNumber, columnStyle, nameStyle, prefix);
</ins><span class="cx">     },
</span><span class="cx"> 
</span><span class="cx">     tooltipString: function()
</span><span class="cx">     {
</span><span class="cx">         if (!this.hasDifferentDisplayLocation())
</span><del>-            return this.originalLocationString(WebInspector.SourceCodeLocation.ColumnStyle.Shown, true);
</del><ins>+            return this.originalLocationString(WebInspector.SourceCodeLocation.ColumnStyle.Shown, WebInspector.SourceCodeLocation.NameStyle.Full);
</ins><span class="cx"> 
</span><del>-        var tooltip = WebInspector.UIString(&quot;Located at %s&quot;).format(this.displayLocationString(WebInspector.SourceCodeLocation.ColumnStyle.Shown, true));
-        tooltip += &quot;\n&quot; + WebInspector.UIString(&quot;Originally %s&quot;).format(this.originalLocationString(WebInspector.SourceCodeLocation.ColumnStyle.Shown, true));
</del><ins>+        var tooltip = WebInspector.UIString(&quot;Located at %s&quot;).format(this.displayLocationString(WebInspector.SourceCodeLocation.ColumnStyle.Shown, WebInspector.SourceCodeLocation.NameStyle.Full));
+        tooltip += &quot;\n&quot; + WebInspector.UIString(&quot;Originally %s&quot;).format(this.originalLocationString(WebInspector.SourceCodeLocation.ColumnStyle.Shown, WebInspector.SourceCodeLocation.NameStyle.Full));
</ins><span class="cx">         return tooltip;
</span><span class="cx">     },
</span><span class="cx"> 
</span><span class="lines">@@ -240,7 +247,7 @@
</span><span class="cx">         }, this);
</span><span class="cx">     },
</span><span class="cx"> 
</span><del>-    populateLiveDisplayLocationString: function(element, propertyName)
</del><ins>+    populateLiveDisplayLocationString: function(element, propertyName, columnStyle, nameStyle, prefix)
</ins><span class="cx">     {
</span><span class="cx">         var currentDisplay = undefined;
</span><span class="cx"> 
</span><span class="lines">@@ -252,17 +259,11 @@
</span><span class="cx">             currentDisplay = showAlternativeLocation;
</span><span class="cx"> 
</span><span class="cx">             if (!showAlternativeLocation) {
</span><del>-                element[propertyName] = this.displayLocationString();
-
-                if (this.hasDifferentDisplayLocation())
-                    element.classList.add(WebInspector.SourceCodeLocation.DisplayLocationClassName);
-                else
-                    element.classList.remove(WebInspector.SourceCodeLocation.DisplayLocationClassName);
-            } else {
-                if (this.hasDifferentDisplayLocation()) {
-                    element[propertyName] = this.originalLocationString();
-                    element.classList.remove(WebInspector.SourceCodeLocation.DisplayLocationClassName);
-                }
</del><ins>+                element[propertyName] = this.displayLocationString(columnStyle, nameStyle, prefix);
+                element.classList.toggle(WebInspector.SourceCodeLocation.DisplayLocationClassName, this.hasDifferentDisplayLocation());
+            } else if (this.hasDifferentDisplayLocation()) {
+                element[propertyName] = this.originalLocationString(columnStyle, nameStyle, prefix);
+                element.classList.remove(WebInspector.SourceCodeLocation.DisplayLocationClassName);
</ins><span class="cx">             }
</span><span class="cx">         }
</span><span class="cx"> 
</span><span class="lines">@@ -288,25 +289,35 @@
</span><span class="cx"> 
</span><span class="cx">     // Private
</span><span class="cx"> 
</span><del>-    _locationString: function(sourceCode, lineNumber, columnNumber, columnStyle, fullURL)
</del><ins>+    _locationString: function(sourceCode, lineNumber, columnNumber, columnStyle, nameStyle, prefix)
</ins><span class="cx">     {
</span><span class="cx">         console.assert(sourceCode);
</span><span class="cx">         if (!sourceCode)
</span><span class="cx">             return &quot;&quot;;
</span><span class="cx"> 
</span><span class="cx">         columnStyle = columnStyle || WebInspector.SourceCodeLocation.ColumnStyle.OnlyIfLarge;
</span><ins>+        nameStyle = nameStyle || WebInspector.SourceCodeLocation.NameStyle.Short;
+        prefix = prefix || &quot;&quot;;
</ins><span class="cx"> 
</span><del>-        var string = fullURL &amp;&amp; sourceCode.url ? sourceCode.url : sourceCode.displayName;
-        if (sourceCode.url) {
-            string += &quot;:&quot; + (lineNumber + 1); // The user visible line number is 1-based.
-            if (columnStyle === WebInspector.SourceCodeLocation.ColumnStyle.Shown &amp;&amp; columnNumber &gt; 0)
-                string += &quot;:&quot; + (columnNumber + 1); // The user visible column number is 1-based.
-            else if (columnStyle === WebInspector.SourceCodeLocation.ColumnStyle.OnlyIfLarge &amp;&amp; columnNumber &gt; WebInspector.SourceCodeLocation.LargeColumnNumber)
-                string += &quot;:&quot; + (columnNumber + 1); // The user visible column number is 1-based.
-        } else
-            string += WebInspector.UIString(&quot; (line %d)&quot;).format(lineNumber + 1); // The user visible line number is 1-based.
</del><ins>+        var lineString = lineNumber + 1; // The user visible line number is 1-based.
+        if (columnStyle === WebInspector.SourceCodeLocation.ColumnStyle.Shown &amp;&amp; columnNumber &gt; 0)
+            lineString += &quot;:&quot; + (columnNumber + 1); // The user visible column number is 1-based.
+        else if (columnStyle === WebInspector.SourceCodeLocation.ColumnStyle.OnlyIfLarge &amp;&amp; columnNumber &gt; WebInspector.SourceCodeLocation.LargeColumnNumber)
+            lineString += &quot;:&quot; + (columnNumber + 1); // The user visible column number is 1-based.
</ins><span class="cx"> 
</span><del>-        return string;
</del><ins>+        switch (nameStyle) {
+        case WebInspector.SourceCodeLocation.NameStyle.None:
+            return prefix + lineString;
+
+        case WebInspector.SourceCodeLocation.NameStyle.Short:
+        case WebInspector.SourceCodeLocation.NameStyle.Full:
+            var lineSuffix = sourceCode.url ? &quot;:&quot; + lineString : WebInspector.UIString(&quot; (line %s)&quot;).format(lineString);
+            return prefix + (nameStyle === WebInspector.SourceCodeLocation.NameStyle.Full &amp;&amp; sourceCode.url ? sourceCode.url : sourceCode.displayName) + lineSuffix;
+
+        default:
+            console.error(&quot;Unknown nameStyle: &quot; + nameStyle);
+            return prefix + lineString;
+        }
</ins><span class="cx">     },
</span><span class="cx"> 
</span><span class="cx">     _resetMappedLocation: function()
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceSourceCodeTimelineTreeElementjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/SourceCodeTimelineTreeElement.js (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/SourceCodeTimelineTreeElement.js        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/UserInterface/SourceCodeTimelineTreeElement.js        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -23,13 +23,15 @@
</span><span class="cx">  * THE POSSIBILITY OF SUCH DAMAGE.
</span><span class="cx">  */
</span><span class="cx"> 
</span><del>-WebInspector.SourceCodeTimelineTreeElement = function(sourceCodeTimeline, showFullLocationSubtitle, includeTimerIdentifierInMainTitle)
</del><ins>+WebInspector.SourceCodeTimelineTreeElement = function(sourceCodeTimeline, subtitleNameStyle, includeTimerIdentifierInMainTitle)
</ins><span class="cx"> {
</span><span class="cx">     console.assert(sourceCodeTimeline);
</span><span class="cx"> 
</span><span class="cx">     this._sourceCodeTimeline = sourceCodeTimeline;
</span><span class="cx"> 
</span><del>-    WebInspector.TimelineRecordTreeElement.call(this, sourceCodeTimeline.records[0], showFullLocationSubtitle, includeTimerIdentifierInMainTitle, sourceCodeTimeline.sourceCodeLocation, sourceCodeTimeline);
</del><ins>+    subtitleNameStyle = subtitleNameStyle || WebInspector.SourceCodeLocation.NameStyle.None;
+
+    WebInspector.TimelineRecordTreeElement.call(this, sourceCodeTimeline.records[0], subtitleNameStyle, includeTimerIdentifierInMainTitle, sourceCodeTimeline.sourceCodeLocation, sourceCodeTimeline);
</ins><span class="cx"> };
</span><span class="cx"> 
</span><span class="cx"> WebInspector.SourceCodeTimelineTreeElement.prototype = {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceTimelineRecordTreeElementjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/TimelineRecordTreeElement.js (162420 => 162421)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/TimelineRecordTreeElement.js        2014-01-21 02:56:36 UTC (rev 162420)
+++ trunk/Source/WebInspectorUI/UserInterface/TimelineRecordTreeElement.js        2014-01-21 02:56:45 UTC (rev 162421)
</span><span class="lines">@@ -23,7 +23,7 @@
</span><span class="cx">  * THE POSSIBILITY OF SUCH DAMAGE.
</span><span class="cx">  */
</span><span class="cx"> 
</span><del>-WebInspector.TimelineRecordTreeElement = function(timelineRecord, showFullLocationSubtitle, includeTimerIdentifierInMainTitle, sourceCodeLocation, representedObject)
</del><ins>+WebInspector.TimelineRecordTreeElement = function(timelineRecord, subtitleNameStyle, includeTimerIdentifierInMainTitle, sourceCodeLocation, representedObject)
</ins><span class="cx"> {
</span><span class="cx">     console.assert(timelineRecord);
</span><span class="cx"> 
</span><span class="lines">@@ -34,15 +34,12 @@
</span><span class="cx">     var subtitle = &quot;&quot;;
</span><span class="cx"> 
</span><span class="cx">     if (this._sourceCodeLocation) {
</span><del>-        // FIXME: This needs to live update the subtitle in response to the WebInspector.SourceCodeLocation.Event.DisplayLocationChanged event.
</del><ins>+        subtitle = document.createElement(&quot;span&quot;);
</ins><span class="cx"> 
</span><del>-        if (showFullLocationSubtitle) {
-            subtitle = this._sourceCodeLocation.displayLocationString(WebInspector.SourceCodeLocation.ColumnStyle.OnlyIfLarge);
-        } else {
-            subtitle = WebInspector.UIString(&quot;line &quot;) + (this._sourceCodeLocation.displayLineNumber + 1); // The user visible line number is 1-based.
-            if (this._sourceCodeLocation.displayColumnNumber &gt; WebInspector.SourceCodeLocation.LargeColumnNumber)
-                subtitle += &quot;:&quot; + (this._sourceCodeLocation.displayColumnNumber + 1); // The user visible column number is 1-based.
-        }
</del><ins>+        if (subtitleNameStyle !== WebInspector.SourceCodeLocation.NameStyle.None)
+            this._sourceCodeLocation.populateLiveDisplayLocationString(subtitle, &quot;textContent&quot;, null, subtitleNameStyle);
+        else
+            this._sourceCodeLocation.populateLiveDisplayLocationString(subtitle, &quot;textContent&quot;, null, WebInspector.SourceCodeLocation.NameStyle.None, WebInspector.UIString(&quot;line &quot;));
</ins><span class="cx">     }
</span><span class="cx"> 
</span><span class="cx">     var iconStyleClass = null;
</span><span class="lines">@@ -102,6 +99,9 @@
</span><span class="cx">     WebInspector.GeneralTreeElement.call(this, [iconStyleClass], title, subtitle, representedObject || timelineRecord, false);
</span><span class="cx"> 
</span><span class="cx">     this.small = true;
</span><ins>+
+    if (this._sourceCodeLocation)
+        this.tooltipHandledSeparately = true;
</ins><span class="cx"> };
</span><span class="cx"> 
</span><span class="cx"> WebInspector.TimelineRecordTreeElement.StyleRecordIconStyleClass = &quot;style-record&quot;;
</span><span class="lines">@@ -127,5 +127,20 @@
</span><span class="cx">     {
</span><span class="cx">         var url = this._sourceCodeLocation ? this._sourceCodeLocation.sourceCode.url : &quot;&quot;;
</span><span class="cx">         return {text: [this.mainTitle, url || &quot;&quot;, this._record.details || &quot;&quot;]};
</span><ins>+    },
+
+    // Protected
+
+    onattach: function()
+    {
+        WebInspector.GeneralTreeElement.prototype.onattach.call(this);
+
+        console.assert(this.element);
+
+        if (!this.tooltipHandledSeparately)
+            return;
+
+        var tooltipPrefix = this.mainTitle + &quot;\n&quot;;
+        this._sourceCodeLocation.populateLiveDisplayLocationTooltip(this.element, tooltipPrefix);
</ins><span class="cx">     }
</span><span class="cx"> };
</span></span></pre>
</div>
</div>

</body>
</html>