-
Notifications
You must be signed in to change notification settings - Fork 9
/
panel.html
executable file
·122 lines (117 loc) · 4.42 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
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<link href="./libs/semantic.min.css" rel="stylesheet" />
<link href="./src/index.css" rel="stylesheet" />
</head>
<body>
<nav class="ui fixed menu" id="menu-container">
<div class="ui menu fluid container">
<a
href="https://github.com/nithincvpoyyil/mixpanel-tools"
target="_blank"
class="header item"
tabindex="0"
>
<img class="logo" src="assets/images/logo.png" aria-hidden="true" />
Mixpanel Tools
</a>
<a
role="button"
title="enable or disable recording"
class="item record-btn"
>
<i aria-hidden="true" class="led circle icon"></i
></a>
<a role="button" title="clear all recording" class="item clear-all-btn">
<i aria-hidden="true" class="eraser icon"></i
></a>
<a
role="button"
class="item mixpanel-properties-btn"
title="show or hide mixpanel properties associated with event"
>
Hide Mixpanel Properties:
<i class="check square outline icon" aria-hidden="true"></i
></a>
<a
role="button"
class="item download-btn"
title="download all recording in JSON"
>
<i aria-hidden="true" class="download icon"></i>
</a>
<div class="item api-url-regex">
<div class="ui icon input">
<input
type="text"
placeholder="Add self-hosted URL"
id="custom-api-host-input"
title="Add self-hosted URL,like `http://proxy:8080/mixpanel` (note - not regex, extension using a string include logic)"
/>
<i class="cogs icon"></i>
</div>
</div>
<a
role="text"
class="item batched-request"
id="batched-request-id"
title="Info: requests are batched"
>
<span class="batched-text">Batch Requests Enabled:</span
><i aria-hidden="true" class="check square icon"></i>
</a>
</div>
</nav>
<!-- event container -->
<main id="main-container">
<div class="ui main fluid container" id="main-container-wrapper">
<div class="ui internally celled grid" id="main-container-grid">
<div class="row header-row">
<div class="six wide column">
<h3>Events</h3>
</div>
<div class="ten wide column">
<h3>Properties</h3>
</div>
</div>
<div class="row details-row" id="details-row">
<div class="six wide column event-column" id="event-column">
<div class="ui relaxed divided list" id="event-list"></div>
</div>
<div class="ten wide column details-column" id="details-column">
<table class="ui fixed table celled striped" id="property-table">
<thead>
<tr>
<th>property</th>
<th>value</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- Scroll up button -->
<button id="details-scroll-up-btn" class="scroll-btn">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
<path
style="fill: currentColor; fill-opacity: 1; stroke: none"
d="M 11 3 C 6.568 3 3 6.568 3 11 C 3 15.432 6.568 19 11 19 C 15.432 19 19 15.432 19 11 C 19 6.568 15.432 3 11 3 z M 11 4 C 14.878 4 18 7.122 18 11 C 18 14.878 14.878 18 11 18 C 7.122 18 4 14.878 4 11 C 4 7.122 7.122 4 11 4 z M 12.292969 7 L 9 10.292969 L 8.2929688 11 L 9 11.707031 L 12.292969 15 L 13 14.292969 L 9.7070312 11 L 13 7.7070312 L 12.292969 7 z "
class="ColorScheme-Text"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</main>
<!-- event container -->
<!-- do not remove, this '<a/>'' is for creating downloads -->
<a id="download-anchor-node" style="display: none"></a>
<!-- /Scroll up button -->
<script src="./libs/jquery-3.3.1.min.js"></script>
<script src="./libs/semantic.min.js"></script>
<script src="./src/constants.js"></script>
<script src="./src/utils/devtool.util.js"></script>
<script src="./src/index.js"></script>
</body>
</html>