From e2041dcbeaafb4a14aeae84f2f3b74f46dbbd51d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marko=20Mili=C4=87?= <marko@tesobe.com>
Date: Mon, 29 Aug 2022 16:06:11 +0200
Subject: [PATCH] feature/Registration page and check boxes WIP 1

---
 .../code/model/dataAccess/AuthUser.scala      | 61 +++++++++++++------
 1 file changed, 42 insertions(+), 19 deletions(-)

diff --git a/obp-api/src/main/scala/code/model/dataAccess/AuthUser.scala b/obp-api/src/main/scala/code/model/dataAccess/AuthUser.scala
index 90cb3617f..91ea9d6bb 100644
--- a/obp-api/src/main/scala/code/model/dataAccess/AuthUser.scala
+++ b/obp-api/src/main/scala/code/model/dataAccess/AuthUser.scala
@@ -666,17 +666,18 @@ import net.liftweb.util.Helpers._
 
 
   def agreeTermsDiv = {
-    val agreeTermsHtml = getWebUiPropsValue("webui_agree_terms_html", "")
-    if(agreeTermsHtml.isEmpty){
-      val url = getWebUiPropsValue("webui_agree_terms_url", "")
-      if (url.isEmpty) {
-        s""
-      } else {
-        scala.xml.Unparsed(s"""<div id="signup-agree-terms" class="checkbox"><label><input type="checkbox" />I hereby agree to the <a href="$url" title="T &amp; C">Terms and Conditions</a></label></div>""")
-      }
-    } else{
-      scala.xml.Unparsed(s"""$agreeTermsHtml""")
-    }
+    val agreeTermsHtml = """<hr>
+                |                        <div class="form-group" id="terms-and-conditions-div" onclick="enableDisableButton()">
+                |                            <details open style="cursor:s-resize;">
+                |                                <summary style="display:list-item;"><a class="api_group_name">Terms and Conditions</a></summary>
+                |                                <div id="terms-and-conditions-page" data-lift="WebUI.termsAndConditionsText"></div>
+                |                            </details>
+                |                            <input type="checkbox" class="form-check-input" id="terms_checkbox" >
+                |                            <label id="terms_checkbox_value" class="form-check-label" for="terms_checkbox">I agree to the above Developer Terms and Conditions</label>
+                |                        </div>
+                |                        """.stripMargin
+
+    scala.xml.Unparsed(agreeTermsHtml)
   }
 
   def legalNoticeDiv = {
@@ -689,13 +690,34 @@ import net.liftweb.util.Helpers._
   }
   
   def agreePrivacyPolicy = {
-    val url = getWebUiPropsValue("webui_agree_privacy_policy_url", "")
-    val text = getWebUiPropsValue("webui_agree_privacy_policy_html_text", s"""<div id="signup-agree-privacy-policy"><label>By submitting this information you consent to processing your data by TESOBE GmbH according to our <a href="$url" title="Privacy Policy">Privacy Policy</a>. TESOBE shall use this information to send you emails and provide customer support.</label></div>""")
-    if (url.isEmpty) {
-      s""
-    } else {
-      scala.xml.Unparsed(s"""$text""")
-    }
+    val agreePrivacyPolicy = """<hr>
+                           |                        <div class="form-group" id="privacy-conditions-div" onclick="enableDisableButton()">
+                           |                            <details open style="cursor:s-resize;">
+                           |                                <summary style="display:list-item;"><a class="api_group_name">Privacy Policy</a></summary>
+                           |                                <div id="privacy-policy-page" data-lift="WebUI.privacyPolicyText"></div>
+                           |                            </details>
+                           |                            <input id="privacy_checkbox" type="checkbox" class="form-check-input">
+                           |                            <label class="form-check-label" for="privacy_checkbox">I agree to the above privacy conditions</label>
+                           |                        </div>
+                           |                        <hr>""".stripMargin
+
+    scala.xml.Unparsed(agreePrivacyPolicy)
+  }  
+  def enableDisableSignUpButton = {
+    val javaScriptCode = """<script>
+                               |                function enableDisableButton() {
+                               |                  var checkBox = document.getElementById("terms-and-conditions-div").querySelector("input[type=checkbox]");
+                               |                  var checkBox2 = document.getElementById("privacy-conditions-div").querySelector("input[type=checkbox]");
+                               |                  var button = document.getElementById("submit-button");
+                               |                  if (checkBox.checked == true && checkBox2.checked == true){
+                               |                    button.disabled = false;
+                               |                  } else {
+                               |                     button.disabled = true;
+                               |                  }
+                               |                }
+                               |                </script>""".stripMargin
+
+    scala.xml.Unparsed(javaScriptCode)
   }
 
   def signupFormTitle = getWebUiPropsValue("webui_signup_form_title_text", S.?("sign.up"))
@@ -710,8 +732,9 @@ import net.liftweb.util.Helpers._
           {agreeTermsDiv}
           {agreePrivacyPolicy}
           <div id="signup-submit">
-            <input type="submit" />
+            <input onmouseover="enableDisableButton()" onfocus="enableDisableButton()" disabled="true" id="submit-button" type="submit" class="btn btn-danger"/>
           </div>
+          {enableDisableSignUpButton}
       </form>
     </div>
   }