-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaddress.html
More file actions
430 lines (379 loc) · 22.8 KB
/
address.html
File metadata and controls
430 lines (379 loc) · 22.8 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
<!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">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<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="address-container">
<div class="row">
<div class="qrcode">
<img src="images/qrcode.svg">
</div>
<div class="col">
<dl class="row account-list">
<dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2"><span data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Identifier of target account in TON" aria-label="Identifier of target account in TON">Address</span></dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10" onclick="copyAddress()">
<span data-clipboard-target="#address" class="copy" id="spanaddress" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Copy address to clipboard" aria-label="Copy address to clipboard">EQCD49VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N <img style="margin-bottom: 4px;" src="./images/copy.svg" /></span>
</dd>
<dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2"><span data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Current address balance in TON" aria-label="Current address balance in TON"> Balance</span></dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10">16449554.961865942 TON</dd>
<dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2">Last activity</dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10">
17 days ago
</dd>
</dd><dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2">State</dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10">active</dd>
<dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2">Workchain ID</dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10">0
<dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2">Blockchain ID</dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10">mainnet</dd>
<dt class="col-sm-4 col-md-2 col-lg-2 col-xl-2">Raw</dt>
<dd class="col-sm-8 col-md-10 col-lg-10 col-xl-10"><small>0:84DFD552E64729B472FCBCC8C45EBCC6691702558B68EC7527E1BA404A0F41A8</small></dd>
</dl>
</div>
</div>
<div class="history-header">
<h2>Recent history </h2>
<span>
API:
<a href="https://api.ton.sh/getTransactions?address=EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N" target="_blank">history</a>,
<a target="_blank" href="https://api.ton.sh/getAddressInformation?address=EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N">address</a>
</span>
</div>
<div class="table-responsive" id="addressTable" data-hash="a5izUrxG6N0CXCoMrcqqV5UH2s1ydKPjK7P1Z5gvg1g=" data-lt="19500383000001">
<table class="table">
<thead>
<tr>
<th style="min-width:100px;" class="colla text-small">Age</th>
<th class="colla" scope="col">From</th>
<th style="width:37px;"></th>
<th class="colla" scope="col">To</th>
<th scope="col">TON</th>
<th scope="col">Message</th>
</tr>
</thead>
<tbody id="addressTableBody" >
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-19 14:01:39"><small>17 days ago</small></td>
<td >
<div data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2" class="colla">
<a href="/e/a/EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2">EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2</a>
</div>
</td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000000004 (storage fee)">0.1</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-19 14:00:08"><small>17 days ago</small></td>
<td >
<div data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2" class="colla">
<a href="/e/a/EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2">EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2</a>
</div>
</td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000000013 (storage fee)">0.1</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-19 13:55:19"><small>17 days ago</small></td>
<td >
<div data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2" class="colla">
<a href="/e/a/EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2">EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2</a>
</div>
</td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.00000248 (storage fee)">0.1</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-18 22:01:30"><small>18 days ago</small></td>
<td >
<div data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="EQAbTfOtAF0JjGgId3bMl2yCDn3GrgZ5fVx18AUWe1HEWdv2" class="colla">
<a href="/e/a/EQA9LLV1F8wYIU9WIpN2uHy46hh4uVUNrcCzZhiwtckprX95">EQA9LLV1F8wYIU9WIpN2uHy46hh4uVUNrcCzZhiwtckprX95</a>
</div>
</td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000000032 (storage fee)">1</td>
<td class="colla">for cocaine and strippers</td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-18 21:49:20"><small>18 days ago</small></td>
<td class="colla"><a href="/e/a/EQA9LLV1F8wYIU9WIpN2uHy46hh4uVUNrcCzZhiwtckprX95">EQA9LLV1F8wYIU9WIpN2uHy46hh4uVUNrcCzZhiwtckprX95</a></td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000034261 (storage fee)">5</td>
<td class="colla">=0 :>:08= 8 AB@8?B875@H</td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-09 18:07:54"><small>27 days ago</small></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td><span class="badge bg-danger">OUT</span></td>
<td class="colla"><a href="/e/a/Ef8mFw9p7OGnf0i4oBvu88A4MxJzM6F2I60KpuZKxwXu1m7-">Ef8mFw9p7OGnf0i4oBvu88A4MxJzM6F2I60KpuZKxwXu1m7-</a></td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.022618 (transaction fee), 0.000000002 (storage fee)">1250000</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-09 18:07:54"><small>27 days ago</small></td>
<td><span data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message was not generated by an account" aria-label="Message was not generated by an account"> external</span></td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.022618 (transaction fee), 0.000000002 (storage fee)">0</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-09 18:07:22"><small>27 days ago</small></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td><span class="badge bg-danger">OUT</span></td>
<td class="colla"><a href="/e/a/Ef_KWV4Il6MeaT72sdQbnKkT13u3yMV82vnhA2le4EMZTaff">Ef_KWV4Il6MeaT72sdQbnKkT13u3yMV82vnhA2le4EMZTaff</a></td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.022618 (transaction fee), 0.000120979 (storage fee)">1250000</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-07-09 18:07:22"><small>27 days ago</small></td>
<td><span data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message was not generated by an account" aria-label="Message was not generated by an account"> external</span></td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.022618 (transaction fee), 0.000120979 (storage fee)">0</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-06-07 10:22:30"><small>2 months ago</small></td>
<td class="colla"><a href="/e/a/EQAxlfMSGUlBxihY8Xs41kuQG-1asFgcXaKV-IpySFlE0SxJ">EQAxlfMSGUlBxihY8Xs41kuQG-1asFgcXaKV-IpySFlE0SxJ</a></td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000000008 (storage fee)">132580</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-06-07 10:19:34"><small>2 months ago</small></td>
<td class="colla"><a href="/e/a/Ef9TrVl_EqOQuEOKntkhkYC_REM8gdbZvD9ASgK27qmE_6rO">Ef9TrVl_EqOQuEOKntkhkYC_REM8gdbZvD9ASgK27qmE_6rO</a></td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000000465 (storage fee)">19950</td>
<td></td>
</tr>
<tr>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="2021-06-07 07:20:52"><small>2 months ago</small></td>
<td class="colla"><a href="/e/a/EQALDpJOB3xMKYT1-GKHiNRweLzSo8cSjJh__OUTXVOTCvko">EQALDpJOB3xMKYT1-GKHiNRweLzSo8cSjJh__OUTXVOTCvko</a></td>
<td><span class="badge bg-success">IN</span></td>
<td class="colla">EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N</td>
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: 0.0001 (transaction fee), 0.000000006 (storage fee)">38350</td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-12 text-center loadmore">
<button class="page-link" id="pagination">Load more</button>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="nav-header">
<a href="/" class="d-flex align-items-center 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>
</div>
<div class="bubble">
</div>
</div>
</footer>
<input id="address" type="text" value="EQC7Ao5WJNFycT3suSzPW4tHyO-Bm7QKfzKpnuo2EnysU_P1"/>
<script src="./js/bootstrap.bundle.min.js"></script>
<script src="./js/clipboard.min.js"></script>
<script src="./js/easy.qrcode.min.js"></script>
<script>
new ClipboardJS('.copy');
updateToolTips()
function copyAddress() {
var addressSpan = document.getElementById('spanaddress');
var tooltip = bootstrap.Tooltip.getInstance(addressSpan)
addressSpan.setAttribute('data-bs-original-title', "Address saved to clipboard")
tooltip.show()
setTimeout(function(){
addressSpan.setAttribute('data-bs-original-title', "Copy address to clipboard")
tooltip.hide()
}, 2000)
}
// Options
var options = {
colorDark : "#303757",
width: 1000,
height: 1000,
logoWidth: 200,
logoHeight: 200,
logo: "images/gem.png",
text: "ton://transfer/" + document.getElementById('address').value
};
// Create QRCode Object
new QRCode(document.getElementsByClassName("qrcode")[0], options);
var pageLink = document.getElementById('pagination');
pageLink.addEventListener('click', event => {
var address = document.getElementById('address');
var table = document.getElementById('addressTable');
var addressTableBody = document.getElementById('addressTableBody');
let xhr = new XMLHttpRequest();
//xhr.open('GET', `https://api.ton.sh/getTransactions?address=${address.value}&hash=${table.getAttribute("data-hash")}<=${table.getAttribute("data-lt")}`);
xhr.open('GET', 'data.json')
xhr.responseType = 'json';
xhr.send();
xhr.onload = function() {
let responseObj = xhr.response;
console.log(responseObj)
for(i in responseObj.result){
let tx = responseObj.result[i]
let type = '<td><span class="badge bg-success">IN</span></td>'
let to = address.value
if(tx.sent.length != 0){
type = '<td><span class="badge bg-danger">OUT</span></td>';
to = tx.sent[0].to
}
let from = tx.received.from
//FROM
let addressFromRow = `
<td class="colla">
<div data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="${from}" class="colla">
<a href="/e/a/${from}">${from}</a>
</div>
</td>
`
if(from == address.value || from == 'external'){
addressFromRow = `<td class="colla">${from}</td>`
}
// TO
let addressToRow = `
<td class="colla">
<div data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="${to}" class="colla">
<a href="/e/a/${to}">${to}</a>
</div>
</td>
`
if(to == address.value){
addressToRow = `<td class="colla">${to}</td>`
}
let message = '';
if(tx.received.message){
message = tx.received.message
}
if(tx.sent.message){
message = tx.sent.message
}
let row = `
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="${Date(tx.timestamp).toLocaleString('en-GB', { hour12: false })}"><small>${timeDifference(parseInt(new Date()/1000), tx.timestamp)}</small></td>
${addressFromRow}
${type}
${addressToRow}
<td data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Fees: ${(tx.other_fee/10**9).toString()} (transaction fee), ${tx.storage_fee/10**9} (storage fee)">${tx.received.nanoton/10**9}</td>
<td class="colla">${message}</td>
`
let div = document.createElement('tr');
div.classList.add('animated');
div.innerHTML = row;
addressTableBody.append(div);
setTimeout(function(){
div.classList.add('animated-show');
}, 30*i)
}
updateToolTips()
if(responseObj.previous_transaction){
table.setAttribute("data-hash", responseObj.previous_transaction.hash)
table.setAttribute("data-lt", responseObj.previous_transaction.lt)
}else{
table.removeAttribute("data-hash")
table.removeAttribute("data-lt")
let btn = document.getElementsByClassName('loadmore')[0].hidden = true;
}
};
return false;
});
function updateToolTips(){
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
}
function timeDifference(current, previous) {
var msPerMinute = 60 * 1000;
var msPerHour = msPerMinute * 60;
var msPerDay = msPerHour * 24;
var msPerMonth = msPerDay * 30;
var msPerYear = msPerDay * 365;
var elapsed = current - previous;
if (elapsed < msPerMinute) {
return Math.round(elapsed/1000) + ' seconds ago';
}
else if (elapsed < msPerHour) {
return Math.round(elapsed/msPerMinute) + ' minutes ago';
}
else if (elapsed < msPerDay ) {
return Math.round(elapsed/msPerHour ) + ' hours ago';
}
else if (elapsed < msPerMonth) {
return '' + Math.round(elapsed/msPerDay) + ' days ago';
}
else if (elapsed < msPerYear) {
return '' + Math.round(elapsed/msPerMonth) + ' months ago';
}
else {
return '' + Math.round(elapsed/msPerYear ) + ' years ago';
}
}
</script>
</body>
</html>