|
|
|
|
@ -1,71 +1,7 @@
|
|
|
|
|
<script>
|
|
|
|
|
function showPopup() {
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
document.querySelector(".popup-trigger").click()
|
|
|
|
|
}, 500)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function showSurveyPopup() {
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
document.querySelector(".survey-popup-trigger").click()
|
|
|
|
|
}, 500)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function formatDate(date) {
|
|
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|
|
|
|
const day = date.getDate().toString().padStart(2, '0');
|
|
|
|
|
const year = date.getFullYear();
|
|
|
|
|
|
|
|
|
|
return `${month}/${day}/${year}`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function RerunWorkato() {
|
|
|
|
|
const today = new Date();
|
|
|
|
|
const formattedDate = formatDate(today);
|
|
|
|
|
const data = {
|
|
|
|
|
person_uuid: '{{current_person.id}}',
|
|
|
|
|
date: formattedDate
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let webhookUrl
|
|
|
|
|
if (schoolID == "804edb32-c300-42f3-82b7-e5d55fcbc2a6") {
|
|
|
|
|
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup"
|
|
|
|
|
} else if (schoolID == "10183441-2254-4b1e-a9f7-9549ca773257") { // live school
|
|
|
|
|
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup-live"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (webhookUrl) {
|
|
|
|
|
fetch(webhookUrl, {
|
|
|
|
|
method: 'post',
|
|
|
|
|
body: JSON.stringify(data)
|
|
|
|
|
}).then(function(response) {
|
|
|
|
|
return response.json();
|
|
|
|
|
}).then(function(data) {
|
|
|
|
|
console.log(res)
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
{% assign catalog_courses = courses.in_catalog %}
|
|
|
|
|
|
|
|
|
|
{% assign survey_courses = "" %}
|
|
|
|
|
{% assign survey_course_completed = false %}
|
|
|
|
|
{% comment %} {% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %} {% endif %}{% endcomment %}
|
|
|
|
|
{% comment %} LIVE SCHOOL {% endcomment %}
|
|
|
|
|
{% comment %} {% assign survey_course = catalog_courses | where: "id", "b3225a47-448d-4988-962a-18d37d6616d0" %} {% endcomment %}
|
|
|
|
|
{% comment %} {% if current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %} {% endif %} {% endcomment %}
|
|
|
|
|
{% comment %} SANDBOX SCHOOL {% endcomment %}
|
|
|
|
|
{% comment %} {% assign survey_course = catalog_courses | where: "id", "fdc8acdc-0b7c-4064-a52b-1955379d411b" %} {% endcomment %}
|
|
|
|
|
{% comment %} {% endif %} {% endcomment %}
|
|
|
|
|
|
|
|
|
|
{% comment %} {% for course in survey_course %} {% endfor %} {% endcomment %}
|
|
|
|
|
{% comment %} {% if course.progress == 100 %} {% endif %}{% endcomment %}
|
|
|
|
|
{% comment %} {% assign survey_course_completed = true %} {% endcomment %}
|
|
|
|
|
{% comment %} {% endif %} {% endcomment %}
|
|
|
|
|
{% comment %} {% endfor %} {% endcomment %}
|
|
|
|
|
|
|
|
|
|
{% include "header" %}
|
|
|
|
|
<main class="np-main np-homepage">
|
|
|
|
|
@ -84,13 +20,13 @@
|
|
|
|
|
data-test="mobile-search"
|
|
|
|
|
method="get"
|
|
|
|
|
action="{% route search %}">
|
|
|
|
|
{% if current_person.properties.language == "es" %}
|
|
|
|
|
{% if current_person.properties.language == "fr" %}
|
|
|
|
|
<input
|
|
|
|
|
aria-label="¿Qué estás buscando?"
|
|
|
|
|
aria-label="?"
|
|
|
|
|
class="hero-search-input"
|
|
|
|
|
type="text"
|
|
|
|
|
name="q"
|
|
|
|
|
placeholder="¿Qué estás buscando?" />
|
|
|
|
|
placeholder="?" />
|
|
|
|
|
{% else %}
|
|
|
|
|
<input
|
|
|
|
|
aria-label="What are you looking for?"
|
|
|
|
|
@ -113,179 +49,15 @@
|
|
|
|
|
|
|
|
|
|
{% include "homepage_featured", items: catalog_courses %}
|
|
|
|
|
|
|
|
|
|
{% comment %}
|
|
|
|
|
<div class="np-max-width np-homepage-row-wrapper">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12" style="display:flex; flex-direction:column;">
|
|
|
|
|
<div class="Progress np-section-header">Progress Tracker</div>
|
|
|
|
|
<div class="learning-path-progress-container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
{% assign lps_in_progress = 0 %}
|
|
|
|
|
{% assign enrolled_learning_paths = learning_paths.enrolled | sort: "progress" | reverse %}
|
|
|
|
|
{% for learning_path in enrolled_learning_paths %}
|
|
|
|
|
{% if learning_path.progress > 0 %}
|
|
|
|
|
{% assign lps_in_progress = lps_in_progress | plus: 1 %}
|
|
|
|
|
|
|
|
|
|
{% if lps_in_progress < 4 %}
|
|
|
|
|
<div class="col-xs-12 col-md-4">
|
|
|
|
|
{% include "cards_learning_path_progress" %}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
|
|
{% if lps_in_progress > 0 %}
|
|
|
|
|
<div class="see-more-wrapper">
|
|
|
|
|
<a href="/app/dashboard" style="margin-top:24px;">See more</a>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if lps_in_progress == 0 %}
|
|
|
|
|
<div class="col-xs-12">
|
|
|
|
|
<div class="np-learning-paths-resources-container">
|
|
|
|
|
<div class="np-zero-state-text">
|
|
|
|
|
Yikes! You don't have any learning Paths in progress.
|
|
|
|
|
</div>
|
|
|
|
|
<img class="np-zero-state-learning-paths" alt="" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endcomment %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% comment %} {% if features.training_events? %}
|
|
|
|
|
<div class="col-xs-12 col-sm-5 col-md-4">
|
|
|
|
|
<div class="homepage-events">
|
|
|
|
|
<div class="np-section-header">Upcoming Courses</div>
|
|
|
|
|
<div class="upcoming events">
|
|
|
|
|
{% if training_events.available.any? %}
|
|
|
|
|
{% for training_event in training_events.available limit:1 %}
|
|
|
|
|
{% include "cards_training_event" with training_event %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
<div class="see-more-wrapper">
|
|
|
|
|
<a href="/app/training_events" style="margin-top:24px;">See more</a>
|
|
|
|
|
</div>
|
|
|
|
|
{% else %}
|
|
|
|
|
{% include "training_events_zero_state" %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %} {% endcomment %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% include "homepage_ongoing_training", items: catalog_courses %}
|
|
|
|
|
|
|
|
|
|
{% comment %} {% include "homepage_topics" %} {% endcomment %}
|
|
|
|
|
<button
|
|
|
|
|
type="button"
|
|
|
|
|
class="popup-trigger"
|
|
|
|
|
data-toggle-class-on-target
|
|
|
|
|
data-toggle-target="#firstTimeUsers"
|
|
|
|
|
data-toggle-escape
|
|
|
|
|
data-toggle-modal>
|
|
|
|
|
Click
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
type="button"
|
|
|
|
|
class="survey-popup-trigger"
|
|
|
|
|
data-toggle-class-on-target
|
|
|
|
|
data-toggle-target="#surveyPopup"
|
|
|
|
|
data-toggle-escape
|
|
|
|
|
data-toggle-modal>
|
|
|
|
|
Click
|
|
|
|
|
</button>
|
|
|
|
|
</main>
|
|
|
|
|
{% include "footer" %}
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="first-time-user-popup"
|
|
|
|
|
id="firstTimeUsers"
|
|
|
|
|
role="dialog"
|
|
|
|
|
aria-labelledby="dialogTitle"
|
|
|
|
|
aria-describedby="dialogContent"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<section class="first-time-user-popup-container">
|
|
|
|
|
<div id="dialogContent" class="first-time-user-popup-content">
|
|
|
|
|
<div class="modal-headline">
|
|
|
|
|
{% if current_person.first_name %}👋 Hi, {{ current_person.first_name }}!{% endif %}
|
|
|
|
|
Welcome to Walmart Luminate Learning! Can we help you get familiar with the site?</div>
|
|
|
|
|
<div class="modal-links">
|
|
|
|
|
<a
|
|
|
|
|
href="javascript:setPopupSeenProperty('/app/dashboard')"
|
|
|
|
|
class="secondary"
|
|
|
|
|
data-toggle-trigger-off>No thanks! I can figure it out.</a>
|
|
|
|
|
|
|
|
|
|
{% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %}
|
|
|
|
|
{% comment %} LIVE SCHOOL {% endcomment %}
|
|
|
|
|
<a href="javascript:setPopupSeenProperty('https://walmartluminate.northpass.com/c/fabe6410eee0c1fa338f11d854edccada8780b6f')">Sure! Show me around.</a>
|
|
|
|
|
{% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
|
|
|
|
|
{% comment %} SANDBOX SCHOOL {% endcomment %}
|
|
|
|
|
<a href="javascript:setPopupSeenProperty('/app/courses/52f20328-9868-40e5-9ceb-699f6ab2c6ec')" ">Sure! Show me around.</a>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="survey-popup"
|
|
|
|
|
id="surveyPopup"
|
|
|
|
|
role="dialog"
|
|
|
|
|
aria-labelledby="dialogTitle"
|
|
|
|
|
aria-describedby="dialogContent"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<section class="survey-popup-container">
|
|
|
|
|
<div id="dialogContent" class="survey-popup-content">
|
|
|
|
|
<div class="modal-headline">Help us improve your experience!</div>
|
|
|
|
|
<div class="modal-links">
|
|
|
|
|
{% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %}
|
|
|
|
|
{% comment %} LIVE SCHOOL {% endcomment %}
|
|
|
|
|
<a href="javascript:setSurveyPopupSeen('/app/courses/b3225a47-448d-4988-962a-18d37d6616d0')">Go!</a>
|
|
|
|
|
{% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
|
|
|
|
|
{% comment %} SANDBOX SCHOOL {% endcomment %}
|
|
|
|
|
<a href="javascript:setSurveyPopupSeen('/app/courses/fdc8acdc-0b7c-4064-a52b-1955379d411b')">Go!</a>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% if current_person.signed_in? %}
|
|
|
|
|
{% unless current_person.email contains "+preview" %}
|
|
|
|
|
{% if current_person.properties.first_time_user_popup_seen == false %}
|
|
|
|
|
<script>
|
|
|
|
|
console.log('property is false, check local storage')
|
|
|
|
|
if (localStorage.getItem('modal_clicked') != null) {
|
|
|
|
|
console.log("rerun workflow to set property")
|
|
|
|
|
RerunWorkato()
|
|
|
|
|
} else {
|
|
|
|
|
showPopup()
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
{% elsif current_person.properties.first_time_user_popup_seen == true %}
|
|
|
|
|
<script>
|
|
|
|
|
console.log("property is set, deleting local storage, don't initialize first modal")
|
|
|
|
|
localStorage.removeItem("modal_clicked")
|
|
|
|
|
</script>
|
|
|
|
|
{% else %}
|
|
|
|
|
<script>
|
|
|
|
|
console.log('custom prop doesnt yet exist')
|
|
|
|
|
if (localStorage.getItem('modal_clicked') != null) {
|
|
|
|
|
console.log("rerun workflow to set property")
|
|
|
|
|
RerunWorkato()
|
|
|
|
|
} else {
|
|
|
|
|
showPopup()
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endunless %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% include "footer" %}
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
if (window.location.pathname == "/app") {
|
|
|
|
|
@ -298,7 +70,6 @@
|
|
|
|
|
.classList
|
|
|
|
|
.add("homepage-nav")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.querySelector(".np-hidden-desktop .dropdown-arrow").addEventListener("click", function(e) {
|
|
|
|
|
if (e
|
|
|
|
|
.target
|
|
|
|
|
@ -331,40 +102,7 @@
|
|
|
|
|
stickySubNav.classList.remove('fixed');
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const firstPopupSeen = {{current_person.properties.first_time_user_popup_seen}}
|
|
|
|
|
|
|
|
|
|
if (firstPopupSeen == true) {
|
|
|
|
|
var popupSeenDate = new Date("{{current_person.properties.first_popup_date}}");
|
|
|
|
|
var popupSeenSeconds = popupSeenDate.getTime() / 1000;
|
|
|
|
|
|
|
|
|
|
var currentDate = new Date();
|
|
|
|
|
var currentDateSeconds = currentDate.getTime() / 1000;
|
|
|
|
|
|
|
|
|
|
if (currentDateSeconds > (popupSeenSeconds + 1209600) && currentDateSeconds) {
|
|
|
|
|
console.log("more than 2 weeks after first popup")
|
|
|
|
|
|
|
|
|
|
const surveyCourseCompleted = {{survey_course_completed}}
|
|
|
|
|
|
|
|
|
|
if (surveyCourseCompleted == false) {
|
|
|
|
|
if (localStorage.getItem("survey_modal_clicked") == null) {
|
|
|
|
|
showSurveyPopup()
|
|
|
|
|
} else {
|
|
|
|
|
const lastClickedDateSeconds = new Date(localStorage.getItem("survey_modal_clicked")).getTime() / 1000
|
|
|
|
|
if (currentDateSeconds > (lastClickedDateSeconds + 1209600) && currentDateSeconds) {
|
|
|
|
|
showSurveyPopup()
|
|
|
|
|
} else {
|
|
|
|
|
console.log(`dont show survey popup again until 2 weeks after ${
|
|
|
|
|
localStorage.getItem("survey_modal_clicked")
|
|
|
|
|
} or course completed`)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
localStorage.removeItem("survey_modal_clicked");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function findOffset(element) {
|
|
|
|
|
var top = 0,
|
|
|
|
|
@ -403,59 +141,7 @@
|
|
|
|
|
const offset = circumference - percent * circumference;
|
|
|
|
|
circle.style.strokeDashoffset = offset;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
function setPopupSeenProperty(redirectUrl) {
|
|
|
|
|
localStorage.setItem("modal_clicked", true);
|
|
|
|
|
const today = new Date();
|
|
|
|
|
const formattedDate = formatDate(today);
|
|
|
|
|
const data = {
|
|
|
|
|
person_uuid: '{{current_person.id}}',
|
|
|
|
|
date: formattedDate
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const schoolID = '{{current_school.id}}'
|
|
|
|
|
let webhookUrl
|
|
|
|
|
if (schoolID == "804edb32-c300-42f3-82b7-e5d55fcbc2a6") {
|
|
|
|
|
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup"
|
|
|
|
|
} else if (schoolID == "10183441-2254-4b1e-a9f7-9549ca773257") { // live school
|
|
|
|
|
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup-live"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (webhookUrl) {
|
|
|
|
|
fetch(webhookUrl, {
|
|
|
|
|
method: 'post',
|
|
|
|
|
body: JSON.stringify(data)
|
|
|
|
|
}).then(function(response) {
|
|
|
|
|
return response.json();
|
|
|
|
|
}).then(function(data) {
|
|
|
|
|
console.log(res)
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
window.location.href = redirectUrl;
|
|
|
|
|
}, 250)
|
|
|
|
|
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
window.location.href = redirectUrl;
|
|
|
|
|
}, 250)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setSurveyPopupSeen(redirectUrl) {
|
|
|
|
|
const today = new Date();
|
|
|
|
|
const formattedDate = formatDate(today);
|
|
|
|
|
localStorage.setItem("survey_modal_clicked", formattedDate);
|
|
|
|
|
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
window.location.href = redirectUrl;
|
|
|
|
|
}, 250)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
Norm Rasmussen