75 lines
2.2 KiB
HTML
75 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Copyright (c) 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.
|
|
-->
|
|
<link rel="import" href="/tracing/base/base64.html">
|
|
<link rel="import" href="/tracing/ui/base/base.html">
|
|
<link rel="import" href="/tracing/ui/timeline_view.html">
|
|
<script>
|
|
'use strict';
|
|
|
|
var g_timelineViewEl;
|
|
|
|
(function() {
|
|
var styleEl = document.createElement('style');
|
|
var lines = [
|
|
'html, body {',
|
|
' box-sizing: border-box;',
|
|
' overflow: hidden;',
|
|
' margin: 0px;',
|
|
' padding: 0;',
|
|
' width: 100%;',
|
|
' height: 100%;',
|
|
'}',
|
|
'tr-ui-timeline-view {',
|
|
' width: 100%;',
|
|
' height: 100%;',
|
|
'}',
|
|
'tr-ui-timeline-view:focus {',
|
|
' outline: none;',
|
|
'}'
|
|
];
|
|
Polymer.dom(styleEl).textContent = lines.join('\n');
|
|
Polymer.dom(document.head).appendChild(styleEl);
|
|
})();
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var container = document.createElement('track-view-container');
|
|
container.id = 'track_view_container';
|
|
|
|
g_timelineViewEl = document.createElement('tr-ui-timeline-view');
|
|
Polymer.dom(g_timelineViewEl).appendChild(container);
|
|
|
|
Polymer.dom(document.body).appendChild(g_timelineViewEl);
|
|
|
|
var traces = [];
|
|
var viewerDataScripts = Polymer.dom(document).querySelectorAll(
|
|
'#viewer-data');
|
|
for (var i = 0; i < viewerDataScripts.length; i++) {
|
|
var text = Polymer.dom(viewerDataScripts[i]).textContent;
|
|
// Trim leading newlines off the text. They happen during writing.
|
|
while (text[0] == '\n')
|
|
text = text.substring(1);
|
|
traces.push(tr.b.Base64.atob(text));
|
|
}
|
|
|
|
var m = new tr.Model();
|
|
var i = new tr.importer.Import(m);
|
|
var p = i.importTracesWithProgressDialog(traces);
|
|
p.then(
|
|
function() {
|
|
g_timelineViewEl.model = m;
|
|
g_timelineViewEl.updateDocumentFavicon();
|
|
g_timelineViewEl.globalMode = true;
|
|
g_timelineViewEl.viewTitle = document.title;
|
|
},
|
|
function(err) {
|
|
var overlay = new tr.ui.b.Overlay();
|
|
Polymer.dom(overlay).textContent = tr.b.normalizeException(err).message;
|
|
overlay.title = 'Import error';
|
|
overlay.visible = true;
|
|
});
|
|
});
|
|
</script>
|