From 1640a858ef20d80bad280c0c91cdff8506583fad Mon Sep 17 00:00:00 2001 From: "dominich@chromium.org" Date: Thu, 5 Jan 2012 21:05:38 +0000 Subject: Adding about:network_action_predictor to show state of NetworkActionPredictor database. Review URL: http://codereview.chromium.org/8969004 git-svn-id: svn://svn.chromium.org/chrome/trunk/src@116556 0039d316-1c4b-4281-b951-d872f2087c98 --- .../resources/network_action_predictor/OWNERS | 1 + .../network_action_predictor.css | 65 ++++++++++++++++++++++ .../network_action_predictor.html | 35 ++++++++++++ .../network_action_predictor.js | 49 ++++++++++++++++ 4 files changed, 150 insertions(+) create mode 100644 chrome/browser/resources/network_action_predictor/OWNERS create mode 100644 chrome/browser/resources/network_action_predictor/network_action_predictor.css create mode 100644 chrome/browser/resources/network_action_predictor/network_action_predictor.html create mode 100644 chrome/browser/resources/network_action_predictor/network_action_predictor.js (limited to 'chrome/browser/resources/network_action_predictor') diff --git a/chrome/browser/resources/network_action_predictor/OWNERS b/chrome/browser/resources/network_action_predictor/OWNERS new file mode 100644 index 0000000..95b3792 --- /dev/null +++ b/chrome/browser/resources/network_action_predictor/OWNERS @@ -0,0 +1 @@ +dominich@chromium.org diff --git a/chrome/browser/resources/network_action_predictor/network_action_predictor.css b/chrome/browser/resources/network_action_predictor/network_action_predictor.css new file mode 100644 index 0000000..73b2f57 --- /dev/null +++ b/chrome/browser/resources/network_action_predictor/network_action_predictor.css @@ -0,0 +1,65 @@ +/* + * Copyright (c) 2012 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. + */ + +body { + margin: 20px; +} + +h1 { + -webkit-padding-start: 75px; + font-size: 156%; + font-weight: bold; + margin: 0; + padding-bottom: 20px; + padding-top: 20px; +} + +html[dir=rtl] h1 { + background-position: right; +} + +#countBanner { + background-color: rgb(235, 239, 250); + border: 1px solid rgb(187, 187, 187); + border-radius: 2px; + font-size: 100%; + padding: 4px; +} + +#databaseTable { + background-color: white; +} + +#databaseTable thead tr { + background-color: rgb(235, 250, 239); +} + +#databaseTable th { + background-color: white; + border-color: gray; + border-style: solid; + border-width: 1px; + padding: 3px; + white-space: nowrap; +} + +#databaseTable td { + background-color: white; + border-color: lightgray; + border-style: solid; + border-width: 1px; + padding: 3px; +} + +#databaseTable tbody > td:first-child { + white-space: nowrap; +} + +#disabledMode h2 { + color: rgb(141, 51, 42); + font-size: 125%; +} + diff --git a/chrome/browser/resources/network_action_predictor/network_action_predictor.html b/chrome/browser/resources/network_action_predictor/network_action_predictor.html new file mode 100644 index 0000000..abc230c --- /dev/null +++ b/chrome/browser/resources/network_action_predictor/network_action_predictor.html @@ -0,0 +1,35 @@ + + + + + Network Action Predictor + + + + + +

Network Action Predictor

+ + + + + diff --git a/chrome/browser/resources/network_action_predictor/network_action_predictor.js b/chrome/browser/resources/network_action_predictor/network_action_predictor.js new file mode 100644 index 0000000..06f30a5 --- /dev/null +++ b/chrome/browser/resources/network_action_predictor/network_action_predictor.js @@ -0,0 +1,49 @@ +// Copyright (c) 2012 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. + +/** + * Requests the database from the backend. + */ +function requestNetworkActionPredictorDb() { + console.debug('Requesting NAP DB'); + chrome.send('requestNetworkActionPredictorDb', []) +} + +/** + * Callback from backend with the database contents. Builds the UI. + * @param {boolean} enabled Whether or not NetworkActionPredictor is enabled. + * @param {array} database The database as a flattened list. + */ +function updateDatabaseTable(enabled, database) { + console.debug('Updating Table NAP DB'); + $('countBanner').textContent = 'Entries: ' + database.length; + + $('enabledMode').hidden = !enabled; + $('disabledMode').hidden = enabled; + + if (!enabled) + return; + + var databaseSection = $('databaseTableBody'); + + // Clear any previous list. + databaseSection.textContent = ''; + + for (var i = 0; i < database.length; ++i) { + var entry = database[i]; + var row = document.createElement('tr'); + + row.appendChild(document.createElement('td')).textContent = entry.user_text; + row.appendChild(document.createElement('td')).textContent = entry.url; + row.appendChild(document.createElement('td')).textContent = entry.hit_count; + row.appendChild(document.createElement('td')).textContent = + entry.miss_count; + row.appendChild(document.createElement('td')).textContent = + entry.confidence; + + databaseSection.appendChild(row); + } +} + +document.addEventListener('DOMContentLoaded', requestNetworkActionPredictorDb); -- cgit v1.1