From 37b972264384d062fb3a308e62449fae799f3966 Mon Sep 17 00:00:00 2001 From: counterweight Date: Sat, 22 Mar 2025 12:04:25 +0100 Subject: [PATCH] format --- src/front/pages/offers.js | 44 +++++++++++++++------------------------ 1 file changed, 17 insertions(+), 27 deletions(-) diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js index 948638c..d0cec08 100644 --- a/src/front/pages/offers.js +++ b/src/front/pages/offers.js @@ -19,7 +19,6 @@ function readIntFromEurAmountInput() { return cleanInputNumber; } - function validateAndFormatEurAmountInput() { const cleanInputNumber = readIntFromEurAmountInput(); eurAmountInput.classList.remove('input-is-valid', 'input-is-invalid'); @@ -41,75 +40,72 @@ function updateBtcInput() { btcAmountInput.value = formattedSatsAmount; } - class AmountInput { - constructor({parentElement, id}) { + constructor({ parentElement, id }) { this.element = null; this.parentElement = parentElement; this.id = id; } - render(){ + render() { const amountArea = document.createElement('div'); amountArea.id = this.id; - + const eurAmount = document.createElement('div'); eurAmount.id = 'eur-amount'; eurAmount.className = 'money-amount-input-area'; - + const eurInput = document.createElement('input'); eurInput.id = 'input-eur-amount'; eurInput.type = 'text'; eurInput.className = 'money-input input-money-amount'; eurInput.value = '100'; eurInput.required = true; - + const eurSymbol = document.createElement('div'); eurSymbol.id = 'eur-symbol'; eurSymbol.className = 'curr-symbol'; - + const eurCharacter = document.createElement('span'); eurCharacter.id = 'eur-character'; eurCharacter.className = 'curr-character'; eurCharacter.textContent = '€'; - + eurSymbol.appendChild(eurCharacter); eurAmount.appendChild(eurInput); eurAmount.appendChild(eurSymbol); - + const btcAmount = document.createElement('div'); btcAmount.id = 'btc-amount'; btcAmount.className = 'money-amount-input-area'; - + const btcInput = document.createElement('input'); btcInput.id = 'input-btc-amount'; btcInput.type = 'text'; btcInput.className = 'money-input input-money-amount'; btcInput.disabled = true; - + const satsSymbol = document.createElement('div'); satsSymbol.id = 'sats-symbol'; satsSymbol.className = 'curr-symbol'; - + const satsCharacter = document.createElement('span'); satsCharacter.id = 'sats-character'; satsCharacter.className = 'curr-character'; satsCharacter.textContent = 'SAT'; - + satsSymbol.appendChild(satsCharacter); btcAmount.appendChild(btcInput); btcAmount.appendChild(satsSymbol); - + amountArea.appendChild(eurAmount); amountArea.appendChild(btcAmount); - - eurInput.addEventListener('blur', () => { validateAndFormatEurAmountInput(); updateBtcInput(); }); - + eurInput.addEventListener('input', () => { eurAmountInput.value = eurAmountInput.value.replace(/[^0-9]/g, ''); updateBtcInput(); @@ -125,7 +121,7 @@ function offersPage() { const mockPriceProvidingCallback = () => { return Math.floor(Math.random() * (95000 - 70000 + 1) + 70000); - } + }; const publishOfferButton = new PublishOfferButton({ parentElement: document.getElementById('submit-button-area'), @@ -164,11 +160,10 @@ function offersPage() { priceDisplay.updatePrices(); }); - const amountInput = new AmountInput({ parentElement: document.getElementById('amount-area'), - id: 'amount-area-content' - }) + id: 'amount-area-content', + }); amountInput.render(); // ----------- @@ -232,9 +227,6 @@ function offersPage() { viewMyOffersRoot.style.display === 'block' ? 'none' : 'block'; } - - - function validateBitcoinMethodCheckboxes(clickedCheckbox) { let checkedCount = btcMethodCheckboxes.filter((cb) => cb.checked).length; if (checkedCount === 0) { @@ -754,8 +746,6 @@ function offersPage() { toggleCreateOfferModal(); }); - - for (const btcMethodCheckbox of btcMethodCheckboxes) { btcMethodCheckbox.addEventListener('click', () => { validateBitcoinMethodCheckboxes(btcMethodCheckbox);