From 530a1323f27a90ce84a5d5db99ac047db4777340 Mon Sep 17 00:00:00 2001
From: Jeffrey Vest <jeffrey.vest@gmail.com>
Date: Mon, 30 Dec 2013 22:06:19 -0500
Subject: [PATCH] Fixed a bug with multiple pages. Added a Content tab.

---
 index.html        | 6 +++++-
 js/controllers.js | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 0294764..6e6d050 100755
--- a/index.html
+++ b/index.html
@@ -147,7 +147,7 @@ <h2 class="no-support">Your browser doesn't support Drag and Drop, or some other
                     </tfoot>
                     <tbody>
                       <tr ng-class="getSelectedRow($index)" class="revealed network-item network-type-{{entry.name}}" data-id="{{entry.id}}" ng-repeat="entry in page.entries | filter:query | filter:type | orderBy:predicate:reverse">
-                        <td class="name-column" ng-click="showDetails($index)"><div title="{{entry.url}}"><img class="icon">{{entry.parsedURL.lastPathComponent}}<div class="network-cell-subtitle">{{entry.folder}}</div></div></td>
+                        <td class="name-column" ng-click="showDetails($index, entry)"><div title="{{entry.url}}"><img class="icon">{{entry.parsedURL.lastPathComponent}}<div class="network-cell-subtitle">{{entry.folder}}</div></div></td>
                         <td class="method-column"><div title="{{entry.method}}">{{entry.method}}</div></td>
                         <td class="status-column"><div title="{{entry.status}} {{entry.statusText}}">{{entry.status}}<div class="network-cell-subtitle">{{entry.statusText}}</div></div></td>
                         <td class="type-column"><div title="{{entry.mimeType}}">{{entry.mimeType}}</div></td>
@@ -243,6 +243,7 @@ <h2 class="no-support">Your browser doesn't support Drag and Drop, or some other
                     <div ng-click="showTab(1)" ng-class="getTab(1)" class="tabbed-pane-header-tab selected"><span class="tabbed-pane-header-tab-title" title="">Headers</span></div>
                     <div ng-click="showTab(2)" ng-class="getTab(2)" class="tabbed-pane-header-tab"><span class="tabbed-pane-header-tab-title" title="">Cookies</span></div>
                     <div ng-click="showTab(3)" ng-class="getTab(3)" class="tabbed-pane-header-tab"><span class="tabbed-pane-header-tab-title" title="">Timing</span></div>
+                    <div ng-click="showTab(4)" ng-class="getTab(4)" class="tabbed-pane-header-tab"><span class="tabbed-pane-header-tab-title" title="">Content</span></div>
                   </div>
                 </div>
               </div>
@@ -387,6 +388,9 @@ <h2 class="no-support">Your browser doesn't support Drag and Drop, or some other
                     </tr>
                   </table>
                 </div>
+                <div ng-class="getVisibleTab(4)" class="resource-timing-view">
+                  <p><pre>{{selectedEntry._entry.response.content.text}}</pre></p>
+                </div>
               </div>
             </div>
           </div>
diff --git a/js/controllers.js b/js/controllers.js
index cf1067f..a4e40ec 100644
--- a/js/controllers.js
+++ b/js/controllers.js
@@ -101,9 +101,9 @@
       $('.response.children').toggleClass('expanded');
     };
 
-    $scope.showDetails = function(i) {
+    $scope.showDetails = function(i, entry) {
       $scope.selectedRow = i;
-      $scope.selectedEntry = $scope.entries[i];
+      $scope.selectedEntry = entry;
 
       var $leftView = $('.split-view-sidebar-left');
       $('#network-views').removeClass('hidden');