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

All that Walmart work and they can't even launch tomorrow.... finished up the work for the Basic/3P user groups. Was then told these learners need to be able to buy courses, which isn't possible with their current configuration. Backing up the files to git anyway, just in case.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-03-04 16:30:56 -05:00
parent f7492809ac
commit 0242384887
20 changed files with 2378 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
Custom_Templates/customer_templates/Walmart Scintilla Dev Copy/homepage.html.liquid
View File

@ -77,9 +77,15 @@
{{ homepage.headline }}
</div>
<div class="hero-search-wrapper">
<div class="np-homepage-subheadline">
{{ homepage.subheadline }}
</div>
{% if basic_3p_user %}
</div>
</div>
</div>
</div>
{% else %}
<div class="np-homepage-subheadline">
{{ homepage.subheadline }}
</div>
<form
class="np-header-search np-hero-search"
data-test="mobile-search"
@ -101,86 +107,60 @@
alt="{{ homepage.headline }}" />
</div>
</div>
{% if basic_3p_user %}
{% include "basic_group_sub_navigation" %}
{% include "homepage_featured", items: enrolled_courses %}
{% comment %}
Homepage featured only looks for courses that have a certain property AND a category. We will need to change that.
I think we can use the "ongoing" training section below for the inprogress courses section.
{% endcomment %}
{% else %}
{% include "sub_navigation" %}
{% include "homepage_featured", items: catalog_courses %}
{% endif %}
<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="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 %}
{% include "sub_navigation" %}
{% endif %}
<div class="np-homepage-featured np-max-width">
<div class="row np-flex-center">
<div class="col-xs-12 col-sm-8">
{% if basic_3p_user %}
{% include "homepage_basic_notstarted_courses" items: enrolled_courses %}
{% include "homepage_inprogress_courses", items: enrolled_courses %}
{% else %}
{% include "homepage_featured_courses" items: catalog_courses %}
{% include "homepage_quicklearn_courses" items: catalog_courses %}
{% include "homepage_ongoing_training", items: catalog_courses %}
{% endif %}
{% include "progress_tracker" %}
</div>
{% if basic_3p_user %}
<div class="col-xs-12 col-sm-3">
<div id="divGetCertified" class="content-by-product">
<div class="left-content-title">
Get Certified
</div>
{% include "content_by_certificates" %}
</div>
<div style="display: flex;flex-direction: row-reverse;">
<a id="seemorecertificates" >See more..</a>
</div>
{% comment %} <div id="divContentbyProduct" class="content-by-product">
<div class="left-content-title">
Content By Topic
</div>
{% include "topic_maincategory_leftnav" %}
</div>
<div style="display: flex;flex-direction: row-reverse;">
<a id="seemore" >See more..</a>
</div> {% endcomment %}
<div id="divCalender" class="upcomongevents">
<div class="left-content-title">
Upcoming Events
</div>
{% include "calendar" %}
</div>
{% endif %}
</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 %}
{% unless basic_3p_user %}
{% include "homepage_topics" %}
{% endunless %}
{% include "homepage_topics" %}
{%- comment -%}
<button
type="button"
class="popup-trigger"
@ -465,6 +445,26 @@
</script>
<style>
.left-content-title {
font-size: 25px;
font-weight: 900;
line-height: 15px;
margin: 20px 0;
}
.content-by-product {
height: auto;
overflow: hidden;
}
.upcomongevents {
height: 350px;
}
#seemore:hover, #seemorecertificates:hover {
cursor: pointer;
}
.np-homepage-hero {
background-color: #3C228A;
padding: 40px 24px 24px;