-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathpanel.html
63 lines (60 loc) · 3.2 KB
/
panel.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
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/acorn/6.0.7/acorn.js"></script>
<script src="https://unpkg.com/esprima@~4.0/dist/esprima.js"></script>
<script src="lib/InstructionEvent.js"></script>
<script src="lib/CD.js"></script>
<link rel="stylesheet" href="assets/prism/prism.css">
<script src="assets/prism/prism.js"></script>
</head>
<body>
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#DOM" role="tab" aria-controls="pills-home" aria-selected="true">DOM</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-profile-tabTODO" data-toggle="pill" href="#JS" role="tab" aria-controls="pills-profile" aria-selected="false">JS</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" id="pills-profile-tabTODO2" data-toggle="pill" href="#analysisMode" role="tab" aria-controls="pills-profile" aria-selected="false">Analysis mode (coming soon)</a>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="DOM" role="tabpanel" aria-labelledby="pills-home-tab">
<div class="input-group">
<input type="text" class="form-control" placeholder="query selector" id="querySelector">
<input type="text" class="form-control" placeholder="events filter" id="eventsFilter">
<div class="input-group-append">
<button class="btn btn-outline-primary" type="button" id="filterBtn">Find nodes</button>
</div>
</div>
<br/>
<div class="row">
<div class="col-4">
<div class="list-group" id="list-tab" role="tablist">
</div>
</div>
<div class="col-8">
<div class="tab-content" id="nav-tabContent">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="JS" role="tabpanel" aria-labelledby="pills-profile-tab">
<button id="scanJS" class="btn btn-outline-primary">Scan JavaScript</button>
<br/>
<div class="accordion" id="accordionJS"></div>
</div>
<div class="tab-pane fade" id="analysisMode" role="tabpanel" aria-labelledby="pills-profile-tab">
analysisMode
</div>
</div>
<script src="lib/util.js"></script>
<script src="lib/panel.dom.js"></script>
<script src="lib/panel.js.js"></script>
</body>
</html>