Files
Gainsight/Custom_Templates/customer_templates/Crayon/homepage.html.liquid
2023-06-14 17:30:03 -04:00

231 lines
8.8 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% comment %}{% include "sub_navigation" %}{% endcomment %}
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/acceleratorBadge.png {% endcomment %}
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/activatorBadge.png {% endcomment %}
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/architectBadge.png {% endcomment %}
{% assign architect_course_done = false %}
{% assign activator_course_done = false %}
{% assign accelerator_course_done = false %}
{% assign architect_course_in_progress = false %}
{% assign activator_course_in_progress = false %}
{% assign accelerator_course_in_progress = false %}
{% assign architect_course_started = true %}
{% assign activator_course_started = true %}
{% assign accelerator_course_started = true %}
{% for course in courses.in_catalog %}
{% if course.name == 'Architect Certification Course'%}
{% if course.progress == 100 %}
{% assign architect_course_done = true %}
{% elsif course.progress > 0 and course.progress < 100 %}
{% assign architect_course_in_progress = true %}
{% else %}
{% assign architect_course_started = false %}
{% endif %}
{% endif %}
{% if course.name == 'Activator Certification Course'%}
{% if course.progress == 100 %}
{% assign activator_course_done = true %}
{% elsif course.progress > 0 and course.progress < 100 %}
{% assign activator_course_in_progress = true %}
{% else %}
{% assign activator_course_started = false %}
{% endif %}
{% endif %}
{% if course.name == 'Accelerator Certification Course'%}
{% if course.progress == 100 %}
{% assign accelerator_course_done = true %}
{% elsif course.progress > 0 and course.progress < 100 %}
{% assign accelerator_course_in_progress = true %}
{% else %}
{% assign accelerator_course_started = false %}
{% endif %}
{%endif%}
{% endfor %}
<section class="dashboard-section">
<main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center heading">
<div class="col-xs-12">
<div class="np-dashboard-header">
<div class="np-resource-title"><span id="visitCount"></span>, {{current_person.first_name}}!
{% assign incomplete_course_count = 0 %}
{% assign default_course = 'Architect Certification Course' %}
{% if architect_course_started == true and architect_course_done == false %}
Ready to complete the Architect Certification Course?
{% elsif activator_course_started == true and activator_course_done == false %}
Ready to complete the Activator Certification Course?
{% elsif accelerator_course_started == true and accelerator_course_done == false %}
Ready to complete the Accelerator Certification Course?
{% else %}
{% if architect_course_done == false %}
{% assign incomplete_course_count = incomplete_course_count | plus: 1 %}
{% endif %}
{% if activator_course_done == false %}
{% assign incomplete_course_count = incomplete_course_count | plus: 1 %}
{% endif %}
{% if accelerator_course_done == false %}
{% assign incomplete_course_count = incomplete_course_count | plus: 1 %}
{% endif %}
{% if architect_course_done == true %}
{% assign default_course = 'Activator Certification Course' %}
{% endif %}
{% if incomplete_course_count > 1 and default_course != 'Architect Certification Course' %}
Ready to complete the Accelerator Certification Course?
{% elsif incomplete_course_count > 0 %}
Ready to complete the {{ default_course }}?
{% else %}
{% if architect_course_done == true and activator_course_done == false and accelerator_course_done == false %}
Ready to begin Accelerator Certification Course?
{% elsif activator_course_done == true and accelerator_course_done == false and architect_course_done == false %}
Ready to begin Architect Certification Course?
{% elsif accelerator_course_done == true and activator_course_done == false and architect_course_done == false %}
Ready to begin Architect Certification Course?
{% else %}
You've completed every available course. 🎉
{% endif %}
{% endif %}
{% endif %}
</div>
{% comment %}<div class="np-resource-subtitle">This is whats relevant to you right now in Competitive Advantage Academy</div>{%endcomment%}
</div>
</div>
</div>
<div class="row dashboard-section-courses">
<div class="col-xs-12 col-sm-6 col-lg-4">
{% for course in courses.in_catalog %}
{% if course.name == 'Activator Certification Course' %}
<div class="np-md-flex-wrapper" style="text-align: center;">
<div class="np-dashboard-resources-title course-progress">
{% if course.progress == 0 %}
⛔️ NOT STARTED
{% elsif course.progress > 0 and course.progress < 100%}
✍️ IN PROGRESS
{% elsif course.progress == 100 %}
🎉 COMPLETE
{% endif %}
</div>
</div>
{% include 'cards_course' with course %}
{% endif %}
{% endfor %}
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
{% for course in courses.in_catalog %}
{% if course.name == 'Architect Certification Course' %}
<div class="np-md-flex-wrapper" style="text-align: center;">
<div class="np-dashboard-resources-title course-progress">
{% if course.progress == 0 %}
⛔️ NOT STARTED
{% elsif course.progress > 0 and course.progress < 100%}
✍️ IN PROGRESS
{% elsif course.progress == 100 %}
🎉 COMPLETE
{% endif %}
</div>
</div>
{% include 'cards_course' with course %}
{% endif %}
{% endfor %}
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
{% for course in courses.in_catalog %}
{% if course.name == 'Accelerator Certification Course' %}
<div class="np-md-flex-wrapper" style="text-align: center;">
<div class="np-dashboard-resources-title course-progress">
{% if course.progress == 0 %}
⛔️ NOT STARTED
{% elsif course.progress > 0 and course.progress < 100%}
✍️ IN PROGRESS
{% elsif course.progress == 100 %}
🎉 COMPLETE
{% endif %}
</div>
</div>
{% include 'cards_course' with course %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</main>
</section>
{% include "footer" %}
<style>
.dashboard-section, .np-dashboard {
background: #89d9e1;
}
.course-progress {
color: #fff;
font-size: 1.5rem;
}
.heading {
margin-bottom: 2rem;
}
.np-resource-title {
text-transform: none;
}
</style>
<script>
function incrementVisitCount() {
var visitCount = getCookie('visitCount');
if (visitCount) {
visitCount = parseInt(visitCount) + 1;
} else {
visitCount = 1;
}
setCookie('visitCount', visitCount);
console.log(visitCount);
if (visitCount == 1) {
document.getElementById('visitCount').innerHTML = "Welcome";
}
else document.getElementById('visitCount').innerHTML = "Welcome back";
}
function getCookie(name) {
var cookieName = name + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var cookieArray = decodedCookie.split(';');
for (var i = 0; i < cookieArray.length; i++) {
var cookie = cookieArray[i];
while (cookie.charAt(0) === ' ') {
cookie = cookie.substring(1);
}
if (cookie.indexOf(cookieName) === 0) {
return cookie.substring(cookieName.length, cookie.length);
}
}
return null;
}
function setCookie(name, value) {
var expirationDate = new Date();
expirationDate.setFullYear(expirationDate.getFullYear() + 1); // Ustawienie daty wygaśnięcia pliku cookie na za rok
document.cookie = name + "=" + value + "; expires=" + expirationDate.toUTCString() + "; path=/";
}
incrementVisitCount();
</script>