Big update for Scintilla with eCommerce. Backed up all the work Raj did.

This commit is contained in:
Norm Rasmussen
2025-06-27 10:30:31 -04:00
parent 35d363af4e
commit 8fe3503f72
55 changed files with 1983 additions and 498 deletions

View File

@ -107,103 +107,18 @@
<script> console.log("Homepage: This is a basic user!") </script>
{% assign enrolled_courses = courses.enrolled %}
{% include "basic_group_homepage", items: enrolled_courses %}
{% include "lps_in_progress" %}
{% else %}
<script> console.log("Homepage: This is a non-basic user!") </script>
{% include "sub_navigation" %}
{% include "nonbasic_group_users_homepage" %}
{% include "lps_in_progress" %}
{% include "homepage_topics" %}
{% endif %}
{% include "homepage_featured", items: catalog_courses %}
<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 %}
</div>
</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 %}
{% include "homepage_topics" %}
{%- comment -%}
<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>
{%- endcomment -%}
{% comment %} This endif is for the "if basic_3p_group" {% endcomment %}
{% endif %}
{% include "footer" %}
<div
class="first-time-user-popup"
id="firstTimeUsers"
@ -464,6 +379,35 @@
</script>
<style>
.np-homepage-ongoing {
margin-bottom:56px;
}
.left-content-title {
font-size: 25px;
padding-left: 20px;
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;
flex-direction: column;
}
.np-homepage-hero {
background-color: #3C228A;
padding: 40px 24px 24px;
@ -520,7 +464,7 @@
}
.np-homepage-row-wrapper {
padding: 0 16px;
margin-bottom: 56px;
}