• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!-- Copyright 2018 the V8 project authors. All rights reserved.
2Use of this source code is governed by a BSD-style license that can be
3found in the LICENSE file. -->
4<style>
5#dataSelectionSection {
6  display: none;
7}
8
9.box {
10  border-left: dashed 1px #666666;
11  border-right: dashed 1px #666666;
12  border-bottom: dashed 1px #666666;
13  padding: 10px;
14  overflow: hidden;
15  position: relative;
16}
17
18.box:nth-of-type(1) {
19  border-top: dashed 1px #666666;
20  border-radius: 5px 5px 0px 0px;
21}
22
23.box:last-of-type {
24    border-radius: 0px 0px 5px 5px;
25}
26
27.box > ul {
28  margin: 0px;
29  padding: 0px;
30}
31
32.box > ul > li {
33  display: inline-block;
34}
35
36.box > ul > li:not(:first-child) {
37  margin-left: 10px;
38}
39
40.box > ul > li:first-child {
41  font-weight: bold;
42}
43
44.instanceTypeSelectBox {
45  position: relative;
46  overflow: hidden;
47  float: left;
48  padding: 0px 5px 2px 0px;
49  margin: 3px;
50  border-radius: 3px;
51}
52
53.instanceTypeSelectBox > label {
54  font-size: xx-small;
55}
56
57.instanceTypeSelectBox > input {
58  vertical-align: middle;
59}
60
61.percentBackground {
62  position: absolute;
63  width: 200%;
64  height: 100%;
65  left: 0%;
66  top: 0px;
67  margin-left: -100%;
68  transition: all 1s ease-in-out;
69}
70
71.instanceTypeSelectBox > .percentBackground  {
72  background: linear-gradient(90deg, #68b0f7 50%, #b3d9ff 50%);
73  z-index: -1;
74}
75.box > .percentBackground  {
76  background: linear-gradient(90deg, #e0edfe 50%, #fff 50%);
77  z-index: -2;
78}
79
80#categories {
81  margin-top: 10px;
82}
83
84#category-filter {
85  text-align: right;
86  width: 50px;
87}
88
89.categorySelectionButtons {
90  float: right;
91}
92.categoryLabels {
93  float: left;
94  min-wdith: 200px;
95}
96.categoryContent {
97  clear: both;
98}
99
100</style>
101<section id="dataSelectionSection">
102  <h2>Data selection</h2>
103  <ul>
104    <li>
105      <label for="isolate-select">
106        Isolate
107      </label>
108      <select id="isolate-select">
109        <option>No data</option>
110      </select>
111    </li>
112    <li>
113      <label for="data-view-select">
114        Data view
115      </label>
116      <select id="data-view-select">
117        <option>No data</option>
118      </select>
119    </li>
120    <li>
121      <label for="dataset-select">
122        Data set
123      </label>
124      <select id="dataset-select">
125        <option>No data</option>
126      </select>
127    </li>
128    <li>
129      <label for="gc-select">
130        Garbage collection (at a specific time in ms)
131      </label>
132      <select id="gc-select">
133        <option>No data</option>
134      </select>
135    </li>
136    <li>
137      <input id="category-filter" type="text" value="0" disabled="disabled" />KB
138      <button id="category-filter-btn" disabled="disabled">
139        Filter categories with less memory
140      </button>
141      <button id="category-auto-filter-btn" disabled="disabled">
142        Show top 20 categories only
143      </button>
144    </li>
145    <li>
146      <button id="csv-export-btn" disabled="disabled">Export selection as CSV</button>
147    </li>
148  </ul>
149
150  <div id="categories"></div>
151</section>
152