1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
// Copyright 2014 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 requestResourcePrefetchPredictorDb() {
chrome.send('requestResourcePrefetchPredictorDb');
}
/**
* Callback from backend with the database contents. Sets up some globals and
* calls to create the UI.
* @param {Dictionary} database Information about ResourcePrefetchPredictor
* including the database as a flattened list, a boolean indicating if the
* system is enabled.
*/
function updateResourcePrefetchPredictorDb(database) {
updateResourcePrefetchPredictorDbView(database);
}
/**
* Truncates the string to keep the database readable.
* @param {string} str The string to truncate.
* @return {string} The truncated string.
*/
function truncateString(str) {
return str.length < 100 ? str : str.substring(0, 99);
}
/**
* Updates the table from the database.
* @param {Dictionary} database Information about ResourcePrefetchPredictor
* including the database as a flattened list, a boolean indicating if the
* system is enabled and the current hit weight.
*/
function updateResourcePrefetchPredictorDbView(database) {
if (!database.enabled) {
$('rpp_enabled').style.display = 'none';
$('rpp_disabled').style.display = 'block';
return;
} else {
$('rpp_enabled').style.display = 'block';
$('rpp_disabled').style.display = 'none';
}
var hasUrlData = database.url_db && database.url_db.length > 0;
var hasHostData = database.host_db && database.host_db.length > 0;
if (hasUrlData)
renderCacheData($('rpp_url_body'), database.url_db);
if (hasHostData)
renderCacheData($('rpp_host_body'), database.host_db);
}
/**
* Renders cache data for URL or host based data.
* @param {HTMLElement} body element of table to render into.
* @param {Dictionary} database to render.
*/
function renderCacheData(body, database) {
body.textContent = '';
for (var i = 0; i < database.length; ++i) {
var main = database[i];
for (var j = 0; j < main.resources.length; ++j) {
var resource = main.resources[j];
var row = document.createElement('tr');
if (j == 0) {
var t = document.createElement('td');
t.rowSpan = main.resources.length;
t.textContent = truncateString(main.main_frame_url);
t.className = 'last';
row.appendChild(t);
}
if (j == main.resources.length - 1)
row.className = 'last';
row.appendChild(document.createElement('td')).textContent =
truncateString(resource.resource_url);
row.appendChild(document.createElement('td')).textContent =
resource.resource_type;
row.appendChild(document.createElement('td')).textContent =
resource.number_of_hits;
row.appendChild(document.createElement('td')).textContent =
resource.number_of_misses;
row.appendChild(document.createElement('td')).textContent =
resource.consecutive_misses;
row.appendChild(document.createElement('td')).textContent =
resource.position;
row.appendChild(document.createElement('td')).textContent =
resource.score;
body.appendChild(row);
}
}
}
document.addEventListener('DOMContentLoaded',
requestResourcePrefetchPredictorDb);
|
