From 35582c76605ec3c5b738ec4171ac04df40c3ae2c Mon Sep 17 00:00:00 2001
From: seaona <mariona@gmx.es>
Date: Mon, 8 Apr 2024 12:45:19 +0200
Subject: [PATCH 1/3] feat: add get allowance support

---
 src/index.html | 30 +++++++++++++++++++++++++++++-
 src/index.js   | 26 ++++++++++++++++++++++++++
 2 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 2b19cd6a..0baf85c8 100644
--- a/src/index.html
+++ b/src/index.html
@@ -354,7 +354,7 @@ <h4 class="card-title">
                 >
                   Transfer Tokens
                 </button>
-
+                <hr />
                 <div class="form-group">
                   <label>Approve to Address</label>
                   <input
@@ -380,6 +380,33 @@ <h4 class="card-title">
                   Increase Token Allowance
                 </button>
 
+                <hr />
+                <div class="form-group">
+                  <label>Owner Address</label>
+                  <input
+                    class="form-control"
+                    id="allowanceOwner"
+                  />
+                </div>
+
+                <div class="form-group">
+                  <label>Spender Address</label>
+                  <input
+                    class="form-control"
+                    id="allowanceSpender"
+                  />
+                </div>
+                <button
+                  class="btn btn-primary btn-lg btn-block mb-3"
+                  id="getAllowance"
+                  disabled
+                >
+                  Get Allowance
+                </button>
+                <p class="info-text alert alert-secondary">
+                  Allowance amount: <span id="allowanceAmount"></span>
+                </p>
+                <hr />
                 <div class="form-group">
                   <label>Transfer From</label>
                   <input
@@ -402,6 +429,7 @@ <h4 class="card-title">
                 >
                   Transfer From Tokens
                 </button>
+                <hr />
                 <button
                   class="btn btn-primary btn-lg btn-block mb-3"
                   id="transferTokensWithoutGas"
diff --git a/src/index.js b/src/index.js
index 6c2661a5..d5459e14 100644
--- a/src/index.js
+++ b/src/index.js
@@ -167,6 +167,11 @@ const approveTokens = document.getElementById('approveTokens');
 const increaseTokenAllowance = document.getElementById(
   'increaseTokenAllowance',
 );
+const allowanceOwnerInput = document.getElementById('allowanceOwner');
+const allowanceSpenderInput = document.getElementById('allowanceSpender');
+
+const allowanceAmount = document.getElementById('allowanceAmount');
+const getAllowance = document.getElementById('getAllowance');
 const transferTokensWithoutGas = document.getElementById(
   'transferTokensWithoutGas',
 );
