<link rel="import" href="/tracing/analysis/util.html">
<link rel="import" href="/tracing/side_panel/timeline_view.html">
<link rel="import" href="/tracing/selection.html">
-<link rel="import" href="/tvcm/iteration_helpers.html">
-<link rel="import" href="/tvcm/statistics.html">
-<link rel="import" href="/tvcm/ui/dom_helpers.html">
-<link rel="import" href="/tvcm/ui/line_chart.html">
+<link rel="import" href="/base/iteration_helpers.html">
+<link rel="import" href="/base/statistics.html">
+<link rel="import" href="/base/ui/dom_helpers.html">
+<link rel="import" href="/base/ui/line_chart.html">
<style>
.x-input-latency-side-panel {
<script>
'use strict';
-tvcm.exportTo('tracing', function() {
+tv.exportTo('tracing', function() {
var THIS_DOC = document.currentScript.ownerDocument;
function createLatencyLineChart(data, title) {
- var chart = new tvcm.ui.LineChart();
+ var chart = new tv.ui.LineChart();
var width = 600;
if (document.body.clientWidth != undefined)
width = document.body.clientWidth * 0.5;
/**
* @constructor
*/
- var InputLatencySidePanel = tvcm.ui.define('x-input-latency-side-panel',
+ var InputLatencySidePanel = tv.ui.define('x-input-latency-side-panel',
tracing.TimelineViewSidePanel);
InputLatencySidePanel.textLabel = 'Input Latency';
InputLatencySidePanel.supportsModel = function(m) {
decorate: function() {
tracing.TimelineViewSidePanel.prototype.decorate.call(this);
this.classList.add('x-input-latency-side-panel');
- this.appendChild(tvcm.instantiateTemplate(
+ this.appendChild(tv.instantiateTemplate(
'#x-input-latency-side-panel-template', THIS_DOC));
- this.rangeOfInterest_ = new tvcm.Range();
+ this.rangeOfInterest_ = new tv.Range();
this.frametimeType_ = IMPL_FRAMETIME_TYPE;
this.latencyChart_ = undefined;
this.frametimeChart_ = undefined;
if (this.latencyChart_ === undefined)
return;
- var r = new tvcm.Range();
+ var r = new tv.Range();
if (this.mouseDownIndex_ === undefined) {
this.latencyChart_.brushedRange = r;
return;
this.selectedProcess_ = labels[0].value;
var toolbarEl = this.querySelector('toolbar');
- toolbarEl.appendChild(tvcm.ui.createSelector(
+ toolbarEl.appendChild(tv.ui.createSelector(
this, 'frametimeType',
'inputLatencySidePanel.frametimeType', this.frametimeType_,
[{label: 'Main Thread Frame Times', value: MAIN_FRAMETIME_TYPE},
{label: 'Impl Thread Frame Times', value: IMPL_FRAMETIME_TYPE}
]));
- toolbarEl.appendChild(tvcm.ui.createSelector(
+ toolbarEl.appendChild(tv.ui.createSelector(
this, 'selectedProcess',
'inputLatencySidePanel.selectedProcess',
this.selectedProcess_,
this.frametimeType,
rangeOfInterest,
this.selectedProcess_);
- var averageFrametime = tvcm.Statistics.mean(frametimeData, function(d) {
+ var averageFrametime = tv.Statistics.mean(frametimeData, function(d) {
return d.frametime});
var latencyData = getLatencyData(this.model_, rangeOfInterest);
- var averageLatency = tvcm.Statistics.mean(latencyData, function(d) {
+ var averageLatency = tv.Statistics.mean(latencyData, function(d) {
return d.latency});
// Create summary.
var latencySummaryText = document.createElement('div');
- latencySummaryText.appendChild(tvcm.ui.createSpan({
+ latencySummaryText.appendChild(tv.ui.createSpan({
textContent: 'Average Latency ' + averageLatency + 'ms',
bold: true}));
resultArea.appendChild(latencySummaryText);
var frametimeSummaryText = document.createElement('div');
- frametimeSummaryText.appendChild(tvcm.ui.createSpan({
+ frametimeSummaryText.appendChild(tv.ui.createSpan({
textContent: 'Average Frame Time ' + averageFrametime + 'ms',
bold: true}));
resultArea.appendChild(frametimeSummaryText);