counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

everything inside class

Browse source
This commit is contained in:
counterweight 2025-03-22 12:38:58 +01:00
parent 36cbfd2712
commit fa8569f0c5
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
1 changed files with 29 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/front/pages/offers.js
View file

@ -4,33 +4,6 @@ const BuyOrSellButtonGroup = require('../components/BuyOrSellButtonGroup');
const PremiumSelector = require('../components/PremiumSelector'); const PremiumSelector = require('../components/PremiumSelector');
const PriceDisplay = require('../components/PriceDisplay'); const PriceDisplay = require('../components/PriceDisplay');
function readIntFromEurAmountInput(eurAmountInput) {
const eurAmountFieldValue = eurAmountInput.value;
const regularExpression = /([\d\s]+)/;
const matchResult = eurAmountFieldValue.match(regularExpression);
if (!matchResult) {
return null;
}
const numberString = matchResult[1];
const cleanInputNumber = parseInt(numberString.replace(/\s/gi, ''));
return cleanInputNumber;
}
function validateAndFormatEurAmountInput(eurAmountInput) {
const cleanInputNumber = readIntFromEurAmountInput(eurAmountInput);
eurAmountInput.classList.remove('input-is-valid', 'input-is-invalid');
if (cleanInputNumber) {
eurAmountInput.value = formatNumberWithSpaces(cleanInputNumber);
eurAmountInput.classList.add('input-is-valid');
return;
}
eurAmountInput.classList.add('input-is-invalid');
}
class AmountInput { class AmountInput {
constructor({ parentElement, id }) { constructor({ parentElement, id }) {
this.element = null; this.element = null;
@ -96,7 +69,7 @@ class AmountInput {
amountArea.appendChild(btcAmount); amountArea.appendChild(btcAmount);
this.eurInput.addEventListener('blur', () => { this.eurInput.addEventListener('blur', () => {
validateAndFormatEurAmountInput(this.eurInput); this.validateAndFormatEurAmountInput(this.eurInput);
this.updateBtcInput(); this.updateBtcInput();
}); });
@ -111,9 +84,36 @@ class AmountInput {
this.parentElement.appendChild(this.element); this.parentElement.appendChild(this.element);
} }
get intEurAmount() {
const eurAmountFieldValue = this.eurInput.value;
const regularExpression = /([\d\s]+)/;
const matchResult = eurAmountFieldValue.match(regularExpression);
if (!matchResult) {
return null;
}
const numberString = matchResult[1];
const cleanInputNumber = parseInt(numberString.replace(/\s/gi, ''));
return cleanInputNumber;
}
validateAndFormatEurAmountInput(eurAmountInput) {
const cleanInputNumber = this.intEurAmount;
eurAmountInput.classList.remove('input-is-valid', 'input-is-invalid');
if (cleanInputNumber) {
eurAmountInput.value = formatNumberWithSpaces(cleanInputNumber);
eurAmountInput.classList.add('input-is-valid');
return;
}
eurAmountInput.classList.add('input-is-invalid');
}
updateBtcInput() { updateBtcInput() {
const eurToSatRate = 1021; const eurToSatRate = 1021;
const cleanEurAmount = readIntFromEurAmountInput(this.eurInput); const cleanEurAmount = this.intEurAmount;
const satsAmount = cleanEurAmount * eurToSatRate; const satsAmount = cleanEurAmount * eurToSatRate;
const formattedSatsAmount = formatNumberWithSpaces(satsAmount); const formattedSatsAmount = formatNumberWithSpaces(satsAmount);