From ac20fbccdb3142217fc53a3c69213b7e63ec9608 Mon Sep 17 00:00:00 2001 From: counterweight Date: Mon, 3 Mar 2025 17:09:07 +0100 Subject: [PATCH] billetes grandes ok section --- src/public/css/offers.css | 6 ++++ src/public/img/eur-bill-gray.svg | 46 ++++++++++++++++++++++++++ src/public/img/eur-bill-lasecagold.svg | 46 ++++++++++++++++++++++++++ src/public/img/eur-bill.svg | 45 +++++++++++++++++++++++++ src/public/javascript/offers.js | 45 ++++++++++++++++++++++++- 5 files changed, 187 insertions(+), 1 deletion(-) create mode 100644 src/public/img/eur-bill-gray.svg create mode 100644 src/public/img/eur-bill-lasecagold.svg create mode 100644 src/public/img/eur-bill.svg diff --git a/src/public/css/offers.css b/src/public/css/offers.css index d25c9d1..726c992 100644 --- a/src/public/css/offers.css +++ b/src/public/css/offers.css @@ -203,6 +203,12 @@ text-align: right; } +.other-desc { + grid-column: 1; + grid-row: 7; + text-align: left; +} + .offer-long-text { font-size: 0.9em; } diff --git a/src/public/img/eur-bill-gray.svg b/src/public/img/eur-bill-gray.svg new file mode 100644 index 0000000..28aefbc --- /dev/null +++ b/src/public/img/eur-bill-gray.svg @@ -0,0 +1,46 @@ + + + + diff --git a/src/public/img/eur-bill-lasecagold.svg b/src/public/img/eur-bill-lasecagold.svg new file mode 100644 index 0000000..b2d06a3 --- /dev/null +++ b/src/public/img/eur-bill-lasecagold.svg @@ -0,0 +1,46 @@ + + + + diff --git a/src/public/img/eur-bill.svg b/src/public/img/eur-bill.svg new file mode 100644 index 0000000..44bfd57 --- /dev/null +++ b/src/public/img/eur-bill.svg @@ -0,0 +1,45 @@ + + + + diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js index 795cc37..88d5b25 100644 --- a/src/public/javascript/offers.js +++ b/src/public/javascript/offers.js @@ -470,13 +470,56 @@ class Offer { showOfferToAllMembersContainer ); + const otherOfferFeaturesDiv = document.createElement('div'); + otherOfferFeaturesDiv.classList.add('other-desc'); + otherOfferFeaturesDiv.classList.add('subtle-box'); + + const otherOfferFeaturesTitle = document.createElement('p'); + otherOfferFeaturesTitle.classList.add('offer-card-content-title'); + otherOfferFeaturesTitle.innerText = 'Otros'; + otherOfferFeaturesDiv.append(otherOfferFeaturesTitle); + + const areBigNotesAcceptedContainer = document.createElement('div'); + areBigNotesAcceptedContainer.classList.add('left-icon-checkboxed-field'); + + if (this.are_big_notes_accepted) { + const areBigNotesAcceptedIcon = document.createElement('img'); + areBigNotesAcceptedIcon.src = '/img/eur-bill-lasecagold.svg'; + const areBigNotesAcceptedText = document.createElement('p'); + areBigNotesAcceptedText.innerText = 'Billetes grandes OK'; + const checkIcon = document.createElement('img'); + checkIcon.src = '/img/circle-check-green.svg'; + + areBigNotesAcceptedContainer.append( + areBigNotesAcceptedIcon, + areBigNotesAcceptedText, + checkIcon + ); + } else { + const areBigNotesAcceptedIcon = document.createElement('img'); + areBigNotesAcceptedIcon.src = '/img/eur-bill-gray.svg'; + const areBigNotesAcceptedText = document.createElement('p'); + areBigNotesAcceptedText.innerText = 'Billetes grandes OK'; + const checkIcon = document.createElement('img'); + checkIcon.src = '/img/circle-xmark-gray.svg'; + + areBigNotesAcceptedContainer.append( + areBigNotesAcceptedIcon, + areBigNotesAcceptedText, + checkIcon + ); + } + + otherOfferFeaturesDiv.append(areBigNotesAcceptedContainer); + offerCard.append( tradeDescDiv, premiumDescDiv, whereDescDiv, whenDescDiv, bitcoinMethodsDiv, - visibilityDiv + visibilityDiv, + otherOfferFeaturesDiv ); return offerCard;