added file:line and a way to mark lines important

Author: splitbrain

index.php

@@ -34,12 +34,16 @@
     <li>click a function name to collapse all calls to the same function</li>
     <li>click the parameter list to expand it</li>
     <li>click the return list to expand it</li>
-    <li>use the checkbox to hide all PHP internal functions</li>
+    <li>click the time to mark the line important</li>
+    <li>use checkboxes to hide all PHP internal functions or limit to important lines</li>
 </ul>
 
 <form class="options">
-    <input type="checkbox" value="1" checked="checked" id="internal"><label for="internal">Show internal
-        functions</label>
+    <input type="checkbox" value="1" checked="checked" id="internal">
+    <label for="internal">Show internal functions</label>
+
+    <input type="checkbox" value="1" id="marked">
+    <label for="marked">Show important only (slow)</label>
 </form>
 
 

res/XDebugParser.php

@@ -92,6 +92,7 @@ function getTraceHTML()
         echo '<div class="f header">';
         echo '<div class="func">Function Call</div>';
         echo '<div class="data">';
+        echo '<span class="file">File:Line</span>';
         echo '<span class="timediff">ΔTime</span>';
         echo '<span class="memorydiff">ΔMemory</span>';
         echo '<span class="time">Time</span>';
@@ -128,6 +129,7 @@ function getTraceHTML()
             echo '</div>';
 
             echo '<div class="data">';
+            echo '<span class="file" title="'.htmlspecialchars($func['file'].':'.$func['line']).'">'.htmlspecialchars(basename($func['file']).':'.$func['line']).'</span>';
             echo '<span class="timediff">' . sprintf('%f', $func['time.diff']) . '</span>';
             echo '<span class="memorydiff">' . sprintf('%d', $func['memory.diff']) . '</span>';
             echo '<span class="time">' . sprintf('%f', $func['time.enter']) . '</span>';

res/script.js

@@ -1,24 +1,27 @@
 $(function(){
 
-
+    /* hide blocks */
     $('div.d, div.f').click(function (e) {
         if (e.target !== this) return;
         $(this).toggleClass('hide');
         e.preventDefault();
         e.stopPropagation();
     });
 
+    /* collapse parameters */
     $('span.params, span.return').click(function (e) {
         if (e.target !== this) return;
         $(this).toggleClass('short');
         e.preventDefault();
         e.stopPropagation();
     });
 
+    /* hide internal funcs */
     $('#internal').change(function(){
         $('div.i').toggle();
     });
 
+    /* hide functions */
     $('span.name').click(function(e){
         if (e.target !== this) return;
 
@@ -29,4 +32,20 @@ $(function(){
         e.preventDefault();
         e.stopPropagation();
     });
+
+    /* mark important */
+    $('span.time').click(function(e){
+        if (e.target !== this) return;
+
+        $(this).closest('div.f').toggleClass('mark');
+
+        e.preventDefault();
+        e.stopPropagation();
+    });
+
+    /* hide internal funcs */
+    $('#marked').change(function(){
+        $('div.f').toggle();
+        $('div.f.mark').show();
+    });
 });

res/style.css

@@ -1,3 +1,7 @@
+label {
+    cursor: pointer;
+}
+
 div.d {
     padding-left: 2em;
     border-left: 1px solid #ccc;
@@ -32,6 +36,10 @@ div.f.hide * {
     display: none;
 }
 
+div.f.mark {
+    background-color: #ffeced;
+}
+
 div.f div {
     padding: 5px 0;
 
@@ -43,9 +51,9 @@ div.f div.func {
 
 div.f div.data {
     flex-grow: 0;
-    width: 450px;
-    min-width: 450px;
-    max-width: 450px;
+    width: 600px;
+    min-width: 600px;
+    max-width: 600px;
 }
 
 span {
@@ -57,6 +65,7 @@ span {
 span.short {
     max-height: 1.1em;
     overflow: hidden;
+    word-break: break-all;
 }
 
 span.name {
@@ -74,14 +83,20 @@ span.return {
     cursor: pointer;
 }
 
+span.file,
 span.time,
 span.memorydiff,
 span.timediff {
+    overflow: hidden;
     width: 150px;
     text-align: right;
     white-space: nowrap;
 }
 
+span.time {
+    cursor: pointer;
+}
+
 div.header {
     width: 100%;
     font-weight: bold;