Update Cin7's templates for employee and external academy. Backed up HackerRnank's new designs.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -1,16 +0,0 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class=" row">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -1,60 +0,0 @@
|
||||
{% assign log_out = true %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% assign log_out = false %}
|
||||
{% endif %}
|
||||
|
||||
<div class="carousel-wrapper">
|
||||
<div class="feature-courses-carousel">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.properties.feature_course_omni == true or course.properties.feature_course_core == true %}
|
||||
<div class="card-wrapper">
|
||||
{% include 'cards_course' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$('.feature-courses-carousel').slick({
|
||||
infinite: true,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 4,
|
||||
prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
|
||||
nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1200,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3,
|
||||
infinite: true
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.slick-track {
|
||||
display: flex;
|
||||
}
|
||||
.card {
|
||||
height: 100%;;
|
||||
}
|
||||
.card-wrapper {
|
||||
padding: 1rem 0;
|
||||
height: auto;
|
||||
}
|
||||
.feature-courses-carousel {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
</style>
|
||||
@ -1,53 +0,0 @@
|
||||
{% assign log_out = true %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% assign log_out = false %}
|
||||
{% endif %}
|
||||
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
<div class="footer-heading lora">Resources</div>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="https://help.omni.cin7.com/hc/en-us"
|
||||
target="_blank"
|
||||
>
|
||||
Omni Help Center
|
||||
</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="https://help.core.cin7.com/hc/en-us"
|
||||
target="_blank"
|
||||
>
|
||||
Core Help Center
|
||||
</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="https://www.cin7.com/product-updates/"
|
||||
target="_blank"
|
||||
>
|
||||
Release Notes
|
||||
</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="mailto:{{ website_footer.school_customer_service_email }}"
|
||||
>
|
||||
{{ website_footer.school_customer_service_email }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
@ -1,21 +0,0 @@
|
||||
{% if result.type == 'course' %}
|
||||
<div class="np-card np-search-result">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content">
|
||||
<img
|
||||
class="np-search-result-image"
|
||||
alt="{{ result.name }}"
|
||||
src="{{ result.image_url }}"
|
||||
/>
|
||||
<div class="np-search-result-content">
|
||||
<div>
|
||||
<a class="np-search-result-title" href="{{ result.path }}">
|
||||
{{ result.name }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="np-search-result-snippet">{{ result.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,45 +0,0 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main homepage">
|
||||
<div class="hero-homepage">
|
||||
<div class="np-max-width">
|
||||
<div class="hero-text lora">Welcome to Cin7 Academy</div>
|
||||
{% comment %} {% elsif multiprod %} {% endcomment %}
|
||||
{% comment %} <div class="hero-text lora">Welcome to Cin7 Academy</div> {% endcomment %}
|
||||
<div class="hero-subheading">Learn to create and manage a best-in-class inventory operation for your business.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="section np-max-width">
|
||||
<div class="heading lora">Learn Cin7 Core by your function with Learning Paths</div>
|
||||
<div class="section-content">
|
||||
{% include 'learning_path_carousel_core' %}
|
||||
</div>
|
||||
<div class="heading lora">Grow and broaden your Cin7 Core expertise with Deep Dives</div>
|
||||
<div class="section-content">
|
||||
{% include "category_carousel_core"%}
|
||||
</div>
|
||||
<div class="heading lora">Learn Omni by module and features</div>
|
||||
<div class="section-content">
|
||||
{% include "category_carousel"%}
|
||||
</div>
|
||||
</div>
|
||||
<div class="section np-max-width">
|
||||
<div class="heading lora">Featured Courses: Integrations</div>
|
||||
<div class="section-content">
|
||||
{% include 'featured_courses' %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-wrapper">
|
||||
<a class="catalog-btn" href="/app/catalog">Browse All Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section section-info">
|
||||
<div class="np-max-width info-section-padding">
|
||||
{% include 'homepage_testimonials' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -9,7 +9,7 @@
|
||||
{% if course.name contains 'Omni' %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
{% elsif course.name contains 'Core' %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
{% endif %}
|
||||
class="badge-card-image"
|
||||
/>
|
||||
@ -20,17 +20,25 @@
|
||||
<h3 class="card-content-title course-name">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="recommended">
|
||||
Recommended for:<br>{{course.properties.recommended_for}}
|
||||
</div>
|
||||
|
||||
<div class="course-desc">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
{% if course.properties.course_duration %}
|
||||
<div class="course-time">
|
||||
<i class="far fa-clock"></i>
|
||||
{{course.properties.course_duration}} min
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
|
||||
<div class="course-time" style="margin-right: 15px;">
|
||||
<i class="far fa-clock"></i>
|
||||
{{course.properties.course_duration}} min
|
||||
</div>
|
||||
<div class="recommended" style="margin-left: auto;">
|
||||
Recommended for:<br>{{course.properties.recommended_for}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
@ -1,11 +1,13 @@
|
||||
<div class="np-card np-no-horizontal-padding lp-card" category="{% if learning_path.name contains 'Core'%}Core{%elsif learning_path.name contains 'Omni'%}Omni{% endif %}">
|
||||
<div class="np-card np-no-horizontal-padding lp-card" category="{% if learning_path.name contains 'Core'%}Core{%elsif learning_path.name contains 'Omni'%}Omni{% endif %}" categories="{%for category in learning_path.categories%}{{category.name}}[$]{%endfor%}">
|
||||
<div class="np-card-container">
|
||||
<div class="np-learning-path">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
<div class="lp-image-container">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-card-text-wrapper">
|
||||
<div class="np-hidden-desktop np-card-header">
|
||||
<i class="np-card-header-icon far fa-road"></i>
|
||||
@ -6,7 +6,15 @@
|
||||
class="learning-path-card-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
<div class="np-card-ribbon" {% if learning_path.name contains "Omni" %} style="background: #0026b2;"{%elsif learning_path.name contains "Core"%}style="background: #05CBBF;"{% endif %}>
|
||||
{% if learning_path.name contains "Omni" %}
|
||||
Omni
|
||||
{% elsif learning_path.name contains "Core" %}
|
||||
Core
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-type"><i class="far fa-road"></i> LEARNING PATH</div>
|
||||
<div class="card-content">
|
||||
<h3 class="card-content-title">
|
||||
{{ learning_path.name }}
|
||||
@ -0,0 +1,29 @@
|
||||
|
||||
<a class="card category-card" href="/app/learning_paths?category={{category.name}}&category=Deep Dive: Core">
|
||||
<div class="core-category-wrapper">
|
||||
<div class="card-category card-category-core">
|
||||
<img class="badge-card-image card-category-image-core"
|
||||
{% if category.name == 'Warehouse Operations: Core' %}
|
||||
src="{{category_images[4]}}" alt=""
|
||||
{% elsif category.name == 'Admin: Core' %}
|
||||
src="{{category_images[1]}}" alt=""
|
||||
{% elsif category.name == 'Product Management: Core' %}
|
||||
src="{{category_images[2]}}" alt=""
|
||||
{% elsif category.name == 'Accounting: Core' %}
|
||||
src="{{category_images[0]}}" alt=""
|
||||
{% elsif category.name == 'Simple Manufacturing: Core' %}
|
||||
src="{{category_images[3]}}" alt=""
|
||||
{% endif %}
|
||||
>
|
||||
</div>
|
||||
<div class="card-content card-content-core">
|
||||
{% if category.name == 'Warehouse Operations: Core' %}
|
||||
<h3 class="card-content-title">Inventory Logistics Deep Dives</h3>
|
||||
{% else %}
|
||||
<h3 class="card-content-title">{{category.name | replace: ": Core", " Deep Dives"}}</h3>
|
||||
{% endif %}
|
||||
<div class="course-desc course-desc-category-core">Level up your expertise and enhance your operations with {{category.name | replace: ": Core", " Deep Dives"}}.</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
@ -0,0 +1,64 @@
|
||||
{% assign unique_category = "" %}
|
||||
{% assign category_images = 'https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images+core+/Accounting+Deep+Dives+-+Thumbnails.png, https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images+core+/Administrative+Deep+Dives+-+Thumbnail.png, https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images+core+/Product+Management+Deep+Dives+-+Thumbnail.png, https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images+core+/Simple+Manufacturing+Deep+Dives+-+Thumbnail.png, https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images+core+/Warehouse+Operations+Deep+Dives+-+Thumbnail.png' | split: ', ' %}
|
||||
{% assign category_counter = 0 %}
|
||||
{% assign core_categories = 'Warehouse Operations: Core, Admin: Core, Product Management: Core, Accounting: Core, Simple Manufacturing: Core' | split: ", " %}
|
||||
|
||||
<div class="category-carousel-core">
|
||||
{% for learning_path in learning_paths.available %}
|
||||
{% for category in learning_path.categories %}
|
||||
{% if core_categories contains category.name %}
|
||||
{% unless unique_category contains category.name %}
|
||||
{% include 'category_cards_core' counter: category_counter %}
|
||||
{% assign unique_category = unique_category | append: category.name %}
|
||||
{% assign category_counter = category_counter | plus: 1 %}
|
||||
{% if category_counter > 3 %}
|
||||
{% assign category_counter = 0 %}
|
||||
{% endif %}
|
||||
{% endunless %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$('.category-carousel-core').slick({
|
||||
infinite: true,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 4,
|
||||
prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
|
||||
nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1200,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3,
|
||||
infinite: true
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.slick-track {
|
||||
display: flex;
|
||||
}
|
||||
.card {
|
||||
height: 100%;;
|
||||
}
|
||||
.card-wrapper {
|
||||
padding: 1rem 0;
|
||||
height: auto;
|
||||
}
|
||||
.category-carousel-core {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
</style>
|
||||
@ -1,5 +1,5 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="row">
|
||||
<div class=" row">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
@ -15,7 +15,7 @@
|
||||
$('.feature-courses-carousel').slick({
|
||||
infinite: true,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 5,
|
||||
slidesToScroll: 4,
|
||||
prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
|
||||
nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
|
||||
responsive: [
|
||||
@ -49,7 +49,7 @@
|
||||
padding: 1rem 0;
|
||||
height: auto;
|
||||
}
|
||||
.my-courses-carousel {
|
||||
.feature-courses-carousel {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,8 @@
|
||||
<div class="filter-heading lora">Filters</div>
|
||||
<div class="filters-option-container">
|
||||
<div class="filter-categories">
|
||||
<div class="filter-option-heading">Core Categories</div>
|
||||
<div class="filter-option-container" id="categoryFiltersCore">
|
||||
<div class="filter-option-heading">Core Categories</div>
|
||||
<div class="filter-option-container" id="categoryFiltersCore">
|
||||
{% assign unique_core_categories = "" %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% for category in course.categories %}
|
||||
@ -34,7 +34,7 @@
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fiter-duration">
|
||||
@ -47,11 +47,11 @@
|
||||
<div class="time-option">
|
||||
<input class="duration-checkbox" type="checkbox" id="<20" />
|
||||
<label>< 20 min</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time-option">
|
||||
<input class="duration-checkbox" type="checkbox" id="<30" />
|
||||
<label>< 30 min</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time-option">
|
||||
<input class="duration-checkbox" type="checkbox" id="<45" />
|
||||
<label>< 45 min</label>
|
||||
@ -61,7 +61,7 @@
|
||||
<label>< 60 min</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
@ -5,21 +5,21 @@
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
<div class="footer-heading lora">Resources</div>
|
||||
<li class="np-footer-navigation-item">
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="https://connect.cin7.com/"
|
||||
target="_blank"
|
||||
>
|
||||
>
|
||||
Omni Knowledge Base
|
||||
</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="https://support.dearsystems.com/"
|
||||
target="_blank"
|
||||
>
|
||||
>
|
||||
Core Knowledge Base
|
||||
</a>
|
||||
</li>
|
||||
@ -28,19 +28,23 @@
|
||||
class="np-footer-navigation-link"
|
||||
href="https://www.cin7.com/product-updates/"
|
||||
target="_blank"
|
||||
>
|
||||
>
|
||||
Release Notes
|
||||
</a>
|
||||
</li>
|
||||
{% if website_footer.show_customer_service_email? and
|
||||
website_footer.school_customer_service_email
|
||||
%}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link"
|
||||
href="mailto:academy-admin@cin7.com"
|
||||
target="_blank"
|
||||
>
|
||||
Contact: academy-admin@cin7.com
|
||||
>
|
||||
Contact: {{ website_footer.school_customer_service_email }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -4,9 +4,9 @@
|
||||
|
||||
|
||||
|
||||
<script src=
|
||||
"https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">
|
||||
</script>
|
||||
<script src=
|
||||
"https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
|
||||
<!-- Add the slick-theme.css if you want default styling -->
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
|
||||
@ -38,4 +38,4 @@
|
||||
removeBadgeShadow();
|
||||
});
|
||||
|
||||
</script>
|
||||
</script>
|
||||
@ -23,4 +23,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,9 +1,11 @@
|
||||
|
||||
{% assign counter = 0 %}
|
||||
{% assign learning_paths_core = '436eeb7c-b21b-4a07-85c9-379babfa9fca, 4fa9f60b-1ca6-46b4-96d5-e14f3ba55fc5, 8601339c-2ad1-4b45-8d9c-3a47abae134a, cbd97303-1e44-49c7-b3c6-7c6652dd877f, 3efe3edb-d8fc-4c80-9eb3-6ff17b0a11a9' | split: ', ' %}
|
||||
|
||||
<div class="carousel-wrapper">
|
||||
<div class="my-learning-path-carousel">
|
||||
{% for learning_path in learning_paths.available %}
|
||||
{% if learning_path.name contains 'Core' %}
|
||||
{% if learning_paths_core contains learning_path.id%}
|
||||
<div class="card-wrapper">
|
||||
{% include "cards_learning_path_homepage" with learning_path %}
|
||||
</div>
|
||||
@ -0,0 +1,21 @@
|
||||
{% if result.type == 'course' %}
|
||||
<div class="np-card np-search-result">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content">
|
||||
<img
|
||||
class="np-search-result-image"
|
||||
alt="{{ result.name }}"
|
||||
src="{{ result.image_url }}"
|
||||
/>
|
||||
<div class="np-search-result-content">
|
||||
<div>
|
||||
<a class="np-search-result-title" href="{{ result.path }}">
|
||||
{{ result.name }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="np-search-result-snippet">{{ result.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{%endif%}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user