<!DOCTYPE HTML>
<html>
<head i18n-values="dir:textdirection;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8"/>
<title>Android System Trace</title>
<style>
html,
body {
height: 100%;
}
body {
-webkit-flex-direction: column;
display: -webkit-flex;
margin: 0;
padding: 0;
}
body > tr-ui-timeline-view {
-webkit-flex: 1 1 auto;
min-height: 0;
}
body > tr-ui-timeline-view:focus {
outline: none;
}
</style>
{{SYSTRACE_TRACE_VIEWER_HTML}}
</head>
<body>
<tr-ui-timeline-view>
<track-view-container id='track_view_container'></track-view-container>
</tr-ui-timeline-view>
<script>
'use strict';
var timelineViewEl;
function onLoad() {
timelineViewEl = document.querySelector('tr-ui-timeline-view');
timelineViewEl.globalMode = true;
var traceDataEls = document.body.querySelectorAll('.trace-data');
var traces = [];
for (var i = 0; i < traceDataEls.length; i++) {
var traceText = traceDataEls[i].textContent;
// Remove the leading newline.
traceText = traceText.substring(1);
traces.push(traceText);
}
var m = new tr.Model();
var p = m.importTracesWithProgressDialog(traces, true);
p.then(
function() {
timelineViewEl.model = m;
timelineViewEl.updateDocumentFavicon();
timelineViewEl.globalMode = true;
timelineViewEl.viewTitle = 'Android System Trace';
},
function(err) {
var overlay = new tr.ui.b.Overlay();
overlay.textContent = tr.b.normalizeException(err).message;
overlay.title = 'Import error';
overlay.visible = true;
});
}
window.addEventListener('load', onLoad);
</script>