norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

small script changes. Updates to G2's modal popup.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-06-16 16:13:44 -04:00
parent 807739cae6
commit b526e92bfc
43 changed files with 2796 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
Custom_Templates/customer_templates/Skuid/sign_up.html.liquid
View File

@ -52,6 +52,7 @@
required
>
</div>
<p style="display: none; color: salmon;" id="skuid-domain-alert">Skuid team members please login to <a href="https://www.skuadskool.com/" style="text-decoration: none;">skuadskool.com</a></p>
<div class="np-form-field">
<label class="np-input-label" for="learner_password">
</label>
@ -77,7 +78,35 @@
required
>
</div>
<div class="np-form-field">
<div class="np-form-field checkbox-field">
<label class="checkbox-container">
<input type="checkbox" id="attestationCheckbox">
I have read and agree to the <a href="http://www.skuid.com/legal/privacy-policy">privacy policy</a> and <a
href="http://www.skuid.com/legal/terms-of-use">terms of use</a>.
<span class="checkmark"></span>
</label>
</div>
{%- comment -%} <div class="np-form-field">
<label class="np-input-label" for="hear_about">
</label>
<select
class="np-input"
type="text"
name="how_did_you_hear"
id="how_did_you_hear"
style="text-align-last: left;"
required
>
<option value="" selected disabled>How did you Hear about Skuid Skool?</option>
<option value="Colleague or Team Member">Colleague or Team Member</option>
<option value="Skuid Team Member/Employee">Skuid Team Member/Employee</option>
<option value="Skuid newsletter, email, social media or other form of Skuid communication">Skuid newsletter, email, social media or other form of Skuid communication</option>
<option value="Internet Search">Internet Search</option>
<option value="Other">Other</option>
</select>
</div> {%- endcomment -%}
{% comment %}<div class="np-form-field">
<label class="np-input-label" for="hear_about">
</label>
<select
@ -91,13 +120,15 @@
<option value="Colleague or Team Member">Colleague or Team Member</option>
<option value="Skuid Team Member/Employee">Skuid Team Member/Employee</option>
<option value="Skuid newsletter, email, social media or other form of Skuid communication">Skuid newsletter, email, social media or other form of Skuid communication</option>
<option value="Internet Search">Internet Search</option
<option value="Internet Search">Internet Search</option>
<option value="Other">Other</option>
</div>
</select>
</div>{% endcomment %}
<p style="display: none;" id="passwords-dont-match-alert">Passwords don't match</p>
<button type="submit" id="send_button" class="np-button np-button-big np-button-large-font np-form-action" style="border-radius: 56px;" onclick="googleReport(event)">
Register
</button>
<div class="err-required" style="display:none;">Please complete all required fields.</div>
</form>
{% comment %} <span class="np-form-terms">
By submitting this form you agree to the
@ -120,6 +151,7 @@
</a>
Terms of Use
</span> {% endcomment %}
</div>
</div>
</main>
@ -307,8 +339,9 @@
function checkIfInputsExist (){
window.setTimeout(function(){
if ($("#learner_email")[0].value.length >0){
if ($("#learner_email")[0].value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)){
$("#learner_email").css("background-color", "#FFF6F0")
if ($("#learner_email")[0].value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/) && $("#learner_email")[0].value.includes('@skuid') == false){
$("#skuid-domain-alert").css("display", "none");
$("#learner_email").css("background-color", "#FFF6F0");
if ($("#learner_password")[0].value.length > 0){
if (!$("#learner_password")[0].value.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&.#^+-/()=<>~`:;'",])[A-Za-z\d@$!%*?&.#^+-/()=<>~`:;'",]{8,}$/)) {
$("#password-too-short-alert").css("display", "block");
@ -321,8 +354,8 @@
$("#learner_password").css("background-color", "#FFF6F0");
if ($("#learner_password")[0].value == $("#learner_second_password")[0].value){
$("#passwords-dont-match-alert").css("display", "none");
$("#learner_second_password").css("background-color", "#FFF6F0")
if ($("#learner_first_name")[0].value.length * $("#learner_last_name")[0].value.length * $("#learner_email")[0].value.length * $("#learner_password")[0].value.length * $("#learner_second_password")[0].value.length != 0) {
$("#learner_second_password").css("background-color", "#FFF6F0");
if ($("#learner_first_name")[0].value.length * $("#learner_last_name")[0].value.length * $("#learner_email")[0].value.length * $("#learner_password")[0].value.length) {
$("#send_button").css("background-color","#005cb9");
$("#send_button").css("pointer-events","auto");
}
@ -345,6 +378,7 @@
}
}
else {
$("#learner_email")[0].value.includes('@skuid') ? $("#skuid-domain-alert").css("display", "block") : $("#skuid-domain-alert").css("display", "none");
$("#learner_email").css("background-color", "salmon")
$("#send_button").css("background-color","#6F7277");
$("#send_button").css("pointer-events","none");
@ -353,10 +387,21 @@
}, 500)
}
document.addEventListener('keydown', checkIfInputsExist);
$("#learner_email")[0].addEventListener('change', checkIfInputsExist);
</script>
<script>
let googleReport = (event) => {
let userData = $('#how_did_you_hear')[0].value;
console.log(userData);
}
</script>
//validate the checkbox is selected
$('.np-form-action').click(function(e) {
e.preventDefault()
console.log("clicked")
if($("#attestationCheckbox").is(":checked")) {
$('.np-form').submit()
} else {
console.log("Checkbox is not checked")
$('.checkbox-field').addClass('has-err')
$('.err-required').show();
}
});
</script>