-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexplorer.html
More file actions
122 lines (102 loc) · 5.7 KB
/
explorer.html
File metadata and controls
122 lines (102 loc) · 5.7 KB
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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title></title>
<link rel="preload" href="./fonts/Mulish-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin="">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<main>
<div class="container">
<header class="d-flex flex-wrap justify-content-between">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<div class="logo">
<svg width="32" height="32" viewBox="0 0 460 460" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="logo-diamond" fill-rule="evenodd" clip-rule="evenodd" d="M166 152L295 152C299.564 152 304.124 152.67 308.89 154.892C314.604 157.555 317.633 161.753 319.755 164.857C319.921 165.098 320.075 165.347 320.218 165.602C322.714 170.044 324 174.841 324 180C324 184.902 322.834 190.243 320.218 194.898C320.193 194.943 320.168 194.987 320.142 195.031L238.642 335.031C236.845 338.118 233.537 340.013 229.965 340C226.392 339.987 223.098 338.07 221.322 334.97L141.318 195.268C141.295 195.23 141.272 195.192 141.249 195.154C139.418 192.137 136.587 187.471 136.092 181.45C135.637 175.913 136.881 170.365 139.663 165.555C142.445 160.744 146.634 156.898 151.671 154.544C157.073 152.02 162.548 152 166 152ZM220 172L166 172C162.452 172 161.09 172.218 160.138 172.663C158.822 173.278 157.716 174.289 156.976 175.567C156.237 176.846 155.903 178.328 156.025 179.811C156.095 180.662 156.441 181.634 158.485 185.006C158.528 185.077 158.57 185.148 158.611 185.22L220 292.416V172ZM240 172V292.945L302.811 185.05C303.52 183.762 304 181.901 304 180C304 178.458 303.681 177.119 302.966 175.738C302.216 174.66 301.759 174.089 301.377 173.698C301.049 173.364 300.797 173.185 300.441 173.019C298.956 172.327 297.436 172 295 172L240 172Z" fill="#303757"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M460 230C460 357.025 357.025 460 230 460C102.974 460 0 357.025 0 230C0 102.974 102.974 0 230 0C357.025 0 460 102.974 460 230ZM440 230C440 345.98 345.98 440 230 440C114.02 440 20 345.98 20 230C20 114.02 114.02 20 230 20C345.98 20 440 114.02 440 230Z" fill="#0088CC"/>
</svg>
<span class="logo">
TON.SH
</span>
</div>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="#" class="nav-link" >Api</a></li>
<li class="nav-item"><a href="#" class="nav-link active">Explorer</a></li>
</ul>
</header>
<div class="explorer">
<h1>Block explorer</h1>
<form action="/e/a" accept-charset="UTF-8" method="get">
<div class="form-group">
<div class="input-group">
<select class="form-control nativeSelect" style="flex: 0.2" >
<option>Workchain: 0</option>
<option>Workchain: -1</option>
</select>
<div class="jsSelect" style="display: none;">
<div class="js-form-select" data-state="">
<div class="form-select-title"></div>
<div class="form-select-content">
<input id="chain1" class="form-select-input" type="radio" name="workchain" checked />
<label for="chain1" tabindex="0" class="form-select-label" data-value="Workchain -1"></label>
<input id="chain2" class="form-select-input" type="radio" name="workchain" />
<label for="chain2" tabindex="0" class="form-select-label" data-value="Workchain 0"></label>
</div>
</div>
</div>
<input name="q" id="search" type="text" class="form-control" placeholder="For example: EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N">
<button type="submit" class="btn btn-primary">Search</button>
</div>
</div>
</form>
</div>
<div class="explorer">
<h1>Address explorer</h1>
<form action="/e/a" accept-charset="UTF-8" method="get">
<div class="form-group">
<div class="input-group">
<input name="q" id="search" type="text" class="form-control" placeholder="For example: EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N">
<button type="submit" class="btn btn-primary">Search</button>
</div>
</div>
</form>
</div>
</main>
<script src="./js/bootstrap.bundle.min.js"></script>
<script>
const selectSingle = document.querySelector('.js-form-select');
const selectSingle_title = selectSingle.querySelector('.form-select-title');
const selectSingle_labels = selectSingle.querySelectorAll('.form-select-label');
selectSingle_title.addEventListener('click', () => {
if ('active' === selectSingle.getAttribute('data-state')) {
selectSingle.setAttribute('data-state', '');
} else {
selectSingle.setAttribute('data-state', 'active');
}
});
for (let i = 0; i < selectSingle_labels.length; i++) {
selectSingle_labels[i].addEventListener('click', (evt) => {
selectSingle_title.textContent = evt.target.textContent;
selectSingle.setAttribute('data-state', '');
});
}
function toggle(className) {
var x = document.getElementsByClassName(className);
if (x[0].style.display === "none") {
x[0].style.display = "block";
} else {
x[0].style.display = "none";
}
}
toggle('nativeSelect')
toggle('jsSelect')
</script>
</body>
</html>