| <!DOCTYPE html> |
| <!-- |
| Copyright (c) 2013 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="/core/analysis/analysis_link.html"> |
| <link rel="import" href="/core/analysis/analysis_sub_view.html"> |
| <link rel="import" href="/core/analysis/generic_object_view.html"> |
| <link rel="import" href="/core/analysis/object_instance_view.html"> |
| <link rel="import" href="/core/analysis/single_event_sub_view.html"> |
| <link rel="import" href="/base/units/util.html"> |
| |
| <polymer-element name="tr-c-a-single-object-instance-sub-view" |
| extends="tr-c-a-sub-view"> |
| <template> |
| <style> |
| :host { |
| display: block; |
| } |
| |
| #snapshots > * { |
| display: block; |
| } |
| |
| :host { |
| overflow: auto; |
| display: block; |
| } |
| |
| * { |
| -webkit-user-select: text; |
| } |
| |
| .title { |
| border-bottom: 1px solid rgb(128, 128, 128); |
| font-size: 110%; |
| font-weight: bold; |
| } |
| |
| td, th { |
| font-family: monospace; |
| vertical-align: top; |
| } |
| </style> |
| <div id='content'></div> |
| </template> |
| <script> |
| 'use strict'; |
| |
| Polymer({ |
| created: function() { |
| this.currentSelection_ = undefined; |
| }, |
| |
| get requiresTallView() { |
| if (this.$.content.children.length === 0) |
| return false; |
| if (this.$.content.children[0] instanceof |
| tr.c.analysis.ObjectInstanceView) |
| return this.$.content.children[0].requiresTallView; |
| }, |
| |
| get selection() { |
| return this.currentSelection_; |
| }, |
| |
| set selection(selection) { |
| if (selection.length !== 1) |
| throw new Error('Only supports single item selections'); |
| if (!(selection[0] instanceof tr.model.ObjectInstance)) |
| throw new Error('Only supports object instances'); |
| |
| this.$.content.textContent = ''; |
| this.currentSelection_ = selection; |
| |
| var instance = selection[0]; |
| var typeInfo = tr.c.analysis.ObjectInstanceView.getTypeInfo( |
| instance.category, instance.typeName); |
| if (typeInfo) { |
| var customView = new typeInfo.constructor(); |
| this.$.content.appendChild(customView); |
| customView.modelEvent = instance; |
| } else { |
| this.appendGenericAnalysis_(instance); |
| } |
| }, |
| |
| appendGenericAnalysis_: function(instance) { |
| var html = ''; |
| html += '<div class="title">' + |
| instance.typeName + ' ' + |
| instance.id + '</div>\n'; |
| html += '<table>'; |
| html += '<tr>'; |
| html += '<tr><td>creationTs:</td><td>' + |
| instance.creationTs + '</td></tr>\n'; |
| if (instance.deletionTs != Number.MAX_VALUE) { |
| html += '<tr><td>deletionTs:</td><td>' + |
| instance.deletionTs + '</td></tr>\n'; |
| } else { |
| html += '<tr><td>deletionTs:</td><td>not deleted</td></tr>\n'; |
| } |
| html += '<tr><td>snapshots:</td><td id="snapshots"></td></tr>\n'; |
| html += '</table>'; |
| this.$.content.innerHTML = html; |
| var snapshotsEl = this.$.content.querySelector('#snapshots'); |
| instance.snapshots.forEach(function(snapshot) { |
| var snapshotLink = document.createElement('tr-c-a-analysis-link'); |
| snapshotLink.selection = new tr.c.Selection(snapshot); |
| snapshotsEl.appendChild(snapshotLink); |
| }); |
| } |
| }); |
| </script> |
| </polymer-element> |
