Update index.html
This commit is contained in:
parent
af80f63a47
commit
4519ee5bb3
42
index.html
42
index.html
@ -588,7 +588,6 @@
|
|||||||
<script id="ui_utils">
|
<script id="ui_utils">
|
||||||
const uiGlobals = {}
|
const uiGlobals = {}
|
||||||
const { html, svg, render: renderElem } = uhtml;
|
const { html, svg, render: renderElem } = uhtml;
|
||||||
const domRefs = {}
|
|
||||||
uiGlobals.connectionErrorNotification = []
|
uiGlobals.connectionErrorNotification = []
|
||||||
//Checks for internet connection status
|
//Checks for internet connection status
|
||||||
if (!navigator.onLine)
|
if (!navigator.onLine)
|
||||||
@ -605,22 +604,7 @@
|
|||||||
|
|
||||||
// Use instead of document.getElementById
|
// Use instead of document.getElementById
|
||||||
function getRef(elementId) {
|
function getRef(elementId) {
|
||||||
if (!domRefs.hasOwnProperty(elementId)) {
|
return document.getElementById(elementId);
|
||||||
domRefs[elementId] = {
|
|
||||||
count: 1,
|
|
||||||
ref: null,
|
|
||||||
};
|
|
||||||
return document.getElementById(elementId);
|
|
||||||
} else {
|
|
||||||
if (domRefs[elementId].count < 3) {
|
|
||||||
domRefs[elementId].count = domRefs[elementId].count + 1;
|
|
||||||
return document.getElementById(elementId);
|
|
||||||
} else {
|
|
||||||
if (!domRefs[elementId].ref)
|
|
||||||
domRefs[elementId].ref = document.getElementById(elementId);
|
|
||||||
return domRefs[elementId].ref;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// displays a popup for asking permission. Use this instead of JS confirm
|
// displays a popup for asking permission. Use this instead of JS confirm
|
||||||
const getConfirmation = (title, options = {}) => {
|
const getConfirmation = (title, options = {}) => {
|
||||||
@ -764,21 +748,6 @@
|
|||||||
return timestamp;
|
return timestamp;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// returns dom with specified element
|
|
||||||
function createElement(tagName, options = {}) {
|
|
||||||
const { className, textContent, innerHTML, attributes = {} } = options
|
|
||||||
const elem = document.createElement(tagName)
|
|
||||||
for (let attribute in attributes) {
|
|
||||||
elem.setAttribute(attribute, attributes[attribute])
|
|
||||||
}
|
|
||||||
if (className)
|
|
||||||
elem.className = className
|
|
||||||
if (textContent)
|
|
||||||
elem.textContent = textContent
|
|
||||||
if (innerHTML)
|
|
||||||
elem.innerHTML = innerHTML
|
|
||||||
return elem
|
|
||||||
}
|
|
||||||
// detect browser version
|
// detect browser version
|
||||||
function detectBrowser() {
|
function detectBrowser() {
|
||||||
let ua = navigator.userAgent,
|
let ua = navigator.userAgent,
|
||||||
@ -863,7 +832,6 @@
|
|||||||
addReceiverInput()
|
addReceiverInput()
|
||||||
document.querySelectorAll('.currency-symbol').forEach(el => el.innerHTML = currencyIcons[selectedCurrency])
|
document.querySelectorAll('.currency-symbol').forEach(el => el.innerHTML = currencyIcons[selectedCurrency])
|
||||||
})
|
})
|
||||||
|
|
||||||
});
|
});
|
||||||
function createRipple(event, target) {
|
function createRipple(event, target) {
|
||||||
const circle = document.createElement("span");
|
const circle = document.createElement("span");
|
||||||
@ -966,7 +934,7 @@
|
|||||||
const previousActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(previousActiveElement)
|
const previousActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(previousActiveElement)
|
||||||
const currentActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(currentActiveElement)
|
const currentActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(currentActiveElement)
|
||||||
const isOnTop = previousActiveElementIndex < currentActiveElementIndex
|
const isOnTop = previousActiveElementIndex < currentActiveElementIndex
|
||||||
const currentIndicator = createElement('div', { className: 'nav-item__indicator' });
|
const currentIndicator = html.node`<div class="nav-item__indicator"></div>`;
|
||||||
let previousIndicator = getRef('main_navbar').querySelector('.nav-item__indicator')
|
let previousIndicator = getRef('main_navbar').querySelector('.nav-item__indicator')
|
||||||
if (!previousIndicator) {
|
if (!previousIndicator) {
|
||||||
previousIndicator = currentIndicator.cloneNode(true)
|
previousIndicator = currentIndicator.cloneNode(true)
|
||||||
@ -1175,11 +1143,11 @@
|
|||||||
button.disabled = show;
|
button.disabled = show;
|
||||||
const animOptions = {
|
const animOptions = {
|
||||||
duration: 200,
|
duration: 200,
|
||||||
fill: 'forwards',
|
fill: 'both',
|
||||||
easing: 'ease'
|
easing: 'ease'
|
||||||
}
|
}
|
||||||
if (show) {
|
if (show) {
|
||||||
button.parentNode.append(createElement('sm-spinner'))
|
button.parentNode.append(document.createElement('sm-spinner'))
|
||||||
button.animate([
|
button.animate([
|
||||||
{
|
{
|
||||||
clipPath: 'circle(100%)',
|
clipPath: 'circle(100%)',
|
||||||
@ -1938,7 +1906,7 @@
|
|||||||
getRef('send_transaction').onclick = async evt => {
|
getRef('send_transaction').onclick = async evt => {
|
||||||
buttonLoader('send_transaction', true)
|
buttonLoader('send_transaction', true)
|
||||||
const [senders, privKeys, receivers, amounts] = getTransactionInputs();
|
const [senders, privKeys, receivers, amounts] = getTransactionInputs();
|
||||||
let fee = null;
|
let fee = parseFloat(getRef('recommended_fee').dataset.btcAmount);
|
||||||
if (getRef('fees_selector').value === 'custom') {
|
if (getRef('fees_selector').value === 'custom') {
|
||||||
const feeInput = document.getElementById('send_fee').value.trim();
|
const feeInput = document.getElementById('send_fee').value.trim();
|
||||||
if (!feeInput || isNaN(feeInput) || feeInput <= 0) {
|
if (!feeInput || isNaN(feeInput) || feeInput <= 0) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user