-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
98 lines (83 loc) · 4.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<html>
<head>
<link rel="stylesheet" href="./css/mystyle.css">
<script src="https://unpkg.com/vue"></script>
<script>
function changestyle(){
if(document.documentElement.className == "theme-dark")
document.documentElement.className = "theme-light";
else document.documentElement.className = "theme-dark";
}
changestyle();
</script>
</head>
<body>
<div>
<!--<h3 class="title" align="center">- H E A P P Y -</h3> -->
</div>
<div id="app">
<div class="navbar">
<button class="topButton title" onclick="/">HEAPPY</button>
<button class="topButton" onclick="changestyle()">change theme</button>
<button class="topButton" @click="changeZoom(7)">zoom in</button>
<button class="topButton" @click="changeZoom(-7)">zoom out</button>
<button class="topButton" @click="clean()">clean</button>
<button class="topButton exit" onclick="window.top.close(); return false">exit</button>
</div>
<br>
<div v-if="heaps.length != 0">
<table class="maintab" id="mainTable" @wheel.prevent="handleScroll($event)" v-bind:width="400" v-bind:height="220">
<thead class="maintab head">
<tr>
<th>
 <button class="plusmin" id="snap" @click="changeRows(-1)">∧</button>
A d d r e s s
<button class="plusmin" id="snap" @click="changeRows(1)">∨</button> 
</th>
<th v-for="(x, id) in heaps" v-on:keyup="arrowHandler(id, $event)">
<select class="selecthead" v-bind:id="'searchType:'+id">
<option value="h">h</option>
<option value="d">d</option>
<option value="s">s</option>
</select>
<input type="value" class="input value head" maxlength="18" size="15" v-bind:placeholder="'Search in snap ' + id + ' ...'" v-on:keyup="searchChanged(id, $event)" >
<button v-if="id<chunks.length-1" class="buttonhead" @click="deleteSnap(id, $event)">x</button>
<span v-else>
<button class="buttonhead" @click="takeSnapshot">↧</button>
<button class="buttonhead" @click="updateSnapshot">↻</button>
</span>
</th>
<th>  F i e l d  </th>
<th>C o m m e n t</th>
</tr>
</thead>
<tbody class="maintab body">
<tr v-for="elems in idMaker()">
<td class="addresses">{{elems[0].address}}</td>
<td v-for="elem in elems" :key="updateRows+elem.id">
<div class="valuetable">
<span><button class="myButton" v-bind:id="'b:'+elem.address" v-bind:heapid="elem.id" @click="changeRepr">{{elem.repr}}</button></span>
<span v-bind:id="elem.address"><input class="input value body" v-bind:heapid="elem.id" v-bind:highlight="elem.isChanged" v-bind:value="elem.value" @change="valueChanged" spellcheck="false" :readonly="elem.readonly"></span>
<span v-bind:style="{ 'background' : elem.color }"><abbr v-bind:data-title="elem.type">  </abbr></span>
</div>
</td>
<td class="fields">{{elems[elems.length-1].field}}</td>
<td v-bind:id="elems[0].address"><input class="input comment" v-bind:value="elems[0].comment" @change="commentChanged" spellcheck="false"></td>
</tr>
</tbody>
</table>
<br>
<canvas class="myCanvas" v-if="chunks.length != 0" id="colorBar" width="700" height="50"
style="border:1px solid #d3d3d3;" @mousedown="canvasClick">
Your browser does not support the canvas element.
</canvas>
<h5 class="logBins">| tcache: {{sumBins.tcache}} | fast: {{sumBins.fast}} | small: {{sumBins.small}} | large: {{sumBins.large}} | unsorted: {{sumBins.unsorted}} | allocated: {{sumBins.allocated}} |</h5>
</div>
<div v-else>
<h4 align="center">xX No data available Xx</h4>
<button id="snap" @click="updateSnapshot">Take an heap snapshot!</button>
</div>
</div>
<script src="main.js"></script>
</body>
</html>