| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <!-- | 3 <!-- |
| 4 Copyright (c) 2012 The Chromium Authors. All rights reserved. | 4 Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 5 Use of this source code is governed by a BSD-style license that can be | 5 Use of this source code is governed by a BSD-style license that can be |
| 6 found in the LICENSE file. | 6 found in the LICENSE file. |
| 7 --> | 7 --> |
| 8 <head i18n-values="dir:textdirection;"> | 8 <head i18n-values="dir:textdirection;"> |
| 9 <title>Interactive Timeline Tests</title> | 9 <title>Interactive Timeline Tests</title> |
| 10 <link rel="stylesheet" href="timeline.css"> | 10 <link rel="stylesheet" href="timeline.css"> |
| 11 <link rel="stylesheet" href="timeline_view.css"> |
| 12 <link rel="stylesheet" href="overlay.css"> |
| 11 <script src="../shared/js/cr.js"></script> | 13 <script src="../shared/js/cr.js"></script> |
| 12 <script src="../shared/js/cr/event_target.js"></script> | 14 <script src="../shared/js/cr/event_target.js"></script> |
| 13 <script src="../shared/js/cr/ui.js"></script> | 15 <script src="../shared/js/cr/ui.js"></script> |
| 14 <script src="../shared/js/util.js"></script> | 16 <script src="../shared/js/util.js"></script> |
| 15 <script src="timeline_model.js"></script> | 17 <script src="timeline_model.js"></script> |
| 16 <script src="linux_perf_importer.js"></script> | 18 <script src="linux_perf_importer.js"></script> |
| 17 <script src="trace_event_importer.js"></script> | 19 <script src="trace_event_importer.js"></script> |
| 18 <script src="sorted_array_utils.js"></script> | 20 <script src="sorted_array_utils.js"></script> |
| 19 <script src="measuring_stick.js"></script> | 21 <script src="measuring_stick.js"></script> |
| 22 <script src="overlay.js"></script> |
| 20 <script src="timeline.js"></script> | 23 <script src="timeline.js"></script> |
| 24 <script src="timeline_view.js"></script> |
| 21 <script src="timeline_track.js"></script> | 25 <script src="timeline_track.js"></script> |
| 22 <script src="fast_rect_renderer.js"></script> | 26 <script src="fast_rect_renderer.js"></script> |
| 23 <script src="test_utils.js"></script> | 27 <script src="test_utils.js"></script> |
| 24 </head> | 28 </head> |
| 25 <body> | 29 <body> |
| 26 <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1> | 30 <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1> |
| 27 </div> | 31 </div> |
| 28 | 32 |
| 29 <div class="timeline-test" src="./tests/trivial_trace.json"> | 33 <div class="timeline-test" src="./tests/trivial_trace.json"> |
| 30 </div> | 34 </div> |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 62 var titleEl = document.createElement('h3'); | 66 var titleEl = document.createElement('h3'); |
| 63 var linkEl = document.createElement('a'); | 67 var linkEl = document.createElement('a'); |
| 64 linkEl.textContent = src; | 68 linkEl.textContent = src; |
| 65 linkEl.href = '#' + src; | 69 linkEl.href = '#' + src; |
| 66 titleEl.appendChild(linkEl); | 70 titleEl.appendChild(linkEl); |
| 67 | 71 |
| 68 var containerEl = document.createElement('div'); | 72 var containerEl = document.createElement('div'); |
| 69 containerEl.tabIndex = 0; | 73 containerEl.tabIndex = 0; |
| 70 containerEl.style.border = '1px solid red'; | 74 containerEl.style.border = '1px solid red'; |
| 71 | 75 |
| 72 var timelineEl = document.createElement('div'); | 76 var timelineViewEl = document.createElement('div'); |
| 73 cr.ui.decorate(timelineEl, tracing.Timeline); | 77 cr.ui.decorate(timelineViewEl, tracing.TimelineView); |
| 74 timelineEl.focusElement = containerEl; | 78 timelineViewEl.focusElement = containerEl; |
| 75 | 79 |
| 76 parentEl.appendChild(titleEl); | 80 parentEl.appendChild(titleEl); |
| 77 parentEl.appendChild(containerEl); | 81 parentEl.appendChild(containerEl); |
| 78 | 82 |
| 79 // Creating attached vs detached stress tests the canvas- and viewport- | 83 // Creating attached vs detached stress tests the canvas- and viewport- |
| 80 // setup code. | 84 // setup code. |
| 81 var create_detached = parentEl.getAttribute('create-attached') == 1; | 85 var create_detached = parentEl.getAttribute('create-attached') == 1; |
| 82 function createModel(data) { | 86 function createModel(data) { |
| 83 timelineEl.model = new tracing.TimelineModel(data); | 87 timelineViewEl.model = new tracing.TimelineModel(data); |
| 84 if (!create_detached) | 88 if (!create_detached) |
| 85 containerEl.appendChild(timelineEl); | 89 containerEl.appendChild(timelineViewEl); |
| 86 } | 90 } |
| 87 if (create_detached) | 91 if (create_detached) |
| 88 containerEl.appendChild(timelineEl); | 92 containerEl.appendChild(timelineViewEl); |
| 89 test_utils.getAsync(src, createModel); | 93 test_utils.getAsync(src, createModel); |
| 90 } | 94 } |
| 91 | 95 |
| 92 function onLoad() { | 96 function onLoad() { |
| 93 Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'), | 97 Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'), |
| 94 load); | 98 load); |
| 95 } | 99 } |
| 96 | 100 |
| 97 document.addEventListener('DOMContentLoaded', onLoad); | 101 document.addEventListener('DOMContentLoaded', onLoad); |
| 98 window.addEventListener('hashchange', onLoad); | 102 window.addEventListener('hashchange', onLoad); |
| 99 </script> | 103 </script> |
| 100 </body> | 104 </body> |
| 101 </html> | 105 </html> |
| OLD | NEW |