| <!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="stylesheet" href="/base/ui/common.css"> |
| <link rel="import" href="/base/ui.html"> |
| <link rel="import" href="/core/timeline_view.html"> |
| <link rel="import" href="/model/model.html"> |
| |
| <script> |
| 'use strict'; |
| tr.exportTo('tr', function() { |
| /** |
| * Creates a trace viewer and, if given, loads the provided URL. |
| * |
| * For more advanced usage, consider using TimelineView and Model |
| * directly. |
| * |
| * Returns an HTMLElement that is the trace-viwer. |
| */ |
| var TraceViewer = tr.b.ui.define('trace-viewer', tr.c.TimelineView); |
| |
| TraceViewer.prototype = { |
| __proto__: tr.c.TimelineView.prototype, |
| |
| decorate: function(opt_url) { |
| tr.c.TimelineView.prototype.decorate.call(this); |
| |
| if (opt_url === undefined) |
| return; |
| var url = opt_url; |
| var that = this; |
| |
| var req = new XMLHttpRequest(); |
| var is_binary = /[.]gz$/.test(url) || /[.]zip$/.test(url); |
| req.overrideMimeType('text/plain; charset=x-user-defined'); |
| req.open('GET', url, true); |
| if (is_binary) |
| req.responseType = 'arraybuffer'; |
| req.onreadystatechange = function(aEvt) { |
| if (req.readyState == 4) { |
| window.setTimeout(function() { |
| if (req.status == 200) { |
| onResult(is_binary ? req.response : req.responseText); |
| } else { |
| onResultFail(req.status); |
| } |
| }, 0); |
| } |
| }; |
| req.send(null); |
| |
| function onResultFail(err) { |
| var overlay = new tr.b.ui.Overlay(); |
| overlay.textContent = err + ': ' + url + ' could not be loaded'; |
| overlay.title = 'Failed to fetch data'; |
| overlay.visible = true; |
| } |
| |
| var model; |
| function onResult(result) { |
| model = new tr.Model(); |
| var p = model.importTracesWithProgressDialog([result], true); |
| p.then(onModelLoaded, onImportFail); |
| } |
| |
| function onModelLoaded() { |
| that.model = model; |
| that.viewTitle = url; |
| if (that.timeline) |
| that.timeline.focusElement = that; |
| } |
| |
| function onImportFail() { |
| var overlay = new tr.b.ui.Overlay(); |
| overlay.textContent = tr.b.normalizeException(err).message; |
| overlay.title = 'Import error'; |
| overlay.visible = true; |
| } |
| } |
| }; |
| |
| return { |
| TraceViewer: TraceViewer |
| }; |
| }); |
| </script> |
