From e51978a5c1b4f65220e06883efb9b076c957b741 Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Sun, 23 Feb 2025 00:22:34 +0100
Subject: [PATCH] premium control

---
 src/public/javascript/offers.js | 26 ++++++++++++++++++++++++++
 src/views/offers.ejs            |  6 ++++++
 2 files changed, 32 insertions(+)

diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js
index 0024e25..28b78eb 100644
--- a/src/public/javascript/offers.js
+++ b/src/public/javascript/offers.js
@@ -9,12 +9,30 @@ const buyOrSellButtonGroup = document.getElementById(
 );
 const buyOrSellButtons = buyOrSellButtonGroup.querySelectorAll('button');
 
+const premiumValue = document.getElementById('premium-value');
+const buttonIncreasePremium = document.getElementById(
+  'button-increase-premium'
+);
+
+const buttonDecreasePremium = document.getElementById(
+  'button-decrease-premium'
+);
+
 function toggleCreateOfferControls() {
   createOfferControls.style.display =
     createOfferControls.style.display === 'block' ? 'none' : 'block';
   buttonStartCreateOffer.disabled = !buttonStartCreateOffer.disabled;
 }
 
+function modifyPremiumValue(delta) {
+  const regexExpression = /-*\d+/;
+  const numValue = parseInt(premiumValue.innerText.match(regexExpression)[0]);
+
+  const newValue = `${numValue + delta}%`;
+
+  premiumValue.innerText = newValue;
+}
+
 buttonStartCreateOffer.addEventListener('click', () => {
   toggleCreateOfferControls();
 });
@@ -38,3 +56,11 @@ buyOrSellButtons.forEach((button) => {
     toggleBuyOrSellButtonGroup();
   });
 });
+
+buttonIncreasePremium.addEventListener('click', () => {
+  modifyPremiumValue(1);
+});
+
+buttonDecreasePremium.addEventListener('click', () => {
+  modifyPremiumValue(-1);
+});
diff --git a/src/views/offers.ejs b/src/views/offers.ejs
index 2f14cce..d89139e 100644
--- a/src/views/offers.ejs
+++ b/src/views/offers.ejs
@@ -33,6 +33,12 @@
             Quiero vender Bitcoin
           </button>
         </div>
+        <div id="premium-area">
+          <p>Premium</p>
+          <div id="premium-value">0%</div>
+          <button id="button-increase-premium">+</button
+          ><button id="button-decrease-premium">-</button>
+        </div>
         <button id="button-submit-offer" class="button-primary" disabled>
           Publicar oferta
         </button>