HackerRank sandbox almost done. Trying to fix some weirdness in the Walmart Supplier templates.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store
vendored
Normal file
BIN
Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store
vendored
Normal file
Binary file not shown.
@ -38,7 +38,12 @@
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
{% else %}
|
||||
<a class="button-course" {% if course.properties.skip_course_page == true and course.enrolled? == true %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}>
|
||||
<a class="button-course"
|
||||
{% if course.properties.skip_course_page == true and course.enrolled? == true %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{{ course_path }}"
|
||||
{% endif %}>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
@ -10,7 +10,8 @@
|
||||
{% assign uniq_cats = '' %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% for category in course.categories %}
|
||||
{% if available_categories contains category.name %}
|
||||
{% if available_categories contains category.name %}
|
||||
<script> console.log("{{ course.name }} + {{ category.name }}")</script>
|
||||
{% unless uniq_cats contains category.name %}
|
||||
<a class="category-card" id="{{category.name}}" href="/app/catalog?filter[category_uuid][in][]={{category.id}}&search_terms=">
|
||||
<img class="category-card-image" src="" alt="">
|
||||
@ -37,18 +38,18 @@
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
background: #13244c;
|
||||
padding: 20px;
|
||||
}
|
||||
.category-card:hover {
|
||||
transform: scale(1.075);
|
||||
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
|
||||
transform: scale(1.075);
|
||||
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.category-card-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.category-card-image {
|
||||
width: 100%;
|
||||
@ -101,4 +102,4 @@
|
||||
addCategoryCardImage();
|
||||
sortCategoryCards();
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@ -6,20 +6,45 @@
|
||||
{% for category in course.categories %}
|
||||
{% unless category.name == 'Blog' %}
|
||||
{% unless uniq_courses contains course.name %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% assign uniq_courses = uniq_courses | append: course.name %}
|
||||
<script> console.log("{{ uniq_courses }}")</script>
|
||||
{% if us_user_grow %}
|
||||
{% if category.name == 'Grow With Walmart' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% elsif us_user_supplier %}
|
||||
{% if category.name == 'Supplier Academy' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% elsif india_user %}
|
||||
{% if category.name == 'Walmart Vriddhi' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% elsif mexico_user %}
|
||||
{% if category.name == 'Crece con Walmart' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% comment %} {% assign uniq_courses = uniq_courses | append: course.name %} {% endcomment %}
|
||||
{% endunless %}
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
|
||||
{% if us_user_grow == false and us_user_supplier == false and india_user == false and mexico_user == false %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "grow-with-walmart-zero-state", message: message %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
@ -1,25 +1,27 @@
|
||||
<div class="welcome-section-container">
|
||||
<div class="welcome-section-wrapper">
|
||||
<div class="introduction">
|
||||
No matter where you are in your journey, Supplier Academy is your source for
|
||||
everything you need to build a strong, lasting relationship with Walmart.
|
||||
</div>
|
||||
<div class="get-started">
|
||||
<div class="heading">Here’s how to get started:</div>
|
||||
<ul class="get-started-list">
|
||||
<li class="get-started-item">
|
||||
<span class="get-started-item-heading">New to Walmart?</span>
|
||||
Check out the <a class="text-link" href="/app/grow-with-walmart-catalog">Grow With Walmart</a> programs!
|
||||
</li>
|
||||
<li class="get-started-item">
|
||||
<span class="get-started-item-heading">Seasoned supplier?</span>
|
||||
Explore the categories below to hone your skills and grow your business.
|
||||
</li>
|
||||
<li class="get-started-item">
|
||||
<span class="get-started-item-heading">Have system-specific questions?</span>
|
||||
Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="welcome-content-wrapper">
|
||||
<div class="introduction">
|
||||
No matter where you are in your journey, Supplier Academy is your source for
|
||||
everything you need to build a strong, lasting relationship with Walmart.
|
||||
</div>
|
||||
<div class="get-started">
|
||||
<div class="heading">Here’s how to get started:</div>
|
||||
<ul class="get-started-list">
|
||||
<li class="get-started-item">
|
||||
<span class="get-started-item-heading">New to Walmart?</span>
|
||||
Check out the <a class="text-link" href="/app/grow-with-walmart-catalog">Grow With Walmart</a> programs!
|
||||
</li>
|
||||
<li class="get-started-item">
|
||||
<span class="get-started-item-heading">Seasoned supplier?</span>
|
||||
Explore the categories below to hone your skills and grow your business.
|
||||
</li>
|
||||
<li class="get-started-item">
|
||||
<span class="get-started-item-heading">Have system-specific questions?</span>
|
||||
Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-container">
|
||||
<video width='600px' height="400px" controls autoplay muted>
|
||||
@ -40,12 +42,19 @@
|
||||
background: #041e42;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.get-started {
|
||||
margin-top: 40px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.get-started-content-wrapper {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.introduction {
|
||||
color: #fff;
|
||||
|
||||
Reference in New Issue
Block a user