RanchiMall/btcwallet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source 
- updated btc_api to btcOperator
- removed jquery script as its not needed anymore
This commit is contained in:
sairajzero 2022-11-24 03:44:30 +05:30
parent 02c844dfbf
commit 9f04c846db
1 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@ -14,11 +14,8 @@
rel="stylesheet"> rel="stylesheet">
<script src="components.js" defer></script> <script src="components.js" defer></script>
<script src="https://unpkg.com/uhtml@3.0.1/es.js"></script> <script src="https://unpkg.com/uhtml@3.0.1/es.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</script>
<script type="text/javascript" src="lib.js"></script> <script type="text/javascript" src="lib.js"></script>
<script type="text/javascript" src="lib_btc.js"></script> <script type="text/javascript" src="btcOperator.js"></script>
</head> </head>
<body class="hidden"> <body class="hidden">
@ -698,7 +695,7 @@
notify('Browser is not fully compatible, some features may not work. for best experience please use Chrome, Edge, Firefox or Safari', 'error') notify('Browser is not fully compatible, some features may not work. for best experience please use Chrome, Edge, Firefox or Safari', 'error')
} }
document.body.classList.remove('hidden') document.body.classList.remove('hidden')
document.querySelectorAll('sm-input[data-btc-address]').forEach(input => input.customValidation = btc_api.validateAddress) document.querySelectorAll('sm-input[data-btc-address]').forEach(input => input.customValidation = btcOperator.validateAddress)
document.addEventListener('keyup', (e) => { document.addEventListener('keyup', (e) => {
if (e.key === 'Escape') { if (e.key === 'Escape') {
closePopup() closePopup()
@ -1352,7 +1349,7 @@
render.transactions(address) render.transactions(address)
}) })
getRef('gen_new_addr_btn').addEventListener('click', () => { getRef('gen_new_addr_btn').addEventListener('click', () => {
const { wif, address, segwitAddress, bech32Address } = btc_api.newKeys; const { wif, address, segwitAddress, bech32Address } = btcOperator.newKeys;
renderElem(getRef('generated_btc_addr'), html` renderElem(getRef('generated_btc_addr'), html`
<div> <div>
<h5>BTC Address</h5> <h5>BTC Address</h5>
@ -1367,10 +1364,10 @@
}); });
function retrieveBtcAddr() { function retrieveBtcAddr() {
let wif = getRef('retrieve_btc_addr_field').value.trim(); let wif = getRef('retrieve_btc_addr_field').value.trim();
// addressForm['legacy'].value = btc_api.address(wif); // addressForm['legacy'].value = btcOperator.address(wif);
// addressForm['segwit'].value = btc_api.segwitAddress(wif); // addressForm['segwit'].value = btcOperator.segwitAddress(wif);
getRef('recovered_btc_addr_wrapper').classList.remove('hidden') getRef('recovered_btc_addr_wrapper').classList.remove('hidden')
getRef('recovered_btc_addr').value = btc_api.bech32Address(wif); getRef('recovered_btc_addr').value = btcOperator.bech32Address(wif);
} }
function togglePrivateKeyVisibility(input) { function togglePrivateKeyVisibility(input) {
@ -1381,9 +1378,9 @@
getRef('convert_priv_key').onclick = evt => { getRef('convert_priv_key').onclick = evt => {
let source_wif = getRef('any_private').value.trim(); let source_wif = getRef('any_private').value.trim();
let btc_wif = btc_api.convert.wif(source_wif); let btc_wif = btcOperator.convert.wif(source_wif);
getRef('btc_private').value = btc_wif; getRef('btc_private').value = btc_wif;
getRef('priv_key_bech32').value = btc_api.bech32Address(btc_wif); getRef('priv_key_bech32').value = btcOperator.bech32Address(btc_wif);
} }
getRef('convert_to_flo').onclick = evt => { getRef('convert_to_flo').onclick = evt => {
const btc_bech = getRef('convert_btc_input').value.trim(); const btc_bech = getRef('convert_btc_input').value.trim();
@ -1394,9 +1391,9 @@
const type = coinjs.addressDecode(btc_bech).type const type = coinjs.addressDecode(btc_bech).type
const isLegacy = /\w{34,35}$/.test(btc_bech) const isLegacy = /\w{34,35}$/.test(btc_bech)
if (type === 'standard') { if (type === 'standard') {
getRef('convert_flo_input').value = btc_api.convert.legacy2legacy(btc_bech, 0x23); getRef('convert_flo_input').value = btcOperator.convert.legacy2legacy(btc_bech, 0x23);
} else if (type === 'bech32') { } else if (type === 'bech32') {
getRef('convert_flo_input').value = btc_api.convert.bech2legacy(btc_bech, 0x23); getRef('convert_flo_input').value = btcOperator.convert.bech2legacy(btc_bech, 0x23);
} else { } else {
getRef('convert_flo_input').value = ''; getRef('convert_flo_input').value = '';
notify(`Multisig address can't be converted to FLO`, 'error'); notify(`Multisig address can't be converted to FLO`, 'error');
@ -1408,7 +1405,7 @@
getRef('convert_flo_input').focusIn(); getRef('convert_flo_input').focusIn();
return notify('Please enter FLO address', 'error'); return notify('Please enter FLO address', 'error');
} }
getRef('convert_btc_input').value = btc_api.convert.legacy2bech(flo_addr); getRef('convert_btc_input').value = btcOperator.convert.legacy2bech(flo_addr);
} }
const txParticipantsObserver = new MutationObserver(mutations => { const txParticipantsObserver = new MutationObserver(mutations => {
mutations.forEach(mutation => { mutations.forEach(mutation => {
@ -1448,7 +1445,7 @@
senderCard.querySelector('.remove-card').remove() senderCard.querySelector('.remove-card').remove()
} }
getRef('sender_container').appendChild(senderCard); getRef('sender_container').appendChild(senderCard);
getRef('sender_container').querySelectorAll('sm-input[data-btc-address]').forEach(input => input.customValidation = btc_api.validateAddress) getRef('sender_container').querySelectorAll('sm-input[data-btc-address]').forEach(input => input.customValidation = btcOperator.validateAddress)
} }
getRef('send_tx').addEventListener('click', e => { getRef('send_tx').addEventListener('click', e => {
if (e.target.closest('.remove-card')) { if (e.target.closest('.remove-card')) {
@ -1468,7 +1465,7 @@
try { try {
senderBalances.forEach(el => el.innerHTML = '<sm-spinner></sm-spinner>'); senderBalances.forEach(el => el.innerHTML = '<sm-spinner></sm-spinner>');
await getExchangeRate(); await getExchangeRate();
const balances = await Promise.all(addresses.map((addr, index) => btc_api.getBalance(addr))) const balances = await Promise.all(addresses.map((addr, index) => btcOperator.getBalance(addr)))
balances.forEach((result, index) => { balances.forEach((result, index) => {
senderBalances[index].textContent = formatAmount(getConvertedAmount(result)); senderBalances[index].textContent = formatAmount(getConvertedAmount(result));
senderBalances[index].dataset.btcAmount = result; senderBalances[index].dataset.btcAmount = result;
@ -1487,7 +1484,7 @@
} }
receiverCard.querySelector('.currency-symbol') ? receiverCard.querySelector('.currency-symbol').innerHTML = currencyIcons[getRef('currency_selector').value] : null; receiverCard.querySelector('.currency-symbol') ? receiverCard.querySelector('.currency-symbol').innerHTML = currencyIcons[getRef('currency_selector').value] : null;
getRef('receiver_container').appendChild(receiverCard); getRef('receiver_container').appendChild(receiverCard);
getRef('receiver_container').querySelectorAll('sm-input[data-btc-address]').forEach(input => input.customValidation = btc_api.validateAddress) getRef('receiver_container').querySelectorAll('sm-input[data-btc-address]').forEach(input => input.customValidation = btcOperator.validateAddress)
} }
getRef('fees_selector').addEventListener('change', e => { getRef('fees_selector').addEventListener('change', e => {
@ -1518,8 +1515,8 @@
return parseFloat(input.value.trim()) / globalExchangeRate[getRef('currency_selector').value] return parseFloat(input.value.trim()) / globalExchangeRate[getRef('currency_selector').value]
}); });
const fee = parseFloat((parseFloat(getRef('send_fee').value.trim()) / globalExchangeRate[getRef('currency_selector').value]).toFixed(8)); const fee = parseFloat((parseFloat(getRef('send_fee').value.trim()) / globalExchangeRate[getRef('currency_selector').value]).toFixed(8));
console.debug(senders, receivers, amounts, fee); console.debug(senders, receivers, amounts, fee); //for automatic fee calc, set fee = null
btc_api.sendTx(senders, privKeys, receivers, amounts, fee).then(result => { btcOperator.sendTx(senders, privKeys, receivers, amounts, fee).then(result => {
console.log(result); console.log(result);
getRef('txid').value = result.txid; getRef('txid').value = result.txid;
openPopup('txid_popup'); openPopup('txid_popup');
@ -1547,7 +1544,7 @@
} }
// detect if given string is a bitcoin address or transaction id // detect if given string is a bitcoin address or transaction id
function checkQueryStringType(str) { function checkQueryStringType(str) {
if (btc_api.validateAddress(str)) { if (btcOperator.validateAddress(str)) {
return 'address'; return 'address';
} else if (isTxId(str)) { } else if (isTxId(str)) {
return 'txid'; return 'txid';
@ -1566,7 +1563,7 @@
function getAddressDetails(address) { function getAddressDetails(address) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
btc_api.getAddressData(address).then(data => { btcOperator.getAddressData(address).then(data => {
console.debug(data); console.debug(data);
let details = {}; let details = {};
details.balance = data.balance; details.balance = data.balance;