| OLD | NEW |
| 1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 var TaskSchedulerInternals = {}; | 5 /** @typedef {{min: number, max: number, count: number}} */ |
| 6 var Bucket; |
| 6 | 7 |
| 7 /** | 8 /** @typedef {{name: string, buckets: !Array<Bucket>}} */ |
| 8 * Updates the histograms on the page. | 9 var Histogram; |
| 9 * @param {Array<Object>} histograms Array of histogram objects. | 10 |
| 10 */ | 11 var TaskSchedulerInternals = { |
| 11 TaskSchedulerInternals.updateHistograms = function(histograms) { | 12 /** |
| 12 var histogramContainer = $('histogram-container'); | 13 * Updates the histograms on the page. |
| 13 for (var i in histograms) { | 14 * @param {!Array<!Histogram>} histograms Array of histogram objects. |
| 14 var histogram = histograms[i]; | 15 */ |
| 15 var title = document.createElement('div'); | 16 updateHistograms: function(histograms) { |
| 16 title.textContent = histogram.name; | 17 var histogramContainer = $('histogram-container'); |
| 17 histogramContainer.appendChild(title); | 18 for (var i in histograms) { |
| 18 if (histogram.buckets.length > 0) { | 19 var histogram = histograms[i]; |
| 19 histogramContainer.appendChild( | 20 var title = document.createElement('div'); |
| 20 TaskSchedulerInternals.createHistogramTable(histogram.buckets)); | 21 title.textContent = histogram.name; |
| 21 } else { | 22 histogramContainer.appendChild(title); |
| 22 var unavailable = document.createElement('div'); | 23 if (histogram.buckets.length > 0) { |
| 23 unavailable.textContent = 'No Data Recorded'; | 24 histogramContainer.appendChild( |
| 24 histogramContainer.appendChild(unavailable); | 25 TaskSchedulerInternals.createHistogramTable(histogram.buckets)); |
| 26 } else { |
| 27 var unavailable = document.createElement('div'); |
| 28 unavailable.textContent = 'No Data Recorded'; |
| 29 histogramContainer.appendChild(unavailable); |
| 30 } |
| 25 } | 31 } |
| 32 }, |
| 33 |
| 34 /** |
| 35 * Returns a table representation of the histogram buckets. |
| 36 * @param {Object} buckets The histogram buckets. |
| 37 * @return {Object} A table element representation of the histogram buckets. |
| 38 */ |
| 39 createHistogramTable: function(buckets) { |
| 40 var table = document.createElement('table'); |
| 41 var headerRow = document.createElement('tr'); |
| 42 var dataRow = document.createElement('tr'); |
| 43 for (var i in buckets) { |
| 44 var bucket = buckets[i]; |
| 45 var header = document.createElement('th'); |
| 46 header.textContent = `${bucket.min}-${bucket.max}`; |
| 47 headerRow.appendChild(header); |
| 48 var data = document.createElement('td'); |
| 49 data.textContent = bucket.count; |
| 50 dataRow.appendChild(data); |
| 51 } |
| 52 table.appendChild(headerRow); |
| 53 table.appendChild(dataRow); |
| 54 return table; |
| 55 }, |
| 56 |
| 57 /** |
| 58 * Handles callback from onGetTaskSchedulerData. |
| 59 * @param {Object} data Dictionary containing all task scheduler metrics. |
| 60 */ |
| 61 onGetTaskSchedulerData: function(data) { |
| 62 $('status').textContent = |
| 63 data.instantiated ? 'Instantiated' : 'Not Instantiated'; |
| 64 $('details').hidden = !data.instantiated; |
| 65 if (!data.instantiated) |
| 66 return; |
| 67 |
| 68 TaskSchedulerInternals.updateHistograms(data.histograms); |
| 26 } | 69 } |
| 27 }; | 70 }; |
| 28 | 71 |
| 29 /** | |
| 30 * Returns a table representation of the histogram buckets. | |
| 31 * @param {Object} buckets The histogram buckets. | |
| 32 * @return {Object} A table element representation of the histogram buckets. | |
| 33 */ | |
| 34 TaskSchedulerInternals.createHistogramTable = function(buckets) { | |
| 35 var table = document.createElement('table'); | |
| 36 var headerRow = document.createElement('tr'); | |
| 37 var dataRow = document.createElement('tr'); | |
| 38 for (var i in buckets) { | |
| 39 var bucket = buckets[i]; | |
| 40 var header = document.createElement('th'); | |
| 41 header.textContent = bucket.min + '-' + bucket.max; | |
| 42 headerRow.appendChild(header); | |
| 43 var data = document.createElement('td'); | |
| 44 data.textContent = bucket.count; | |
| 45 dataRow.appendChild(data); | |
| 46 } | |
| 47 table.appendChild(headerRow); | |
| 48 table.appendChild(dataRow); | |
| 49 return table; | |
| 50 }; | |
| 51 | |
| 52 /** | |
| 53 * Handles callback from onGetTaskSchedulerData. | |
| 54 * @param {Object} data Dictionary containing all task scheduler metrics. | |
| 55 */ | |
| 56 TaskSchedulerInternals.onGetTaskSchedulerData = function(data) { | |
| 57 $('status').textContent = | |
| 58 data.instantiated ? 'Instantiated' : 'Not Instantiated'; | |
| 59 $('details').hidden = !data.instantiated; | |
| 60 if (!data.instantiated) | |
| 61 return; | |
| 62 | |
| 63 TaskSchedulerInternals.updateHistograms(data.histograms); | |
| 64 }; | |
| 65 | |
| 66 document.addEventListener('DOMContentLoaded', function() { | 72 document.addEventListener('DOMContentLoaded', function() { |
| 67 chrome.send('getTaskSchedulerData'); | 73 chrome.send('getTaskSchedulerData'); |
| 68 }); | 74 }); |
| OLD | NEW |