[Offline Pages] Connect the offline page logs to the internals page.

chrome/browser/resources/offline_pages/offline_internals.js

Index: chrome/browser/resources/offline_pages/offline_internals.js
diff --git a/chrome/browser/resources/offline_pages/offline_internals.js b/chrome/browser/resources/offline_pages/offline_internals.js
index fc0fcb4a463a50edaa904c5fb6b4c2f1b9556515..2a15b5cbf0937eda0809cb42b76ceaa444724ba4 100644
--- a/chrome/browser/resources/offline_pages/offline_internals.js
+++ b/chrome/browser/resources/offline_pages/offline_internals.js
@@ -82,11 +82,26 @@ cr.define('offlineInternals', function() {
   }
 
   /**
+   * Fills the event logs section.
+   * @param {!Array<string>} logs A list of log strings.
+   */
+  function fillEventLog(logs) {
+    var element = $('logs');
+    element.textContent = '';
+    for (let log of logs) {
+      var logItem = document.createElement('li');
+      logItem.textContent = log;
+      element.appendChild(logItem);
+    }
+  }
+
+  /**
    * Refresh all displayed information.
    */
   function refreshAll() {
     browserProxy_.getStoredPages().then(fillStoredPages);
     browserProxy_.getRequestQueue().then(fillRequestQueue);
+    browserProxy_.getEventLogs().then(fillEventLog);
   }
 
   /**
@@ -135,11 +150,51 @@ cr.define('offlineInternals', function() {
     browserProxy_.deleteSelectedPages(selectedIds).then(pagesDeleted);
   }
 
+  /**
+   * Turns on logging for stored pages.
+   */
+  function toggleModelOn() {
+    browserProxy_.setRecordPageModel(true);
+  }
+
+  /**
+   * Turns off logging for stored pages.
+   */
+  function toggleModelOff() {
+    browserProxy_.setRecordPageModel(false);
+  }
+
+  /**
+   * Turns on logging for request queue.
+   */
+  function toggleRequestOn() {
+    browserProxy_.setRecordRequestQueue(true);
+  }
+
+  /**
+   * Turns off logging for request queue.
+   */
+  function toggleRequestOff() {
+    browserProxy_.setRecordRequestQueue(false);
+  }
+
+  /**
+   * Refreshes the logs.
+   */
+  function refreshLog() {
+    browserProxy_.getEventLogs().then(fillEventLog);
+  }
+
   function initialize() {
     $('clear-all').onclick = deleteAllPages;
     $('clear-selected').onclick = deleteSelectedPages;
     $('refresh').onclick = refreshAll;
     $('download').onclick = download;
+    $('log-model-on').onclick = toggleModelOn;

[dpapad, 2016/06/24 20:33:39]

Nit: The four different callback methods can be removed and inlined as follows,

$('log-model-on').onclick =
    browserProxy_.setRecordPageModel.bind(browserProxy_, true);
$('log-model-off').onclick =
    browserProxy_.setRecordPageModel.bind(browserProxy_, false);
$('log-request-on).onclick =
    browserProxy_.setRecordRequestQueue.bind(browserProxy_, true);
$('log-request-off).onclick =
    browserProxy_.setRecordRequestQueue.bind(browserProxy_, false);

[chili, 2016/06/24 21:43:17]

Done.

+    $('log-model-off').onclick = toggleModelOff;
+    $('log-request-on').onclick = toggleRequestOn;
+    $('log-request-off').onclick = toggleRequestOff;
+    $('refresh-logs').onclick = refreshLog;
     browserProxy_ =
         offlineInternals.OfflineInternalsBrowserProxyImpl.getInstance();
     refreshAll();