From db7d00ae388097c87ada51777d1e92344fd10686 Mon Sep 17 00:00:00 2001
From: Mahmoud Adly <mahmoud.adly@cobalt.io>
Date: Wed, 29 May 2024 13:07:12 +0200
Subject: [PATCH] Add script to the feedback partial

---
 layouts/partials/feedback.html | 53 ++++++++++++++++++++++++++++++++--
 1 file changed, 50 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/feedback.html b/layouts/partials/feedback.html
index 1abc37cbd..cb618b1ac 100644
--- a/layouts/partials/feedback.html
+++ b/layouts/partials/feedback.html
@@ -4,13 +4,60 @@
 <br>
   <p><b>Was this page helpful?</b></p>
 
-        <a class="btn btn-primary mr-3 mb-4">
+        <a class="btn btn-primary mr-3 mb-4 feedback-yes">
            Yes <i class="fas"></i>
         </a>
-        <a class="btn btn-primary mr-3 mb-4">
+        <a class="btn btn-primary mr-3 mb-4 feedback-no">
            No <i class="fas"></i>
         </a>
         <a class="btn btn-outline-primary mr-3 mb-4" href="/cobalthq/cobalt-product-public-docs/issues/new">
                 Create an Issue <i class="fab"></i>
         </a>
-</div>
\ No newline at end of file
+</div>
+<script>
+   const yesButton = document.querySelector('.feedback-yes');
+   const noButton = document.querySelector('.feedback-no');
+
+   const disableButtons = () => {
+      yesButton.disabled = true;
+      noButton.disabled = true;
+   };
+
+   function thanksFeedback(button){
+      button.blur();
+      buttonText = button.innerText
+      button.innerText = 'Thanks for the feedback!'
+      setTimeout(function () {
+         button.innerText = buttonText;
+      }, 2000);
+   }
+
+   const sendFeedback = (value) => {
+      if (typeof ga !== 'function') return;
+      const args = {
+         command: 'send',
+         hitType: 'event',
+         category: 'Feedback Buttons',
+         action: 'click',
+         label: window.location.pathname,
+         value: value
+      };
+      ga(args.command, args.hitType, args.category, args.action, args.label, args.value);
+   };
+
+   if (yesButton !== null ) {
+      yesButton.addEventListener('click', () => {
+         thanksFeedback(yesButton);
+         disableButtons();
+         sendFeedback(1);
+      });
+   }
+
+   if (noButton !== null ) {
+      noButton.addEventListener('click', () => {
+         thanksFeedback(noButton);
+         disableButtons();
+         sendFeedback(0);
+      });
+   }
+</script>
\ No newline at end of file