e2c00965ac
This CL maps the colors being used in the web app to variables to make it easier to change color palette without having to track color changes across files. Bug: v8:10673 Change-Id: Icf1c53396b8a831367c4ed420931e6233d780a07 Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2298005 Commit-Queue: Zeynep Cankara <zcankara@google.com> Reviewed-by: Camillo Bruni <cbruni@chromium.org> Cr-Commit-Position: refs/heads/master@{#68864}
85 lines
1.6 KiB
HTML
85 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. -->
|
|
<style>
|
|
@import "./index.css";
|
|
|
|
.count {
|
|
text-align: right;
|
|
width: 5em;
|
|
}
|
|
|
|
.percentage {
|
|
text-align: right;
|
|
width: 5em;
|
|
}
|
|
|
|
.key {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.drilldown-group-title {
|
|
font-weight: bold;
|
|
padding: 0.5em 0 0.2em 0;
|
|
}
|
|
.entry-details {
|
|
}
|
|
|
|
.entry-details TD {
|
|
}
|
|
|
|
.details {
|
|
width: 0.1em;
|
|
}
|
|
|
|
.details span {
|
|
padding: 0 0.4em 0 0.4em;
|
|
background-color: var(--on-surface-color);
|
|
color: var(--surface-color);
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
cursor: -webkit-zoom-in;
|
|
}
|
|
|
|
#legend {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
</style>
|
|
<div class="panel">
|
|
<h2>IC Panel</h2>
|
|
<h3>IC Explorer</h3>
|
|
<div id="legend">
|
|
<div style="float:right; border-style: solid; border-width: 1px; padding:20px">
|
|
0 uninitialized<br>
|
|
X no feedback<br>
|
|
1 monomorphic<br>
|
|
^ recompute handler<br>
|
|
P polymorphic<br>
|
|
N megamorphic<br>
|
|
G generic
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Data</h3>
|
|
|
|
<p>Trace Count: <span id="count">0</span></p>
|
|
|
|
<h3>Result</h3>
|
|
<p>
|
|
Group-Key:
|
|
<select id="group-key"></select>
|
|
</p>
|
|
<p>
|
|
Filter by Time
|
|
<br></br>
|
|
<input type="search" id="filter-time-start" placeholder="start"></input> : <input type="search" id="filter-time-end" placeholder="end"></input>
|
|
<button id="filterICTimeBtn">Filter</button>
|
|
<p>
|
|
<table id="table" width="100%">
|
|
<tbody id="table-body">
|
|
</tbody>
|
|
</table>
|
|
</p>
|
|
</div>
|