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

Update Walmart Spark templates. Backedup all their hidden tags in course settings and removed so they don't show up in the search results anymore.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-11-22 22:38:06 -05:00
parent 7bc8b430be
commit 87b721483f
14 changed files with 630 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
Custom_Templates/customer_templates/Walmart Spark Prod/course.html.liquid
View File

@ -1,6 +1,8 @@
{% if course.properties.skip_course_outline_page %}
<script> window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}') </script>
{% else %}
{% if course.properties.skip_course_outline_page %}
<script>
window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}')
</script>
{% else %}
{% assign back_button_url = "/app/courses" %}
{% for category in course.categories %}
{% assign cat_name = category.name | replace: " ", "-" | downcase %}
@ -8,41 +10,45 @@
{% endfor %}
<div class="mobile-header">
<a href="{{back_button_url}}" class="exit-icon"><i class="fal fa-arrow-left"></i></a>
<div class="header-title">{{course.name}}</div>
<a href="{{back_button_url}}" class="exit-icon">
<i class="fal fa-arrow-left"></i>
</a>
<div class="header-title">{{ course.name }}</div>
</div>
<main class="np-main np-max-width np-page-container course-cover-page">
<div id="course-mobile">
<div class="np-card-container transparent-card">
{% unless course.image_url contains "/assets/defaults/learning_experience/course-" %}
<img src="{{ course.image_url }}" class="np-top-image" alt="{{ course.name }}" />
{% endunless %}
<div class="np-top-title">{{ course.name }}</div>
<div class="cover-flex-container">
<div class="card-content-length">
{% if course.properties.course_length != 'NULL' %}
<div class="card-content-length">{{ course.properties.course_length }}</div>
{% endif %}
<div class="np-card cover-page-card">
<div class="np-card-container">
<img src="{{ course.image_url }}" alt="{{ course.name }}" />
<div class="card-content-wrapper">
<div class="cover-page-card-title">{{ course.name }}</div>
<div class="cover-page-card-desc">{{ course.full_description }}</div>
<div class="card-info">
{% if course.properties.course_length != 'NULL' %}
<div class="card-content-length">{{ course.properties.course_length }}</div>
{% endif %}
</div>
</div>
</div>
<hr class="hr-dotted" />
</div>
<div class="np-card-container np-card-padding np-card-spacing desc-block">
<h3 class="np-card-heading">About the Resource</h3>
<div class="np-card-text">{{ course.full_description }}</div>
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_outline" %}
</div>
<div class="np-top-cta stick-to-bottom">
{% if course.learner_can_retake? %}
{% if course.learner_can_retake? %}
<form action="{% route course_retake, id: course.id %}" method="POST">
{% form_authenticity_token %}
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">Review</button>
</form>
{% else %}
<a class="np-top-button np-button-font-color np-button np-button-big" {% if course.enrolled? %} href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}" {% else %} href="{% route course_enrollment, code: course.enrollment_code %}" {% endif %} >
<a
class="np-top-button np-button-font-color np-button np-button-big"
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}
href="{% route course_enrollment, code: course.enrollment_code %}"
{% endif %}>
{% if course.progress > 0 and course.progress < 100 %}
Resume
{% elsif course.completed? %}
@ -53,20 +59,36 @@
</a>
{% endif %}
</div>
</div>
</div>
</main>
{% endif %}
<script>
<script>
setTimeout(function() {
if (sessionStorage.getItem('appContext') !== null && sessionStorage.getItem('appContext') !== 'Returning to App') {
$(".mobile-header .exit-icon").attr("href", "javascript: sendMessage()")
const isAppContextAware = sessionStorage.getItem('appContext') !== null && sessionStorage.getItem('appContext') !== 'Returning to App';
const appContextCategoryOrigin = sessionStorage.getItem('appContextCategoryOrigin')
if (document.referrer.includes("/search") || document.referrer.includes("/progress")) {
console.log("User came directly from 'Search' or 'Progress' Tab.")
if (isAppContextAware && !appContextCategoryOrigin) {
console.log("Go back to app.")
$(".mobile-header .exit-icon").attr("href", "javascript: sendMessage()")
} else {
console.log("Go back to previous page")
$(".mobile-header .exit-icon").attr("href", "javascript: goBack()")
}
} else {
if (document.referrer.includes("/search") || document.referrer.includes("/progress")) {
$(".mobile-header .exit-icon").attr("href", "javascript: goBack()")
if (window.location.pathname.includes("learning_paths")) {
console.log("User navigating a learning path, Arrow will redirect back to learning path cover page.")
const pathParts = window.location.pathname.split("/")
$(".mobile-header .exit-icon").attr("href", `/app/learning_paths/${pathParts[3]}`)
} else {
if (isAppContextAware && !appContextCategoryOrigin) {
console.log("App Context value exists. Category Origin does not. Go back to app.")
$(".mobile-header .exit-icon").attr("href", "javascript: sendMessage()")
}
}
}
}, 500)
</script>
</script>