Luminate Templates, notes for walmart, Crayon changes.
This commit is contained in:
Norm Rasmussen
@ -5,60 +5,227 @@
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/activatorBadge.png {% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/architectBadge.png {% endcomment %}
|
||||
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-header">
|
||||
<div class="np-resource-title">Hi {{current_person.first_name}}! 👋</div>
|
||||
{% comment %}<div class="np-resource-subtitle">This is what’s relevant to you right now in Competitive Advantage Academy</div>{%endcomment%}
|
||||
<div class="np-resource-subtitle">Take the courses. Get your certificates. Compete like you mean it.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% assign architect_course_done = false %}
|
||||
{% assign activator_course_done = false %}
|
||||
{% assign accelerator_course_done = false %}
|
||||
|
||||
<div class="row dashboard-section-courses">
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% assign architect_course_in_progress = false %}
|
||||
{% assign activator_course_in_progress = false %}
|
||||
{% assign accelerator_course_in_progress = false %}
|
||||
|
||||
{% 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">
|
||||
Beginner
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
|
||||
{% 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 %}
|
||||
{% 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">
|
||||
Intermediate
|
||||
</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">
|
||||
Advanced
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</div>
|
||||
{% comment %}<div class="np-resource-subtitle">This is what’s 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" %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% 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>
|
||||
Reference in New Issue
Block a user