Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat: add token contract addresses and consolidate names #332

Merged
merged 1 commit into from
May 14, 2024
Merged

feat: add token contract addresses and consolidate names #332

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 14 additions & 6 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -331,11 +331,11 @@ <h4 class="card-title">
<div class="card full-width">
<div class="card-body">
<h4 class="card-title">
Send Tokens
ERC 20
</h4>

<p class="info-text alert alert-success">
Token(s): <span id="tokenAddresses"></span>
Token(s): <span id="erc20TokenAddresses"></span>
</p>

<div class="form-group">
Expand Down Expand Up @@ -486,7 +486,7 @@ <h4 class="card-title">
</button>

<p class="info-text alert alert-secondary">
Token methods result: <span id="tokenMethodsResult"></span>
ERC 20 methods result: <span id="tokenMethodsResult"></span>
</p>
</div>
</div>
Expand All @@ -497,9 +497,13 @@ <h4 class="card-title">
<div class="card full-width">
<div class="card-body">
<h4 class="card-title">
NFTs
ERC 721
</h4>

<p class="info-text alert alert-success">
Token(s): <span id="erc721TokenAddresses"></span>
</p>

<button
class="btn btn-primary btn-lg btn-block mb-3"
id="deployNFTsButton"
Expand Down Expand Up @@ -622,7 +626,7 @@ <h4 class="card-title">
</div>

<p class="info-text alert alert-secondary">
NFTs: <span id="nftsStatus"></span>
ERC 721 methods result: <span id="nftsStatus"></span>
</p>
</div>
</div>
Expand All @@ -636,6 +640,10 @@ <h4 class="card-title">
ERC 1155
</h4>

<p class="info-text alert alert-success">
Token(s): <span id="erc1155TokenAddresses"></span>
</p>

<button
class="btn btn-primary btn-lg btn-block mb-3"
id="deployERC1155Button"
Expand Down Expand Up @@ -745,7 +753,7 @@ <h4 class="card-title">
</div>

<p class="info-text alert alert-secondary">
ERC 1155: <span id="erc1155Status"></span>
ERC 1155 methods results: <span id="erc1155Status"></span>
</p>
</div>
</div>
Expand Down
29 changes: 24 additions & 5 deletions src/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,6 +123,7 @@ const revokeButton = document.getElementById('revokeButton');
const transferTokenInput = document.getElementById('transferTokenInput');
const transferFromButton = document.getElementById('transferFromButton');
const nftsStatus = document.getElementById('nftsStatus');
const erc721TokenAddresses = document.getElementById('erc721TokenAddresses');

// ERC 1155 Section

Expand All @@ -144,6 +145,7 @@ const revokeERC1155Button = document.getElementById('revokeERC1155Button');
const watchAssetInput = document.getElementById('watchAssetInput');
const watchAssetButton = document.getElementById('watchAssetButton');
const erc1155Status = document.getElementById('erc1155Status');
const erc1155TokenAddresses = document.getElementById('erc1155TokenAddresses');

// ERC 747 Section
const eip747ContractAddress = document.getElementById('eip747ContractAddress');
Expand All @@ -169,7 +171,7 @@ const transferFromRecipientInput = document.getElementById(
'transferFromRecipientInput',
);
const tokenSymbol = 'TST';
const tokenAddresses = document.getElementById('tokenAddresses');
const erc20TokenAddresses = document.getElementById('erc20TokenAddresses');
const createToken = document.getElementById('createToken');
const watchAssets = document.getElementById('watchAssets');
const transferTokens = document.getElementById('transferTokens');
Expand Down Expand Up @@ -1034,6 +1036,7 @@ const updateContractElements = () => {
multisigContractStatus.innerHTML = 'Deployed';
sendMultisigButton.disabled = false;
// ERC721 Token - NFTs contract
erc721TokenAddresses.innerHTML = nftsContract ? nftsContract.address : '';
nftsStatus.innerHTML = 'Deployed';
mintButton.disabled = false;
mintAmountInput.disabled = false;
Expand All @@ -1049,6 +1052,9 @@ const updateContractElements = () => {
watchNFTButtons.innerHTML = '';

// ERC 1155 Multi Token
erc1155TokenAddresses.innerHTML = erc1155Contract
? erc1155Contract.address
: '';
erc1155Status.innerHTML = 'Deployed';
batchMintButton.disabled = false;
batchMintTokenIds.disabled = false;
Expand All @@ -1061,7 +1067,7 @@ const updateContractElements = () => {
watchAssetInput.disabled = false;
watchAssetButton.disabled = false;
// ERC20 Token - Send Tokens
tokenAddresses.innerHTML = hstContract ? hstContract.address : '';
erc20TokenAddresses.innerHTML = hstContract ? hstContract.address : '';
watchAssets.disabled = false;
transferTokens.disabled = false;
transferFromTokens.disabled = false;
Expand Down Expand Up @@ -1251,6 +1257,13 @@ const initializeFormElements = () => {
console.log(
`Contract mined! address: ${nftsContract.address} transactionHash: ${nftsContract.deployTransaction.hash}`,
);

erc721TokenAddresses.innerHTML = erc721TokenAddresses.innerHTML
.concat(', ', nftsContract.address)
.split(', ')
.filter(Boolean)
.join(', ');

nftsStatus.innerHTML = 'Deployed';
mintButton.disabled = false;
mintAmountInput.disabled = false;
Expand Down Expand Up @@ -1402,6 +1415,12 @@ const initializeFormElements = () => {
`Contract mined! address: ${erc1155Contract.address} transactionHash: ${erc1155Contract.deployTransaction.hash}`,
);

erc1155TokenAddresses.innerHTML = erc1155TokenAddresses.innerHTML
.concat(', ', erc1155Contract.address)
.split(', ')
.filter(Boolean)
.join(', ');

erc1155Status.innerHTML = 'Deployed';
batchTransferTokenIds.disabled = false;
batchTransferTokenAmounts.disabled = false;
Expand Down Expand Up @@ -1744,7 +1763,7 @@ const initializeFormElements = () => {
);
await hstContract.deployTransaction.wait();
} catch (error) {
tokenAddresses.innerHTML = 'Creation Failed';
erc20TokenAddresses.innerHTML = 'Creation Failed';
throw error;
}

Expand All @@ -1755,7 +1774,7 @@ const initializeFormElements = () => {
console.log(
`Contract mined! address: ${hstContract.address} transactionHash: ${hstContract.deployTransaction.hash}`,
);
tokenAddresses.innerHTML = tokenAddresses.innerHTML
erc20TokenAddresses.innerHTML = erc20TokenAddresses.innerHTML
.concat(', ', hstContract.address)
.split(', ')
.filter(Boolean)
Expand All @@ -1777,7 +1796,7 @@ const initializeFormElements = () => {
};

watchAssets.onclick = async () => {
const contractAddresses = tokenAddresses.innerHTML.split(', ');
const contractAddresses = erc20TokenAddresses.innerHTML.split(', ');

const promises = contractAddresses.map((erc20Address) => {
return provider.request({
Expand Down
Loading