Anthology templates. William sonoma as well.

This commit is contained in:
Norm Rasmussen
2024-09-24 16:43:47 -04:00
parent 9cec57f995
commit 1c7e3295b6
6 changed files with 26 additions and 8 deletions

View File

@ -203,6 +203,11 @@
{% endif %}
</div>
<div class="np-card-container">
{% if course.ribbon %}
<div class="np-card-ribbon">
{{ course.ribbon }}
</div>
{% endif %}
<div class="card-image-replacement"></div>
{%- comment -%} <img
class="np-card-image"

View File

@ -208,7 +208,7 @@
{{ course.name }}
</h3>
</div>
<div class="card-bottom-details">
{% if flag == 'dashboard' %}
<div style="
@ -247,7 +247,7 @@
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course_path %}
{% endif %}
<a class="np-button np-button-wide course-card-button"
<a class="np-button np-button-wide course-card-button"
{% if course.properties.video_on_demand == true %}
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
@ -268,11 +268,17 @@
</div>
</div> {% endcomment %}
<div class="np-card-container">
{% if course.ribbon %}
<div class="np-card-ribbon">
{{ course.ribbon }}
</div>
{% endif %}
<div class="card-image-replacement"></div>
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
<div class="np-flex-1">
<h3 class="np-card-content-title course-card-title">
{{ course.name }}
{{ course.name }}
</h3>
</div>
</div>
@ -299,7 +305,7 @@
</div>
</div>
{% endif %}
<span style="color: #757575; font-size: 14px">
{% assign act_count = 0 %}
{% for section in course.sections %}
@ -310,7 +316,7 @@
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
<a class="np-button np-button-wide course-card-button"
<a class="np-button np-button-wide course-card-button"
{% if course.properties.video_on_demand == true %}
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
@ -533,4 +539,4 @@
height: 100%;
}
}
</style>
</style>

View File

@ -1,3 +1,5 @@
<div class="homepage-resource-header catalog-header" style="margin-top: 50px; margin-bottom: 20px;">
All Learning
</div>
@ -5,9 +7,13 @@
<div class="np-catalog-courses" style="display: flex; flex-direction: row; flex-wrap: wrap;">
{% comment %} row row-with-thumbnails {% endcomment %}
{% for course in courses.enrolled %}
{% assign allCats = '' %}
{% for category in course.categories %}
{% assign allCats = allCats | append: category.name | append: ' || '%}
{% endfor %}
{%- comment -%} {% unless course.progress > 0 %}
{% endunless %} {%- endcomment -%}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}">
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
{%- comment -%} {% include "cards_course" with course, flag: 'catalog' %} {%- endcomment -%}
{% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
{% include "cards_course_revamped" with course, flag: 'null' %}

View File

@ -73,6 +73,7 @@
}
allLearning[i].classList.remove('filtered');
} else {
console.log(allLearning[i].dataset)
if(allLearning[i].dataset.categories.indexOf(event.target.value) == -1){
allLearning[i].style.display = 'none';
allLearning[i].classList.add('filtered');

View File

@ -121,6 +121,7 @@
<div class="catalog-filter-component">
<span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Filter By:</span>
<div class="filter-buttons-container">
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{% include "filter_by_product", page: 'Homepage' %}
{% include "filter_by_category", page: 'Homepage' %}
</div>

View File

@ -95,5 +95,4 @@
console.log(`User is enrolled in New Hire Learning Path: {{ is_enrolled_in_new_hire_lp }}`)
console.log(`Current Progress of New Hire Path: {{ new_hire_progress }}%`)
console.log(`Zoom URL: {{ zoom_url }}`)
</script>