c84213ef0f
- Fix landing page - Introduce and use SelectRelatedEvent for centralising the logic of finding and showing related LogEntries. It also clears the selection of all list panels if there are no related entries. - Add "select related" button to the script-panel to show events only from the currently selected script - Add selection type tabs for the map-panel - Fix transition colors for map-transitions view - Introduce separate map-transition view for the currently selected Map Bug: v8:10644 Change-Id: I4199a8332bab2518d98078712ed5ce9a8f1dc19e Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2599555 Commit-Queue: Camillo Bruni <cbruni@chromium.org> Reviewed-by: Sathya Gunasekaran <gsathya@chromium.org> Cr-Commit-Position: refs/heads/master@{#71849}
79 lines
1.6 KiB
HTML
79 lines
1.6 KiB
HTML
<!-- Copyright 2020 the V8 project authors. All rights reserved.
|
|
Use of this source code is governed by a BSD-style license that can be
|
|
found in the LICENSE file. -->
|
|
|
|
<head>
|
|
<link href="./index.css" rel="stylesheet">
|
|
</head>
|
|
<style>
|
|
.count {
|
|
text-align: right;
|
|
width: 5em;
|
|
}
|
|
|
|
.percentage {
|
|
text-align: right;
|
|
width: 4em;
|
|
}
|
|
|
|
.key {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.drilldown-group-title {
|
|
font-weight: bold;
|
|
padding: 0.5em 0 0.2em 0;
|
|
}
|
|
|
|
.toggle {
|
|
width: 1em;
|
|
text-align: left;
|
|
cursor: -webkit-zoom-in;
|
|
color: rgba(var(--border-color), 1);
|
|
}
|
|
|
|
.toggle::before {
|
|
content: "▶";
|
|
}
|
|
.open .toggle::before {
|
|
content: "▼";
|
|
}
|
|
|
|
.panel {
|
|
position: relative;
|
|
}
|
|
|
|
.panelBody {
|
|
height: 400px;
|
|
}
|
|
|
|
.scroller {
|
|
max-height: 800px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.legend {
|
|
top: 40px;
|
|
}
|
|
</style>
|
|
|
|
<div class="panel">
|
|
<input type="checkbox" id="closer" class="panelCloserInput">
|
|
<label class="panelCloserLabel" for="closer">▼</label>
|
|
<h2 id="title"></h2>
|
|
<div class="selection">
|
|
<input type="radio" id="show-all" name="selectionType" value="all">
|
|
<label for="show-all">All</label>
|
|
<input type="radio" id="show-timerange" name="selectionType" value="timerange">
|
|
<label for="show-timerange">Time Range</label>
|
|
<input type="radio" id="show-selection" name="selectionType" value="selection">
|
|
<label for="show-selection">Last Selection</label>
|
|
</div>
|
|
<select id="group-key"></select>
|
|
<div id="content" class="panelBody">
|
|
<slot></slot>
|
|
<table id="table" width="100%">
|
|
</table>
|
|
</div>
|
|
</div>
|