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

Finished Script to push notes to GonG, just need an API Key. Pipedrive templates, Skuid Templates, got TripleSeat's templates ready for their sign in page. Few notes.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-07-25 17:07:33 -04:00
parent 08c8f78f1c
commit d2378e4f44
26 changed files with 512 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
Custom_Templates/customer_templates/Skuid/certification.html.liquid
View File

@ -1,4 +1,9 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false %}
<script>
window.location.href = '/learners/sign_in'
</script>
{% endif %}
{% include "header" %}
<div class="page-container">
{% if current_person.signed_in? %}
@ -45,26 +50,65 @@
{% if current_person.properties.cert_status == 'Default' %}
<div class="cert-content-container col-xs-12">
<div class="np-resource-title cert-header">Ready to be Skuid Certified?</div>
<div class="np-resource-title cert-header" style="color: #000;">Ready to be Skuid Certified?</div>
<div class="np-resource-subtitle cert-sub-header registration-sub-header">
<div>The Skuid - Certified Builder Exam assumes knowledge in topics from <a href="https://www.skuidskool.com/app/learning_paths/46ae5253-8c64-426b-a638-e80c08ce29da" class="registration-sub-header-link" target="_blank">Level 1</a>, <a href="https://www.skuidskool.com/app/learning_paths/e7d6e7ca-39ad-4a40-b75c-83d382715c4a" class="registration-sub-header-link" target="_blank">Level 2</a>, <a href="https://www.skuidskool.com/app/learning_paths/e15cd738-8681-4171-9d09-ba3d31c02005" class="registration-sub-header-link" target="_blank">Deploy and Manage Skuid Apps in Salesforce</a>, and the <a href="https://www.skuidskool.com/app/learning_paths/e76d07d4-984b-41a9-b53f-2c300f8eeba9" class="registration-sub-header-link" target="_blank">Explore More</a> learning paths within <a href="/app" class="registration-sub-header-link" target="_blank">Skuid Skool</a>.</div>
<div>The Skuid - Certified Builder Exam assumes knowledge in topics from these learning paths: <a href="https://www.skuidskool.com/app/learning_paths/46ae5253-8c64-426b-a638-e80c08ce29da" class="registration-sub-header-link" target="_blank">Level 1</a>, <a href="https://www.skuidskool.com/app/learning_paths/e7d6e7ca-39ad-4a40-b75c-83d382715c4a" class="registration-sub-header-link" target="_blank">Level 2</a>, <a href="https://www.skuidskool.com/app/learning_paths/e15cd738-8681-4171-9d09-ba3d31c02005" class="registration-sub-header-link" target="_blank">Deploy and Manage Skuid Apps in Salesforce</a>, and <a href="https://www.skuidskool.com/app/learning_paths/e76d07d4-984b-41a9-b53f-2c300f8eeba9" class="registration-sub-header-link" target="_blank">Explore More</a>.</div>
{%- comment -%} <a href="/app" class="registration-sub-header-link" target="_blank">Skuid Skool</a> {%- endcomment -%}
<br>
<div>Click below to register for your exam.</div>
<span style="color: red;">
**Important: Please make sure you use the same email that you are using in Skuid Skool. If you don't, you may not be able to take the exam or get credit for the certification.
</span>
<div>Click below to agree to the terms and register for your exam.</div>
</div>
<div style="align-items: center; display: flex; flex-direction: row;" >
<input type="checkbox" id="skuid-cert-agreement-input" onclick="agreementValidator()" style="margin-right: 10px;"><span>I have read and understand the <a href="https://www.skuid.com/legal/skuid-certification-exam-agreement" target="_blank">Skuid Terms and Agreements*</a></span>
<div style="background: rgb(255, 224, 143, 0.46); border-radius: 10px; padding: 20px 0; width: 80%;">
<div class="np-resource-subtitle cert-sub-header registration-sub-header" style="padding: 0; text-align: center; width: 100%;">
<span>
**Important: Make sure you register with the same email that you use in Skuid Skool.**
</span>
<br>
<span style="font-weight: 400;">If you don't, you may not be able to take the exam or get credit for the certification.</span>
</div>
<div style="align-items: center; display: flex; flex-direction: row; justify-content: center;" >
<input type="checkbox" id="skuid-cert-agreement-input" onclick="agreementValidator()" style="font-weight: 500; margin-right: 10px;"><span style="color: #000000;">I have read and understand the <a href="https://www.skuid.com/legal/skuid-certification-exam-agreement" target="_blank">Skuid Terms and Agreements*</a></span>
</div>
</div>
<form id="skuid-cert-registration-button" name="PrePage" method ="post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx" target="_blank" style="margin: 25px 0; pointer-events: none;">
{%- comment -%} Test Button 1 {%- endcomment -%}
{%- comment -%} <form id="skuid-cert-registration-button" name="PrePage" method ="post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx" target="_blank" style="
height: 52px;
margin: 30px 0 25px;
pointer-events: none;">
<input type = "hidden" name = "LinkId" value ="f0b2546a-f610-4015-80b3-19357fbb7b88" />
<input type = "image" src ="//testcontent.authorize.net/images/buy-now-gold.gif" />
</form> {%- endcomment -%}
{%- comment -%} Test Button 2 {%- endcomment -%}
{%- comment -%} <form id="skuid-cert-registration-button" name="PrePage" method = "post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx" target="_blank" style="
height: 52px;
margin: 30px 0 25px;
pointer-events: none;">
<input type = "hidden" name = "LinkId" value ="f0b2546a-f610-4015-80b3-19357fbb7b88" />
<input type = "image" src ="https://uploads-ssl.webflow.com/5f3ae94493a8451beac90951/64ad5965ca60ccb9008e0cb0_RegisterButtonCert.svg" alt="Register Now" />
</form> {%- endcomment -%}
{%- comment -%} Test Button 3 {%- endcomment -%}
<form id="skuid-cert-registration-button" name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx" target="_blank" style="
height: 52px;
margin: 30px 0 25px;
pointer-events: none;">
<input type = "hidden" name = "LinkId" value ="ed5efb0e-a511-4f73-9d37-d47a2b6db15e" />
<input type = "image" src ="https://uploads-ssl.webflow.com/5f3ae94493a8451beac90951/64ad5965ca60ccb9008e0cb0_RegisterButtonCert.svg" alt="Register Now" />
</form>
<img src="https://cdn.northpass.io/Skuid/images/cert_registration.svg" alt="exam-registration-image" class="exam-status-image exam-registration-image">
<span style="color: #000; font-size: 20px; font-weight: 500; line-height: 20px; margin-bottom: 20px">Once you’ve registered, refresh this page to access the prep materials.</span>
{%- comment -%} <span style="
bottom: -200px;
color: #000;
font-size: 1rem;
font-weight: 500;
line-height: 28px;
position: absolute;">Learn more at <a href="https://skuidskool.com/certification" style="color: #000;">skuidskool.com/certification</a></span> {%- endcomment -%}
<img src="https://cdn.northpass.io/Skuid/images/Cert_Registration.svg" alt="exam-registration-image" class="exam-status-image exam-registration-image">
</img>
</div>
{% endif %}
@ -95,7 +139,7 @@
<div class="cert-content-container col-xs-12">
<div class="np-resource-title cert-header">Skuid Certification Exam Prep</div>
<div class="np-resource-subtitle cert-sub-header">Prep, practice, or schedule you exam.</div>
<div class="np-resource-subtitle cert-sub-header" style="color: #000;">Prep, practice, and take your exam.</div>
<div class="cert-exam-prep-cards col-xs-9 col-sm-12">
{%- comment -%} {% if render_practice == true %}{% endif %} {%- endcomment -%}
@ -116,21 +160,32 @@
<div class="cert-card col-xs-12 col-md-3">
<a class="cert-button cert-button-locked" href="#" target="_blank">Exam Not Ready</a>
<div class="cert-card-blurb">
This button will activate when you've received your exam confirmation email
This button will activate when you've received your exam confirmation email.
</div>
</div>
{% elsif current_person.properties.cert_status == 'Exists-qm' %}
<div class="cert-card col-xs-12 col-md-3">
<a class="cert-button" href="#" target="_blank">Take Exam</a>
<a class="cert-button" href="https://ondemand.questionmark.com/home/406287/user?destination=assessments" target="_blank">Take Exam</a>
<div class="cert-card-blurb">
Ready? Take your exam to become certified.
</div>
</div>
{% endif %}
</div>
<span style="font-size: 16px; font-weight: 500; line-height: 20px; margin: 30px 0 15px">
Not seeing what you expect? Refresh this page.
</span>
</div>
<div onclick="callNPWebhook()" style="display: none;" id="webhook-caller-item"></div>
<script>
$( document ).ready(callNPWebhook());
$( document ).ready(function(){
let caller = document.getElementById('webhook-caller-item');
if(caller){
caller.click();
}
});
</script>
{% endif %}
@ -138,8 +193,8 @@
{% if current_person.properties.cert_status == 'Pass' %}
<div class="cert-content-container col-xs-12 exam-status-container">
<img src="https://cdn.northpass.io/Skuid/images/exam_passed_background.svg" alt="exam-passed-background" class="exam-status-image">
<a class="cert-button-big share-cert-button" href="#">View Credential</a>
<img src="https://s3.amazonaws.com/static.northpass.com/Skuid/images/cert_exam_passed.svg" alt="exam-passed-background" class="exam-status-image">
<a class="cert-button-big share-cert-button" href="{{ current_person.properties.accredible_url }}" target="_blank">View Credential</a>
</img>
</div>
{% endif %}
@ -147,8 +202,8 @@
{% comment %}=============================================== FAILED ======================================================{% endcomment %}
{% if current_person.properties.cert_status == 'Fail' %}
<div class="cert-content-container col-xs-12">
<div class="np-resource-title cert-header">Exam failed.</div>
<div class="cert-content-container col-xs-12" style="padding-bottom: 30px;">
<div class="np-resource-title cert-header" style="color: #000;">Exam failed.</div>
<div class="np-resource-subtitle cert-sub-header">
If you'd like to try again, <a href="mailto:certification@skuid.com">certification@skuid.com</a>.
</div>
@ -182,9 +237,21 @@
<a class="cert-button-med re-cert-button" href="#">Get recertified</a>
</div> {%- endcomment -%}
<div class="ceritfication-footer" style="
font-size: 20px;
font-weight: 500;
line-height: 20px;
margin-top: 15%;
text-align: center;
width: 100%;">
<span>Learn more at <a href="https://skuid.com/certification" style="color: #0d6efd;">skuid.com/certication</a>.</span>
<br>
<br>
<span>Questions? Contact us at <a href="mailto:certification@skuid.com" style="color: #0d6efd;">certification@skuid.com</a>.</span>
</div>
</main>
</div>
{% include "footer" %}
{%- comment -%} {% include "footer" %} {%- endcomment -%}
<!-- Hotjar Tracking Code for Skool Staging/test site -->
<script>
@ -219,7 +286,8 @@
email: '{{ current_person.email }}',
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
user_id: '{{ current_person.id }}',
cert_status: '{{ current_person.properties.cert_status }}'
cert_status: '{{ current_person.properties.cert_status }}',
learner_points: '{{ current_person.properties.learner_points }}'
}))
})
}
@ -249,6 +317,7 @@
.cert-sub-header{
font-weight: 500;
margin-bottom: 40px;
}
.register-cert-button{
@ -270,6 +339,11 @@
font-size: 8px;
}
.registration-sub-header{
color: #000000;
padding: 0 8%;
}
.registration-sub-header-link{
text-decoration: none;
}
@ -484,8 +558,8 @@
border-radius: 10px;
display: flex;
flex-direction: column;
padding-bottom: 127px;
padding-top: 91px;
/* padding-bottom: 127px; */
padding-top: 50px;
}
.exam-status-container{
@ -590,8 +664,8 @@
.share-cert-button{
font-size: 12px !important;
height: 40px;
margin-top: -38%;
margin-bottom: calc(38% + 24px);
margin-top: -40%;
margin-bottom: calc(34% + 24px);
max-width: 275px;
padding: 11px 0px;
width: 38% !important;