-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
132 lines (120 loc) · 5.42 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
<!DOCTYPE html>
<html>
<head>
<title>NFT Utilities</title>
<link href='https://fonts.googleapis.com/css?family=Open Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body class="container">
<h1>NFT Utilities</h1>
<a href="#" id="connectBtn" onclick="connectWallet()" class="btn btn-warning">Connect Wallet</a>
<br>
<h3>Reload</h3>
<a href="#" onclick="onPageLoad()" class="btn btn-primary">Reload</a> Force blockchain values to refresh.
<hr>
<h3>Contract address - Verify this is correct when confirming transactions</h3>
<br>
<div class="mb-3 row">
<select class="form-select" id="contractAddressSelect">
<option value="" selected>Use Custom Contract Address</option>
<option value="0x1e1628A35C82169F876F97C9CE5B6533895c2B22">CHIMP - 0x1e1628A35C82169F876F97C9CE5B6533895c2B22</option>
<option value="0xc3D585288D35215754e970A23DD8DE37a08e71B7">Cryptsters - 0xc3D585288D35215754e970A23DD8DE37a08e71B7</option>
<option value="0x0e2fbBA88C5E526f5160Af1b9Ad79a20130b2216">GB89 - 0x0e2fbBA88C5E526f5160Af1b9Ad79a20130b2216</option>
<option value="0x81f1a6e026d49c2260a8D6D8e14Bca1628c1Df43">nCeption - 0x81f1a6e026d49c2260a8D6D8e14Bca1628c1Df43</option>
</select>
</div>
<div class="mb-3 row">
<label for="customContractAddress" class="col-sm-2 col-form-label">Custom Contract Address</label>
<input class="col-lg-6" type="text" id="customContractAddress" required>
<div class="invalid-feedback">
Invalid address
</div>
</div>
<hr>
<h3>Transfer - ERC721</h3>
<br>
<form>
<div class="mb-3 row">
<label for="transferERC721ToAddress" class="col-sm-2 col-form-label">To Address</label>
<input class="col-lg-6" type="text" id="transferERC721ToAddress" required/>
<div class="invalid-feedback">
Invalid address
</div>
</div>
<div class="mb-3 row">
<label for="transferERC721TokenId" class="col-sm-2 col-form-label">Token ID</label>
<input class="col-lg-6" type="number" id="transferERC721TokenId" required/>
</div>
<button id="transferERC721Button" class="btn btn-primary">Transfer</button>
</form>
<hr>
<h3>Owner Of - ERC721</h3>
<br>
<form>
<div class="mb-3 row">
<label for="ownerOfTokenId" class="col-sm-2 col-form-label">Token ID</label>
<input class="col-lg-6" type="number" id="ownerOfTokenId" required/>
<div class="invalid-feedback">
Non-existent token ID
</div>
</div>
<button id="ownerOfTokenIdButton" class="btn btn-primary" type="button">Owner</button>
</form>
<br>
<span id="ownerOfTokenIdResult" src="" style="visibility: hidden;"></span>
<hr>
<h3>CHIMP - Display SVG</h3>
<br>
<form>
<div class="mb-3 row">
<label for="displayCHIMPTokenId" class="col-sm-2 col-form-label">Token ID</label>
<input class="col-lg-6" type="number" id="displayCHIMPTokenId" required/>
<div class="invalid-feedback">
Non-existent token ID
</div>
</div>
<button id="displayCHIMPTokenIdButton" class="btn btn-primary" type="button">Display</button>
</form>
<br>
<img id="displayCHIMPimg" src="" style="visibility: hidden;">
<hr>
<h3>GB89 - Display SVG</h3>
<br>
<form>
<div class="mb-3 row">
<label for="displayGB89TokenId" class="col-sm-2 col-form-label">Token ID</label>
<input class="col-lg-6" type="number" id="displayGB89TokenId" required/>
<div class="invalid-feedback">
Non-existent token ID
</div>
</div>
<button id="displayGB89TokenIdButton" class="btn btn-primary" type="button">Display</button>
</form>
<br>
<img id="displayGB89img" src="" width="500" height="500" style="visibility: hidden;">
<hr>
<h3>GB89 - Update Screen</h3>
<br>
<form>
<div class="mb-3 row">
<label for="updateGB89TokenId" class="col-sm-2 col-form-label">Token ID</label>
<input class="col-lg-6" type="number" id="updateGB89TokenId" required/>
<div class="invalid-feedback">
Non-existent token ID
</div>
</div>
<div class="mb-3 row">
<label for="updateGB89LeftPart" class="col-sm-2 col-form-label">Left Part</label>
<input class="col-lg-6" type="number" id="updateGB89LeftPart" required/>
</div>
<div class="mb-3 row">
<label for="updateGB89RightPart" class="col-sm-2 col-form-label">Right Part</label>
<input class="col-lg-6" type="number" id="updateGB89RightPart" required/>
</div>
<button id="updateGB89TokenIdButton" class="btn btn-primary" type="button">Update Screen</button>
</form>
</body>
<script src="https://cdn.ethers.io/lib/ethers-5.6.umd.min.js" type="application/javascript"></script>
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script src="index.js" type="text/javascript"></script>
</html>