@@ -345,6 +350,10 @@ const allConnectedButtons = [
   transferFromTokens,
   approveTokens,
   increaseTokenAllowance,
+  allowanceOwnerInput,
+  allowanceSpenderInput,
+  getAllowance,
+  allowanceAmount,
   transferFromRecipientInput,
   transferFromSenderInput,
   transferTokensWithoutGas,
@@ -1068,6 +1077,10 @@ const updateContractElements = () => {
     transferFromTokens.disabled = false;
     approveTokens.disabled = false;
     increaseTokenAllowance.disabled = false;
+    allowanceSpenderInput.disabled = false;
+    allowanceOwnerInput.disabled = false;
+    getAllowance.disabled = false;
+    allowanceAmount.disabled = false;
     transferTokensWithoutGas.disabled = false;
     approveTokensWithoutGas.disabled = false;
     transferFromSenderInput.disabled = false;
@@ -1748,6 +1761,10 @@ const initializeFormElements = () => {
     transferFromTokens.disabled = false;
     approveTokens.disabled = false;
     increaseTokenAllowance.disabled = false;
+    allowanceOwnerInput.disabled = false;
+    allowanceSpenderInput.disabled = false;
+    allowanceAmount.disabled = false;
+    getAllowance.disabled = false;
     transferTokensWithoutGas.disabled = false;
     approveTokensWithoutGas.disabled = false;
     approveTokensToInput.disabled = false;
@@ -1807,6 +1824,15 @@ const initializeFormElements = () => {
     console.log('result', result);
   };
 
+  getAllowance.onclick = async () => {
+    const result = await hstContract.allowance(
+      allowanceOwnerInput.value,
+      allowanceSpenderInput.value,
+      { from: accounts[0] },
+    );
+    allowanceAmount.innerHTML = result.toNumber();
+  };
+
   transferFromTokens.onclick = async () => {
     try {
       const result = await hstContract.transferFrom(

From 5718424ee74e7714ffac1023a59106794e47b9de Mon Sep 17 00:00:00 2001
From: seaona <mariona@gmx.es>
Date: Mon, 8 Apr 2024 13:14:59 +0200
Subject: [PATCH 2/3] small tweak with decimals

---
 src/index.html |  2 +-
 src/index.js   | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/index.html b/src/index.html
index 0baf85c8..0d46857c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -404,7 +404,7 @@ <h4 class="card-title">
                   Get Allowance
                 </button>
                 <p class="info-text alert alert-secondary">
-                  Allowance amount: <span id="allowanceAmount"></span>
+                  Allowance amount: <span id="allowanceAmountResult"></span>
                 </p>
                 <hr />
                 <div class="form-group">
diff --git a/src/index.js b/src/index.js
index d5459e14..37a51be6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -170,7 +170,7 @@ const increaseTokenAllowance = document.getElementById(
 const allowanceOwnerInput = document.getElementById('allowanceOwner');
 const allowanceSpenderInput = document.getElementById('allowanceSpender');
 
-const allowanceAmount = document.getElementById('allowanceAmount');
+const allowanceAmountResult = document.getElementById('allowanceAmountResult');
 const getAllowance = document.getElementById('getAllowance');
 const transferTokensWithoutGas = document.getElementById(
   'transferTokensWithoutGas',
@@ -353,7 +353,7 @@ const allConnectedButtons = [
   allowanceOwnerInput,
   allowanceSpenderInput,
   getAllowance,
-  allowanceAmount,
+  allowanceAmountResult,
   transferFromRecipientInput,
   transferFromSenderInput,
   transferTokensWithoutGas,
@@ -1080,7 +1080,7 @@ const updateContractElements = () => {
     allowanceSpenderInput.disabled = false;
     allowanceOwnerInput.disabled = false;
     getAllowance.disabled = false;
-    allowanceAmount.disabled = false;
+    allowanceAmountResult.disabled = false;
     transferTokensWithoutGas.disabled = false;
     approveTokensWithoutGas.disabled = false;
     transferFromSenderInput.disabled = false;
@@ -1763,7 +1763,7 @@ const initializeFormElements = () => {
     increaseTokenAllowance.disabled = false;
     allowanceOwnerInput.disabled = false;
     allowanceSpenderInput.disabled = false;
-    allowanceAmount.disabled = false;
+    allowanceAmountResult.disabled = false;
     getAllowance.disabled = false;
     transferTokensWithoutGas.disabled = false;
     approveTokensWithoutGas.disabled = false;
@@ -1830,7 +1830,10 @@ const initializeFormElements = () => {
       allowanceSpenderInput.value,
       { from: accounts[0] },
     );
-    allowanceAmount.innerHTML = result.toNumber();
+    const allowance = result.toNumber() / 10 ** decimalUnitsInput.value;
+    allowanceAmountResult.innerHTML = allowance.toFixed(
+      decimalUnitsInput.value,
+    );
   };
 
   transferFromTokens.onclick = async () => {

From 9541ad041380ad107dcf2dec488788a69dac70f0 Mon Sep 17 00:00:00 2001
From: seaona <mariona@gmx.es>
Date: Mon, 8 Apr 2024 13:27:13 +0200
Subject: [PATCH 3/3] fix extra space and order items

---
 src/index.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/index.js b/src/index.js
index 37a51be6..ab9d505a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -169,7 +169,6 @@ const increaseTokenAllowance = document.getElementById(
 );
 const allowanceOwnerInput = document.getElementById('allowanceOwner');
 const allowanceSpenderInput = document.getElementById('allowanceSpender');
-
 const allowanceAmountResult = document.getElementById('allowanceAmountResult');
 const getAllowance = document.getElementById('getAllowance');
 const transferTokensWithoutGas = document.getElementById(
@@ -352,8 +351,8 @@ const allConnectedButtons = [
   increaseTokenAllowance,
   allowanceOwnerInput,
   allowanceSpenderInput,
-  getAllowance,
   allowanceAmountResult,
+  getAllowance,
   transferFromRecipientInput,
   transferFromSenderInput,
   transferTokensWithoutGas,
@@ -1077,10 +1076,10 @@ const updateContractElements = () => {
     transferFromTokens.disabled = false;
     approveTokens.disabled = false;
     increaseTokenAllowance.disabled = false;
-    allowanceSpenderInput.disabled = false;
     allowanceOwnerInput.disabled = false;
-    getAllowance.disabled = false;
+    allowanceSpenderInput.disabled = false;
     allowanceAmountResult.disabled = false;
+    getAllowance.disabled = false;
     transferTokensWithoutGas.disabled = false;
     approveTokensWithoutGas.disabled = false;
     transferFromSenderInput.disabled = false;