-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
632 lines (478 loc) · 32.7 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
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
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wrapped ILCOIN (WILC) dApp</title>
<!-- Bootstrap CSS -->
<link href="style/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Select -->
<link rel="stylesheet" href="style/bootstrap-select.min.css" />
<!-- MAIN STYLES-->
<link rel="stylesheet" href="style/main.css">
<!-- FONTAWESOME STYLES-->
<link href="style/all.css" rel="stylesheet">
<!-- <script src="https://kit.fontawesome.com/a90a45c743.js" crossorigin="anonymous"></script> -->
<!-- FONTAWESOME ANIMATED-->
<link rel="stylesheet" href="style/font-awesome-animation.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
</head>
<body>
<header>
<div class="container-md"></div>
<img draggable="false" src='images/wilc-wt.png' width='124px' height='35px' style="position:absolute; left: 5px; top: 23px">
</header>
<div class="createwalletarea">
<!-- <button class="foure button77" onclick="OpenMyEtherWallet();"><b><i class="fas fa-wallet faa-horizontal animated-hover fa-2x"></i><br>Create Wallet</b></button> -->
<button type="button" class="foure button77" data-toggle="modal" data-target="#createwalletmodal"> <b><i class="fas fa-wallet faa-horizontal animated-hover fa-2x"></i><br>Create Wallet</b> </button>
</div>
<div class="options text-center">
<div style="text-align: left;margin-bottom: 30px;">
<select class="selectpicker show-tick" data-style="btn-warning" data-show-subtext="true" id="providerselector" >
<optgroup label="EtherscanProvider" >
<option data-subtext="mainnet" value="etherscan" >Etherscan_1</option>
<option data-subtext="mainnet" value="etherscan2" selected >Etherscan_2</option>
<optgroup label="InfuraProvider" >
<option data-subtext="mainnet" value="infura" >Infura_1</option>
<option data-subtext="mainnet" value="infura2" >Infura_2</option>
</select>
<script type="text/javascript">$('#providerselector').selectpicker('render'); </script>
</div>
<h5 style=""><b class="shimmer">How would you like to access your wallet?</b></h5>
<span class="label info">To avoid exceeding API limits, it is recommended to avoid always using the same provider. The default provider is Etherscan</span>
</div>
<div id="kapat" >
<button class="btn shadowbtn " id="UseKeystorebtn" onClick ="UseKeystore ();"><i class="fas fa-file-code faa-tada animated-hover fa-3x" ></i> <b style="vertical-align:super; padding-left:10px; font-size: 16px;" >Keystore JSON</b></button>
<button class="btn shadowbtn " id="UsePrivateKeybtn" onclick="UsePrivateKey();"><i class="fas fa-key faa-tada animated-hover fa-3x"></i> <b style="vertical-align:super; padding-left:10px; font-size: 16px;" >Private Key</b></button>
<button class="btn shadowbtn " id="UseMnemonicbtn" onclick="UseMnemonic();"><i class="fas fa-file-alt faa-tada animated-hover fa-3x" ></i> <b style="vertical-align:super; padding-left:10px; font-size: 16px;" >Mnemonic Phrase</b></button>
</div>
<div id="addressArea" class="hidden">
<i style="color:#05c0a5;float:left;font-size:1em" class="fas fa-wallet "></i>
<div id="indivaddres" >
<span class="myaddress " >0x0000000000000000000000000000000000000000</span> <br>
<span id="copyicon" class="fa-stack" onclick="CopyAddress();" style="color:#05c0a5">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fas fa-copy fa-stack-1x fa-inverse" data-toggle="tooltip" data-placement="bottom" data-original-title="Copy Address"></i>
</span>
<span id="showicon" class="fa-stack" onclick="ShowPkey();" style="color:#05c0a5">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fas fa-eye fa-stack-1x fa-inverse" data-toggle="tooltip" data-placement="bottom" title="Copy Private Key"></i>
</span>
<a style="color:#05c0a5; outline: 0;" tabindex="0" id="showqr" class="fa-stack" data-toggle="popover" data-html="true" data-placement="bottom" data-trigger="focus" title="" data-content="" data-address="">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fas fa-qrcode fa-stack-1x fa-inverse" data-toggle="tooltip" data-placement="bottom" title="Show QR Code"></i>
</a>
<div id="qrcode" style="display: none; width: auto; height: auto; margin: 0px auto; text-align: center; padding: 0px;"></div>
<span id="closeaccount" class="fa-stack" onclick="CloseAcc();" style="color:#E9223A">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fas fa-times-circle fa-stack-1x fa-inverse" data-toggle="tooltip" data-placement="bottom" title="Change Wallet"></i>
</span>
</div>
</div>
<div id="tokensbalance" class=" align-middle hidden" >
<i style="color:#05c0a5;float:left;font-size:1em" class="fas fa-hand-holding-usd"></i>
<div id="indivbalance">
<b id="ethbal"><img draggable="false" src="images/gif.gif" style="width:7%"> </b> <b >ETH</b> <hr>
<b id="storjbal"><img draggable="false" src="images/gif.gif" style="width:7%"> </b> <b>WILC</b>
</div>
</div>
<div id="walletActions" class="hidden">
<button type="button" class="foure button1" data-toggle="modal" data-target="#storjmodal" onclick="UpdateTokenFeeETH();"><i class="fa fa-paper-plane"></i>
<b>Send WILC</b>
</button>
<button type="button" class="foure button1" data-toggle="modal" data-target="#ethermodal" onclick="UpdateAvailableETH();"><i class="fa fa-paper-plane"></i>
<b>Send ETH</b>
</button>
</div>
<div class="walletInput">
<div id="keystoreupload" style="background-image: url('images/background.png'); background-repeat: no-repeat;" class="hidden">
<div style="color:white" class="form-group">
<label for="exampleInputEmail1" id="loading" >Keystore JSON File <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="right" data-original-title="This file simply holds your encrypted private key within it, which is why you have to use your chosen password to unlock your wallet via this method. Enter the password used to encrypt the file when the wallet was created."></i></label>
<button class="foure button" id="openkeystorebtn" onclick="OpenKeystoreFile();">Open Keystore File</button>
<p class="test" id="testid"></p>
<!-- <p class="errorInfo text-info pull-right" id="keystoredetail">$asdasdad</p> -->
</div>
<div style="color:white" class="form-group">
<label for="walletpass">Wallet Password</label>
<!-- <input type="password" class="form-control" id="keystorewalletpass" placeholder="Ethereum Wallet Keystore Password" required> -->
<div class="input-group" id="show_hide_password" style="display:table">
<input style="width:90%" type="password" class="form-control" id="keystorewalletpass" placeholder="Ethereum Wallet Keystore Password" required>
<div style="font-size:19px" class="input-group-addon">
<a href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
</div>
</div>
</div>
<button type="submit" class="foure button" id="keystorebtn" onclick="UnlockWalletKeystore();" disabled>Open</button>
<button class="foure button" onClick="backbutton();">Back</button>
<p class="errorInfo text-info pull-right" id="keystorejsonerror"></p>
</div>
<div id="privatekey" style="background-image: url('images/background.png'); background-repeat: no-repeat; " class="hidden">
<div style="color:white" class="form-group">
<label for="walletpass">Wallet Private Key <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="right" data-original-title="Please be sure that you are carefully and accurately typing your private key. A single wrong character will open a different wallet than is yours. Be sure there is not a space at the beginning or end of your private key. For reference private key looks like afdfd9c3d2095ef696594f6cedcae59e72dcd697...."></i></label>
<!-- <input type="password" class="form-control" id="privatepass" placeholder="a6de9563d3db157ed9926a993559dc177be74a23fd88ff5776ff0505d21fed2b" required> -->
<div class="input-group" id="show_hide_password" style="display:table">
<input style="width:90%" type="password" class="form-control" id="privatepass" placeholder="a6de9563d3db157ed9926a993559dc177be74a23fd88ff577" required>
<div style="font-size:19px" class="input-group-addon">
<a href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
</div>
</div>
</div>
<button type="submit" class="foure button" onclick="OpenPrivateKey();">Open</button>
<button class="foure button" onClick="backbutton();">Back</button>
<p class="errorInfo text-info pull-right" id="privatekeyerror"></p>
</div>
<div id="mnemonicupload" style="background-image: url('images/background.png'); background-repeat: no-repeat; " class="hidden">
<div style="color:white" class="form-group">
<label for="walletpass">Mnemonic Phrase <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="right" data-original-title="Mnemonic phrases are ordered lists of 12 - 24 words which bring you to specific and unique wallet addresses. 12-word Mnemonic Phrase Example: jealous expect hundred young unlock disagree major siren surge acoustic machine catalog. Separate words by spaces."></i></label>
<!-- <input type="password" class="form-control" id="mnemonicwords" placeholder="indoor dish desk flag debris..." required> -->
<div class="input-group" id="show_hide_password" style="display:table">
<input style="width:90%" type="password" class="form-control" id="mnemonicwords" placeholder="indoor dish desk flag debris..." required>
<div style="font-size:19px" class="input-group-addon">
<a href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
</div>
</div>
</div>
<button type="submit" class="foure button" onclick="UnlockMnemonic();">Open</button>
<button class="foure button" onClick="backbutton();">Back</button>
<p class="errorInfo text-info pull-right" id="mnemonicerror"></p>
</div>
</div>
<script language="javascript" type="text/javascript">
// You can also require other files to run in this process
require('./renderer.js')
</script>
<div class="modal fade come-from-modal right" data-backdrop="static" id="ethermodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="text-align:center;background-color: #2a363f;color: #fff; border-radius:0px;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearInputField()"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"><b>Send Ethereum</b></h4><br>
<img draggable="false" id="logosend" src="images/sendlogoeth.png" width="50" >
</div>
<div class="modal-body">
<div>
<div class="modalcardbalance">
<span style="line-height: 30px;"><u class="ethspend">0.0</u> <b>ETH</b> Available <sub class="text-muted"> after gas fee</sub></span>
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><b>To Address</b></span>
<input style="text-align: center; margin-bottom: 20px;" type="text" id="send_ether_to" class="form-control" onkeyup="GetEthAddress();" aria-label="Amount (to the nearest dollar)" placeholder="0x0000000000000000000000000000000000000000">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><b>Amount to send [ETH]</b></span>
<input style="margin-bottom: 20px;" type="number" min="0" max="25000" step="0.00000001" id="send_ether_amount" class="form-control" aria-label="Amount (to the nearest dollar)" placeholder="0.0" onpaste="return false;" onkeypress="return isNumberKey(event,this);" onchange="CheckETHAvailable();" onkeyup="CheckETHAvailable();">
</div>
</div>
<div style="text-align: right;">
<select id="selectid2" class="form-select" aria-label="Default select example">
<option id="lowgas1" value="1">Low</option>
<option id="averagegas1" selected value="2">Medium</option>
<option id="fastgas1" value="3">Fast</option>
</select>
<button type="button" style="font-size: 10px;font-weight: 700;" class="btn btn-default">Gas Price: <input id="ethgasprice" type="number" readonly style="width: 50px;" > gwei</button>
<button type="button" style="font-weight: 700;font-size: 10px;" class="btn btn-default">Fee: <input id="ethtxfee" type="text" aria-describedby="gaswilcHelp" readonly style="width: 80px;"> ETH</button><br>
<small id="gaswilcHelp" class="form-text text-muted">Gas Limit is 21000</small>
</div>
</div>
<div class="modal-footer" style="position: fixed;bottom: 0;width: 100%;">
<button type="button" id="sendethbutton" class="btn btn-primary" onclick="SendEthereum();" disabled><b>Send Ethereum</b></button>
</div>
</div>
</div>
</div>
<div class="modal fade come-from-modal right" data-backdrop="static" id="storjmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="text-align:center; background-color: #2a363f; color: #fff; border-radius:0px">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearInputField()"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"><b>Send Wrapped ILCOIN</b></h4><br>
<img draggable="false" id="logosend" src="images/sendlogowilc.png" width="50" >
</div>
<div class="modal-body">
<div >
<div class="modalcardbalance">
<span style="line-height: 30px;"><u class="storjspend">0.0</u> <b>WILC</b> Available </span>
</div>
<div class="modalcardbalance">
<span style="line-height: 30px;"><u class="ethavailable">0.0</u> <b>ETH</b> Available <sub class="text-muted"> after gas fee</sub> </span>
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><b>To Address</b></span>
<input style="text-align: center; margin-bottom: 20px;" type="text" id="send_to_token" class="form-control" onkeyup="GetTokenAddress();" aria-label="Amount (to the nearest dollar)" placeholder="0x0000000000000000000000000000000000000000">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><b>Amount to send [WILC]</b></span>
<input style="margin-bottom: 20px;" type="number" min="0" max="2500000000" step="0.00000001" id="send_amount_token" class="form-control" aria-label="Amount (to the nearest dollar)" placeholder="0.0" onpaste="return false;" onkeypress="return isNumberKey(event,this);" onchange="CheckTokenAvailable();" onkeyup="CheckTokenAvailable();">
</div>
</div>
<div style="text-align: right;">
<select id="selectid" class="form-select" aria-label="Default select example">
<option id="lowgas" value="1">Low</option>
<option id="averagegas" selected value="2">Medium</option>
<option id="fastgas" value="3">Fast</option>
</select>
<button type="button" style="font-size: 10px;font-weight: 700;" class="btn btn-default">Gas Price: <input id="tokengasprice" type="number" readonly style="width: 50px;" > gwei</button>
<button type="button" style="font-weight: 700;font-size: 10px;" class="btn btn-default">Fee: <input id="tokentxfee" type="text" aria-describedby="gaswilcHelp" readonly style="width: 80px;"> ETH</button><br>
<small id="gaswilcHelp" class="form-text text-muted">Gas Limit is 65000</small>
</div>
</div>
<div class="modal-footer" style="position: fixed;bottom: 0;width: 100%;">
<button type="button" id="sendtokenbutton" class="btn btn-primary" onclick="SendToken();" disabled><b>Send Wrapped ILCOIN</b></button>
</div>
</div>
</div>
</div>
<div class="modal fade" data-backdrop="static" id="createwalletmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div style="margin-top: 25vh;" class="modal-dialog" role="document">
<div class="modal-content" >
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="backcreatewalletbutton()"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fas fa-plus-square "></i><b> Create WILC & ETH Wallet</b></h4>
</div>
<div class="modal-body">
<form class="iew_form__create_new_wallet">
<p >
For stronger encryption choose a stronger password. <strong>You will need this password + downloaded Keystore file to unlock your wallet. You can also directly use the given Private key to unlock your wallet.</strong> Please, store your password, Keystore file and private key in a safe place, preferably an external device without access to the internet (like USB). <strong>In case of loss, we won't be able to recover your password, Keystore file or private key.</strong>
</p>
<div class="input-group" id="show_hide_password" style="display:table">
<input style="width:90%" type="password" class="form-control" id="createwalletpass" placeholder="Password" >
<div style="font-size:19px" class="input-group-addon">
<a href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
</div>
</div>
<div class="form-group">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
</div>
</div>
<div class="form-group">
<button type="submit" id="btncreatenewwallet" class="foure button88" > Create New Wallet</button>
<p class="errorInfo text-info pull-right" id="createwalleterror"></p>
</div>
</form>
<form class="iew_form__create_new_wallet_done">
<p >
A keystore file is a password-encrypted file which contains your private key on the Ethereum network. Your private key is used to sign transactions when sending crypto assets from your address. Because both the keystore file and a password are required to unlock access to your Ethereum address, this adds an additional layer of security as both file and password are required together. If someone gains a copy of your file but does not have the password, your funds are still secure, as opposed to your naked private key stored in a plain text file. Your private key is:
</p>
<div class="form-group" style="text-align: left;" >
<p class="errorInfo text-info pull-left" id="copypkeynotification"></p>
<label ><span style="background: #2a363f; padding: 4px; color: white; border-radius: 2px;" class="private-key">None</span></label>
<span id="copypkeyicon" class="fa-stack" style="color:#2a363f">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fas fa-copy fa-stack-1x fa-inverse" ></i>
</span><br>
<a class="btn btn-success download-json-file" href="#" role="button">Download Keystore / JSON File</a>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="aboutmodalerisim" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div style="margin-top: 8vh;" class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" ><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fas fa-info-circle "></i><b> Wrapped ILCOIN (WILC) dApp</b></h4>
</div>
<div class="modal-body">
<p>A simple Ethereum Wallet based on <b>Wrapped ILCOIN (WILC)</b> ERC20 Token. Send and receive ETH and WILC with ease and security. Ethereum wallets are decrypted and raw transactions are signed locally. Raw transactions are sent directly to etherscan.io & infura.io. This open source dApp is created for the WILC community. <br><br> This wallet is for the WILC community to make life 25% easier for us token holders. Make your WILC Token experience decentralized! None of your wallet information is sent to any server. Wallet keys are kept on your local machine. Every time you want to use this wallet, you must re-use the Keystore JSON, Mnemonic Phrase or Private Key for your wallet. This wallet uses ether-js javascript library to decrypt wallets locally and also uses Infura & Etherscan providers for accessing transaction history and balances. Each time you open the wallet, you will need to reinput the Keystore JSON file with password or use the wallet's Private Key and Mnemonic Phrase. If you don't have Ethereum or WILC wallet yet, make one with a secure password by clicking "Create Wallet" button. This wallet will not save or move your wallets. Be sure to back up the Keystore JSON file!</p>
</div>
<div class="modal-footer">
<button class="btn btn-social" onclick="OpenGithubRepo();"><b><i class="fab fa-github fa-lg faa-tada animated" style="color:white;"></i></b></button>
<button class="btn btn-social" onclick="OpenTelegram();"><b><i class="fab fa-telegram-plane fa-lg faa-tada animated" style="color:white;"></i></b></button>
<button class="btn btn-social" onclick="OpenTwitter();"><b><i class="fab fa-twitter fa-lg faa-tada animated" style="color:white;"></i></b></button>
<!-- <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> -->
</div>
</div>
</div>
</div>
<div class="modal fade" id="trxsentModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" style="margin-top: 10vh;" role="document">
<div class="modal-content">
<div class="modal-header" style="margin:auto">
<h4 class="modal-title" id="myModalLabel"><p style="color:white; font-size:14px; text-align:center; text-decoration: underline;" class="txidLink text-primary" onclick="OpenEtherScan('0x31b2c588cbf74bec84491eb4ec8423cd13742f7d90315693771b6699c042eba5')">0x31b2c588cbf74bec84491eb4ec8423cd13742f7d90315693771b6699c042eba5</p></h4>
</div>
<div class="modal-body" style="text-align:center">
<!-- <i class="fas fa-check-circle faa-flash animated fa-7x" style="color: #05c0a5; padding-bottom:15px;"></i> -->
<img draggable="false" src="images/tenor.gif" width="120">
<p>From Address: <b id="txfromaddress">0x208e02303fe29be3698732e92ca32b88d80a2d36</b></p>
<p>To Address: <b id="txtoaddress">0xa3ddc09b5e49d654a43e161cae3f865261cabd23</b></p>
<p>Coin: <b id="txtype">ETH</b></p>
<p>Value: <b id="senttxamount">0.2545</b></p>
<p>Gas fee: <b id="txgasfee">0.0015</b> ETH</p>
<div class="modal-footer" style="text-align: center;">
<button type="button" style="width:300px; height:50px;"class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="txnerrorModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div style="margin-top: 8vh;" class="modal-dialog" role="document">
<div class="modal-content" style="width: 400px; margin: auto;">
<div class="modal-header" style="margin:auto">
<h4 class="modal-title" id="myModalLabel" style="color:white; font-size:14px; text-align:center;" ><b>Invalid Address</b></h4>
</div>
<div class="modal-body" style="text-align:center">
<i class="fas fa-times-circle faa-flash animated fa-7x" style="color: #E9223A; padding-bottom:10px;"></i> <br><br> If you tried to send WILC or ETH to an invalid address, your transaction will not be valid and will not be processed by the network. Hence no WILC or ETH will have moved. Try again with valid receiver address.
</div>
<div class="modal-footer" style="text-align: center;">
<button type="button" style="width:300px; height:50px;"class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="interneterrorModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel"><i class="fas fa-plug faa-flash animated"></i> Disconnected from Ethereum network</h4>
</div>
<div class="modal-body text-center">
You’ve lost your connection to the network, check your internet connection. This application is client that send and receive data in real-time and become unusable without an active Internet connection.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- <div style="bottom:0"> -->
<!-- <span class="portfolio">WILC: $<span id="portfolioStorj">0.00</span> <span class="miniprice" id="portStorjUSD">(0.00)</span> | ETH: $<span id="portfolioEth">0.00</span> <span class="miniprice" id="portEthUSD">(0.00)</span> | TOTAL: $<span id="portfolioTotal">0.00</span></span> -->
<!-- </div> -->
<div class="nodata hidden">
<h2>No WILC Transactions!</h2>
<p>You don't have any pending or past transactions yet. </p>
<img draggable="false" src="images/nodata.png" height="90px">
</div>
<div class="container hidden">
<div class="table-responsive">
<table class="table table-fixed">
<thead>
<tr>
<th style="width: 6%"></th>
<th style="width: 34%"><i class="fas fa-receipt" aria-hidden="true"></i> Tx Hash</th>
<th style="width: 15%"><i class="fas fa-coins" aria-hidden="true"></i> Amount</th>
<th style="width: 20%"><i class="fas fa-angle-double-right" aria-hidden="true"></i> From</th>
<th style="width: 20%"><i class="fas fa-angle-double-left" aria-hidden="true"></i> To</th>
<th style="width: 15%"><i class="fas fa-clock" aria-hidden="true"></i> Date</th>
</tr>
</thead>
<tbody id="wilctxnresults">
</tbody>
</table>
</div>
</div>
<!-- alert basladı -->
<div class="notify"><span id="notifyType" class=""></span></div>
<!-- alert bitti -->
<footer>
<div class="container-md">
<p class="brand">Wrapped ILCOIN Decentralized App</p>
<span class="about" data-toggle="modal" data-target="#aboutmodalerisim">About v0.2.2</span>
<img draggable="false" src='images/footer.png' width='100%' height='120px'>
<span id="status">checking network status <i class="fas fa-spinner faa-spin animated"></i></span>
</div>
</footer>
<script src="js/qrcode.min.js"></script>
<script src="js/bootstrap-session-timeout.js"></script>
<script src="js/ana.js"></script>
<script src="js/app.js"></script>
<script>
var statusElem = document.getElementById('status')
setInterval(function () {
statusElem.className = navigator.onLine ? 'online' : 'offline';
statusElem.innerHTML = navigator.onLine ? '<i class="fas fa-wifi faa-pulse animated"></i> Online' : '<i class="fas fa-exclamation-triangle faa-flash animated"></i> Offline';
}, 2000);
</script>
<script type="text/javascript">
$('#send_ether_amount, #send_amount_token').keypress(function (e) {
var a = [];
if(e.charCode === 46) {
// if dot is the first symbol
if(e.target.value.length === 0 ) {
e.preventDefault();
return;
}
// if there are dots already
if( e.target.value.indexOf('.') !== -1 ) {
e.preventDefault();
return;
}
a.push(e.charCode);
}
})
function isNumberKey(evt, element) {
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57) && !(charCode == 46 || charCode == 8))
return false;
else {
var len = $(element).val().length;
var index = $(element).val().indexOf('.');
if (index > 0 && charCode == 46) {
return false;
}
if (index > 0) {
var CharAfterdot = (len + 1) - index;
if (CharAfterdot > 9) {
return false;
}
}
}
return true;
}
</script>
<script>
$.sessionTimeout({
message: 'After a given period of inactivity or being in the background, <b>you will automatically be logged out of your wallet</b>. This is to help ensure your funds and the keys are safe and secure; especially if you are logging in on a shared computer or network. By default, auto logout is set to 1 minute. <b>You can continue to your wallet by pressing any key or moving the mouse.</b>',
keepAliveUrl: 'index.html',
logoutUrl: 'index.html',
redirUrl: 'index.html',
warnAfter: 50000,
redirAfter: 60000,
<!-- countdownBar: true, -->
countdownMessage: 'Closing wallet in {timer}.'
});
document.getElementById('closesession').style.display='none';
document.getElementById('modalfooter').style.display='none';
</script>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
$("#show_hide_password a").on('click', function(event) {
event.preventDefault();
if($('#show_hide_password input').attr("type") == "text"){
$('#show_hide_password input').attr('type', 'password');
$('#show_hide_password i').addClass( "fa-eye-slash" );
$('#show_hide_password i').removeClass( "fa-eye" );
}else if($('#show_hide_password input').attr("type") == "password"){
$('#show_hide_password input').attr('type', 'text');
$('#show_hide_password i').removeClass( "fa-eye-slash" );
$('#show_hide_password i').addClass( "fa-eye" );
}
});
$("#send_ether_amount, #send_amount_token").change(function() {
$(this).val(parseFloat($(this).val()).toFixed(8));
});
});
</script>
<script>
if (typeof module === 'object') {
window.module = module;
module = undefined;
}
</script>
</body>
</html>