G2 templates, question mark and accredible scripts. HackerRank notes.

Custom_Templates/customer_templates/Douglas Elliman/training_session_show.html.liquid

@@ -81,7 +81,7 @@
                       {% endif %}
                       {% if training_session.session_url %}
                         <i class="uk-icon-globe"></i>
-                        <a class="session-link" href="{{ training_session.session_url }}">{{ training_session.session_url }}</a>
+                        <a class="session-link" href="{{ training_session.session_url }}">Join Now</a>
                       {% endif %}
                     </p>
                   </div>
@@ -152,8 +152,14 @@
     width: 100%;
   }
 
-  .session-link {
+  a.session-link,
+  a.session-link:hover {
     display: none;
+    background-color: #009cbd;
+    padding: 8px;
+    color: #fff;
+    text-decoration: none;
+    margin-top: 8px;
   }
 
   .uk-icon-globe {
@@ -176,7 +182,7 @@
     button.style.display = "none";
   }
 
-  function adjustLink() {
+  /*function adjustLink() {
     var buttonText = returnRegisterButtonText()
 
     if (buttonText === "Unregister") {
@@ -195,9 +201,9 @@
     } else if ($("button[data-test='register-button']").length) {
       return $("button[data-test='register-button']").text()
     }
-  }
+  }*/
 
-  function setEventListenerToRegisterOrUnregisterButton() {
+  /*function setEventListenerToRegisterOrUnregisterButton() {
     var buttonText = returnRegisterButtonText()
     if (buttonText === "Unregister") {
       $("button[data-test='unregister-button']")[0].addEventListener("click", function() {
@@ -208,9 +214,9 @@
         setTimeout(adjustLink, 500);
       })
     }
-  }
+  }*/
 
-  $( document ).ready(function() {
+  /*$("document").ready(function() {
     adjustLink() 
     setEventListenerToRegisterOrUnregisterButton()
 
@@ -219,5 +225,27 @@
         setEventListenerToRegisterOrUnregisterButton()
       }, 500);
     })
-  })
+  })*/
+
+  $( window ).on( "load", function() {
+    if ($(".session-dialog__footer-buttons button").length) {
+
+      if ($(".session-dialog__footer-buttons button").attr("data-test") == "unregister-button") {
+        $(".session-link").css("display", "inline-block")
+      }
+
+      $(".session-dialog__footer-buttons").click(function(e) {
+        const buttonStatus = $(this).find("button").attr("data-test");
+
+        if (buttonStatus == "register-button") {
+          $(".session-link").css("display", "inline-block")
+        }
+
+        if (buttonStatus == "unregister-button") {
+          $(".session-link").hide()
+        }
+      })
+
+    }
+  });
 </script>

Custom_Templates/customer_templates/G2/_footer.html.liquid

@@ -3,25 +3,19 @@
     <ul class='footer-top-column'>
       <img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
       <li class='footer-top-column-title'>
-        G2
+	<a href="https://sell.g2.com">G2</a>
       </li>
     </ul>
     <ul class='footer-top-column'>
       <img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
       <li class='footer-top-column-title'>
-        University
+	<a href="https://company.g2.com/about">Company</a>
       </li>
     </ul>
     <ul class='footer-top-column'>
       <img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
       <li class='footer-top-column-title'>
-        Company
-      </li>
-    </ul>
-    <ul class='footer-top-column'>
-      <img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
-      <li class='footer-top-column-title'>
-        Resources
+	<a href="https://sell.g2.com/resources">Resources</a>
       </li>
     </ul>
   </div>
@@ -134,4 +128,8 @@
   body {
     font-family: "Barlow", sans-serif !important;
   }
+  a {
+    text-decoration:none;
+    color:white;
+  }
 </style>

Custom_Templates/customer_templates/G2/homepage.html.liquid

@@ -21,7 +21,7 @@
   {% include "sub_navigation" %}
   {% include 'courses_catalog' %}
 </main>
-{% comment %} {% include "footer" %} {% endcomment %}
+{% include "footer" %}
 
 <style>
   body { background: #FEFEFE; }
@@ -116,6 +116,10 @@
       max-width: 760px;
     }
   }
+  a {
+    text-deocration:none;
+    color:white;
+  }
 
 </style>