From a9779c207ed82a66023d59baa77f4bee8959c976 Mon Sep 17 00:00:00 2001 From: Pablo Martin Date: Tue, 25 Mar 2025 16:56:10 +0100 Subject: [PATCH] move to file --- src/front/components/BigNotesCheckbox.js | 36 +++++++++++++++++++++ src/front/pages/offers.js | 40 ++---------------------- 2 files changed, 39 insertions(+), 37 deletions(-) create mode 100644 src/front/components/BigNotesCheckbox.js diff --git a/src/front/components/BigNotesCheckbox.js b/src/front/components/BigNotesCheckbox.js new file mode 100644 index 0000000..005502c --- /dev/null +++ b/src/front/components/BigNotesCheckbox.js @@ -0,0 +1,36 @@ +class BigNotesCheckbox { + constructor({ parentElement }) { + this.bigNotesContainer = null; + this.bigNotesCheckboxElement = null; + this.parentElement = parentElement; + } + + render() { + const container = document.createElement('div'); + container.id = 'large-bills-area'; + container.className = 'checkbox-row'; + + const checkbox = document.createElement('input'); + checkbox.type = 'checkbox'; + checkbox.name = 'large-bills'; + checkbox.id = 'large-bills-checkbox'; + + const label = document.createElement('label'); + label.htmlFor = 'large-bills-checkbox'; + label.textContent = 'Se pueden usar billetes grandes (100€, 200€, 500€)'; + + container.appendChild(checkbox); + container.appendChild(label); + + this.bigNotesContainer = container; + this.bigNotesCheckboxElement = checkbox; + + this.parentElement.append(this.bigNotesContainer); + } + + get areBigNotesAccepted() { + return this.bigNotesCheckboxElement.checked; + } +} + +module.exports = BigNotesCheckbox; diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js index 4859729..f60febf 100644 --- a/src/front/pages/offers.js +++ b/src/front/pages/offers.js @@ -7,41 +7,7 @@ const PlaceInput = require('../components/PlaceInput'); const TimeInput = require('../components/TimeInput'); const BitcoinMethodCheckboxes = require('../components/BitcoinMethodCheckboxes'); const TrustCheckboxes = require('../components/TrustCheckboxes'); - -class BigNotesCheckbox { - constructor({parentElement}) { - this.bigNotesContainer = null; - this.bigNotesCheckboxElement = null; - this.parentElement = parentElement; - } - - render() { - const container = document.createElement('div'); - container.id = 'large-bills-area'; - container.className = 'checkbox-row'; - - const checkbox = document.createElement('input'); - checkbox.type = 'checkbox'; - checkbox.name = 'large-bills'; - checkbox.id = 'large-bills-checkbox'; - - const label = document.createElement('label'); - label.htmlFor = 'large-bills-checkbox'; - label.textContent = 'Se pueden usar billetes grandes (100€, 200€, 500€)'; - - container.appendChild(checkbox); - container.appendChild(label); - - this.bigNotesContainer = container; - this.bigNotesCheckboxElement = checkbox; - - this.parentElement.append(this.bigNotesContainer); - } - - get areBigNotesAccepted(){ - return this.bigNotesCheckboxElement.checked; - } -} +const BigNotesCheckbox = require('../components/BigNotesCheckbox'); function offersPage() { const createOfferEventBus = new EventTarget(); @@ -121,8 +87,8 @@ function offersPage() { trustCheckboxes.render(); const bigNotesCheckbox = new BigNotesCheckbox({ - parentElement: document.getElementById('other-area') - }) + parentElement: document.getElementById('other-area'), + }); bigNotesCheckbox.render(); // -----------