1<!DOCTYPE HTML> 2<html> 3<!-- 4Copyright (c) 2011 The Chromium Authors. All rights reserved. 5Use of this source code is governed by a BSD-style license that can be 6found in the LICENSE file. 7--> 8<head i18n-values="dir:textdirection;"> 9<title>Simple Embedded Viewer</title> 10<script src="../src/base.js"></script> 11<style> 12 .view { 13 overflow: hidden; 14 position: absolute; 15 top: 0; 16 bottom: 0; 17 left: 0; 18 right: 0; 19 } 20 21</style> 22</head> 23<body> 24 <div class="view"> 25 </div> 26 27 <script> 28 base.require('timeline_view'); 29 base.require('test_utils'); 30 </script> 31 <script> 32 'use strict'; 33 34 var timelineViewEl; 35 36 function loadTraces(filenames, callback) { 37 var traces = []; 38 for (var i = 0; i < filenames.length; i++) { 39 traces.push(undefined); 40 } 41 var numTracesPending = filenames.length; 42 43 filenames.forEach(function(filename, i) { 44 test_utils.getAsync(filename, function(trace) { 45 traces[i] = trace; 46 numTracesPending--; 47 if (numTracesPending == 0) 48 callback(traces); 49 }); 50 }); 51 } 52 53 function createViewFromTraces(traces) { 54 var m = new tracing.Model(); 55 m.importTraces(traces, true); 56 57 timelineViewEl = document.querySelector('.view'); 58 tracing.ui.decorate(timelineViewEl, tracing.TimelineView); 59 timelineViewEl.model = m; 60 timelineViewEl.tabIndex = 1; 61 timelineViewEl.timeline.focusElement = timelineViewEl; 62 } 63 64 function onLoad() { 65 var filenames = ['../test_data/simple_trace.json']; 66 loadTraces(filenames, 67 createViewFromTraces); 68 } 69 70 document.addEventListener('DOMContentLoaded', onLoad); 71 </script> 72</body> 73</html> 74