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

BirchStreet download. Fixed Cin7 and backed up all the templates. Sandbox templates.

Browse Source
This commit is contained in:
Norm Rasmussen
2024-12-16 16:29:06 -05:00
parent 9a045e60dc
commit b8d085e12c
603 changed files with 13679 additions and 5939 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Custom_Templates/customer_templates/Cin7 External/_account_tabs.html.liquid Normal file
View File

@ -0,0 +1,30 @@
{% capture settings_path %}{% route account %}{% endcapture %}
{% capture transcript_path %}{% route transcript %}{% endcapture %}
{% capture order_history_path %}{% route order_history %}{% endcapture %}
{% if current_person.signed_in? %}
{% unless current_school.sso_active? %}
<nav class="np-tabs np-account-tabs">
<div class="np-tabs-content">
<div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
<a class="np-tab-link" href="{{ settings_path}}">
{% t .profile_settings %}
</a>
<div class="np-tab-indicator np-button-background-color"></div>
</div>
<div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
<a class="np-tab-link" href="{{ transcript_path }}">
{% t .transcript %}
</a>
<div class="np-tab-indicator np-button-background-color"></div>
</div>
<div class="np-tab{% if page.path == order_history_path %} np-tab-active{% endif %}">
<a class="np-tab-link" href="{{ order_history_path }}">
{% t .order_history %}
</a>
<div class="np-tab-indicator np-button-background-color"></div>
</div>
</div>
</nav>
{% endunless %}
{% endif %}

6
Custom_Templates/customer_templates/Cin7 External/_bundle_description.html.liquid Normal file
View File

@ -0,0 +1,6 @@
<h3 class="np-card-heading">
{% t .about %}
</h3>
<div class="np-card-text">
{{ product.description }}
</div>

12
Custom_Templates/customer_templates/Cin7 External/_bundle_desktop_header.html.liquid Normal file
View File

@ -0,0 +1,12 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
<div class="np-top-vocabulary np-text-title">
{% t shared.product_types.bundle %}
<i class="far fa-layer-group np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title">
<a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-icon-back"></i>
</a>
{{ product.name }}
</div>
</div>

21
Custom_Templates/customer_templates/Cin7 External/_bundle_product_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,21 @@
{% include "bundle_desktop_header" %}
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="np-card-container">
<img
src="{{ product.image_url }}"
class="np-top-image"
alt="{{ product.name }}"
/>
<div class="np-card-padding-dynamic">
{% include "bundle_description" %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 np-grid-spacing">
<div class="np-top-cta np-card-container np-card-padding np-product-cta">
{% include "product_price_and_cta"%}
</div>
{% include "bundle_product_outline" %}
</div>
</div>

27
Custom_Templates/customer_templates/Cin7 External/_bundle_product_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,27 @@
<div class="np-card-container np-card-padding-large">
<div class="np-top-vocabulary np-text-title np-text-muted">
{% t shared.product_types.bundle %}
</div>
<div class="np-top-title">
<a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
</a>
{{ product.name }}
</div>
<img
src="{{ product.image_url }}"
class="np-top-image"
alt="{{ product.name }}"
/>
<div class="np-top-cta">
{% include "product_price_and_cta" %}
</div>
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "bundle_description" %}
</div>
<div class="np-card-spacing">
{% include "bundle_product_outline" %}
</div>

12
Custom_Templates/customer_templates/Cin7 External/_bundle_product_outline.html.liquid Normal file
View File

@ -0,0 +1,12 @@
<div class="np-learning-path-outline">
<h3 class="np-product-outline-title">{% t shared.bundle.title %}</h3>
{% for item in product.bundle_items %}
{% if item.course? %}
{% include "product_outline_course", id: forloop.index %}
{% elsif item.training_event? %}
{% include "product_outline_event", id: forloop.index %}
{% elsif item.learning_path? %}
{% include "product_outline_lp", id: forloop.index %}
{% endif %}
{% endfor %}
</div>

38
Custom_Templates/customer_templates/Cin7 External/_cards_catalog_item.html.liquid Normal file
View File

@ -0,0 +1,38 @@
<div class="np-card">
<div class="np-card-container">
<img
class="np-card-image"
alt="{{ item.name }}"
src="{{ item.image_url }}"
>
<div class="np-card-content np-card-content-vertical np-card-padding">
<h3 class="np-catalog-card-title">
{{ item.name }}
</h3>
<div class="np-product-badge np-product-badge-catalog">
<i class="far {{ item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
<h3 class="np-product-badge-name np-product-badge-catalog-name">{{ item.formatted_type }}</h3>
</div>
<div class="np-card-content-footer np-catalog-card-footer">
{% if item.free_course? %}
<div class="np-card-content-progress np-button-color">
{% t shared.progress, count: item.progress %}
</div>
{% if item.has_to_restart? %}
{% include "course_version_outdated_popup", path: item.path %}
{% endif %}
<a class="np-button np-button-wide" href="{{ item.path }}">
{% t shared.view %}
</a>
{% else %}
<span class="np-catalog-card-price">
{{ item.formatted_price}}
</span>
<a class="np-button np-button-wide" href="{{ item.path }}">
{% t shared.learn_more %}
</a>
{% endif %}
</div>
</div>
</div>
</div>

27
Custom_Templates/customer_templates/Cin7 External/_course_desktop_view.html.liquid
View File

@ -1,28 +1,10 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign redirect = false %}
{% assign both_gorups = false %}
{% assign log_out = true %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if omni and core %}
{% assign both_gorups = true %}
{% endif %}
{%comment%}
{% unless partners or both_gorups %}
{% if core and course.name contains 'Omni' %}
{% assign redirect = true %}
@ -30,9 +12,10 @@
{% assign redirect = true %}
{% endif %}
{% endunless %}
{% endcomment %}
{% if redirect %}
<script>window.location.replace('/app')</script>
{% if log_out %}
<script>window.location.replace('/app/learners/sign_in')</script>
{% endif %}
<div class="np-card-container">

41
Custom_Templates/customer_templates/Cin7 External/_course_product_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,41 @@
<div class="np-card-container">
<div class="np-resource-header np-course-header np-card-padding-large">
{% include "course_header" %}
</div>
<div class="np-divider"></div>
<div class="row np-course-content np-card-padding-dynamic">
<div class="col-xs-12 col-sm-6">
<img
src="{{ course.image_url }}"
class="np-top-image np-top-image-spacing"
alt="{{ course.name }}"
/>
{% include "course_description" %}
{% if course.categories.any? %}
<div class="np-card-content-divider">
{% include "course_categories" %}
</div>
{% endif %}
{% if course.instructors.any? %}
<div class="np-card-content-divider">
{% include "course_instructors" %}
</div>
{% endif %}
{% if course.events.any? %}
<div class="np-card-content-divider">
{% include "course_events" %}
</div>
{% endif %}
</div>
<div class="np-grid-spacing col-xs-12 col-sm-6">
<div class="np-top-cta np-card-container np-card-padding np-product-cta">
{% include "product_price_and_cta" %}
</div>
{% include "product_outline" %}
</div>
</div>
</div>

31
Custom_Templates/customer_templates/Cin7 External/_course_product_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,31 @@
<div class="np-card-container np-card-padding-large">
{% include "course_header" %}
<div class="np-top-cta">
{% include "product_price_and_cta" %}
</div>
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_description" %}
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "product_outline" %}
</div>
{% if course.categories.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_categories" %}
</div>
{% endif %}
{% if course.instructors.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_instructors" %}
</div>
{% endif %}
{% if course.events.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_events" %}
</div>
{% endif %}

33
Custom_Templates/customer_templates/Cin7 External/_courses_catalog.html.liquid
View File

@ -1,36 +1,9 @@
{% if courses.in_catalog.any? %}
<div class=" row">
{% for course in courses.in_catalog %}
{% if current_person.signed_in? %}
{% if partners or both_gorups %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% else %}
{% if omni %}
{% if course.name contains 'Omni' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% elsif core %}
{% if course.name contains 'Core' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% else %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endif %}
{% else %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
{% else %}

46
Custom_Templates/customer_templates/Cin7 External/_featured_courses.html.liquid
View File

@ -1,63 +1,17 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% assign both_gorups = false %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if omni and core %}
{% assign both_gorups = true %}
{% endif %}
<div class="carousel-wrapper">
<div class="feature-courses-carousel">
{% for course in courses.in_catalog %}
{% if both_gorups %}
{% if course.properties.feature_course_omni == true or course.properties.feature_course_core == true %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% endif %}
{% elsif core %}
{% if course.properties.feature_course_core == true %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% endif %}
{% elsif omni %}
{% if course.properties.feature_course_omni == true %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% endif %}
{% elsif partners %}
{% if course.properties.feature_course_omni == true or course.properties.feature_course_core == true %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% endif %}
{% else %}
{% if course.properties.feature_course_omni == true or course.properties.feature_course_core == true %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>

72
Custom_Templates/customer_templates/Cin7 External/_footer.html.liquid
View File

@ -1,21 +1,7 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
<footer class="np-footer">
@ -24,46 +10,24 @@
<div class="np-footer-navigation">
<ul class="np-footer-navigation-list">
<div class="footer-heading lora">Resources</div>
{% if omni %}
<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>
{% elsif core %}
<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>
{% elsif log_out %}
<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>
{% endif %}
<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"

8
Custom_Templates/customer_templates/Cin7 External/_head.html.liquid
View File

@ -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>

16
Custom_Templates/customer_templates/Cin7 External/_header.html.liquid
View File

@ -1,21 +1,7 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
<header class="np-header np-header-color">
@ -243,6 +229,7 @@
}
</style>
{%- comment -%}
<script>
document.addEventListener("DOMContentLoaded", function() {
var searchIcon = document.getElementById("search-icon");
@ -265,3 +252,4 @@
});
});
</script>
{%- endcomment -%}

30
Custom_Templates/customer_templates/Cin7 External/_homepage_testimonials.html.liquid
View File

@ -1,4 +1,3 @@
{% if core or log_out or partners or both_gorups%}
<div class="heading lora info-section-heading">Transformative education for Connected Inventory Performance</div>
<div class="section-content section-content-info">
<div class="info-wrapper">
@ -25,32 +24,3 @@
</div>
</div>
</div>
{% elsif omni %}
<div class="heading lora info-section-heading">Empowering education for Connected Inventory Performance</div>
<div class="section-content section-content-info">
<div class="info-wrapper">
<div class="info">
<img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/in+depth+learning.png" alt="">
<div class="info-content">
<div class="info-heading">In-depth learning</div>
<div class="info-desc">Created by our subject matter experts.</div>
</div>
</div>
<div class="info">
<img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Always+available.png" alt="">
<div class="info-content">
<div class="info-heading">Always available</div>
<div class="info-desc">Choose when and what to learn at your own pace.</div>
</div>
</div>
<div class="info">
<img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Designed+for+everyone.png" alt="">
<div class="info-content">
<div class="info-heading">Designed for everyone</div>
<div class="info-desc">From basic to advanced, courses for your whole team.</div>
</div>
</div>
</div>
</div>
{% endif %}

33
Custom_Templates/customer_templates/Cin7 External/_learning_path_desktop_content.html.liquid
View File

@ -1,39 +1,10 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign redirect = false %}
{% assign both_gorups = false %}
{% assign log_out = true %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if omni and core %}
{% assign both_gorups = true %}
{% endif %}
{% unless partners or both_gorups %}
{% if partners %}
{% assign redirect = false %}
{% elsif core and learning_path.name contains 'Omni' %}
{% assign redirect = true %}
{% elsif omni and learning_path.name contains 'Core' %}
{% assign redirect = true %}
{% endif %}
{% endunless %}
{% if redirect %}
{% if log_out %}
<script>window.location.replace('/app')</script>
{% endif %}

22
Custom_Templates/customer_templates/Cin7 External/_learning_path_product_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,22 @@
{% include "learning_path_desktop_header", learning_path: product %}
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="np-card-container">
<img
src="{{ product.image_url }}"
class="np-top-image"
alt="{{ product.name }}"
/>
<div class="np-card-padding-dynamic">
{% include "learning_path_description", learning_path: product %}
{% include "learning_path_instructors", learning_path: product %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 np-grid-spacing">
<div class="np-top-cta np-card-container np-card-padding np-product-cta">
{% include "product_price_and_cta"%}
</div>
{% include "learning_path_product_outline" %}
</div>
</div>

34
Custom_Templates/customer_templates/Cin7 External/_learning_path_product_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,34 @@
<div class="np-card-container np-card-padding-large">
<div class="np-top-vocabulary np-text-title np-text-muted">
{% t shared.learning_path.title %}
<i class="far fa-road np-button-color np-learning-path-icon np-hidden-mobile"></i>
</div>
<div class="np-top-title">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
</a>
{{ product.name }}
</div>
<img
src="{{ product.image_url }}"
class="np-top-image"
alt="{{ product.name }}"
/>
<div class="np-top-cta">
{% include "product_price_and_cta" %}
</div>
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_description", learning_path: product %}
</div>
<div class="np-card-spacing">
{% include "learning_path_product_outline" %}
</div>
{% if product.instructors.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_instructors", learning_path: product %}
</div>
{% endif %}

10
Custom_Templates/customer_templates/Cin7 External/_learning_path_product_outline.html.liquid Normal file
View File

@ -0,0 +1,10 @@
<div class="np-learning-path-outline">
<h3 class="np-product-outline-title">{% t .title %}</h3>
{% for item in product.learning_path_items %}
{% if item.course? %}
{% include "product_outline_course", id: forloop.index %}
{% elsif item.training_event? %}
{% include "product_outline_event", id: forloop.index %}
{% endif %}
{% endfor %}
</div>

10
Custom_Templates/customer_templates/Cin7 External/_learning_paths_index.html.liquid
View File

@ -1,17 +1,7 @@
<div class="np-learning-paths-resources">
{% if items.any? %}
{% for learning_path in items %}
{% if partners or both_gorups %}
{% include "cards_learning_path" with learning_path %}
{% elsif core %}
{% if learning_path.name contains 'Core' %}
{% include "cards_learning_path" with learning_path %}
{% endif %}
{% elsif omni %}
{% if learning_path.name contains 'Omni'%}
{% include "cards_learning_path" with learning_path %}
{% endif %}
{% endif %}
{% endfor %}
{% else %}
<div class="np-learning-paths-resources-container">

25
Custom_Templates/customer_templates/Cin7 External/_my_learning_paths_and_courses_carousel.html.liquid
View File

@ -1,34 +1,27 @@
{% assign counter = 0 %}
<div class="carousel-wrapper">
<div class="my-learning-path-carousel">
{% for learning_path in learning_paths.enrolled %}
{% if learning_path.progress < 100 %}
{% if learning_path.progress < 100 %}
<div class="card-wrapper">
{% include "cards_learning_path_homepage" with learning_path %}
</div>
{% assign counter = counter | plus: 1 %}
{% endif %}
{% endfor %}
{% if core %}
{% for course in courses.enrolled %}
{% if course.name contains 'Core' and course.progress < 100 %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% assign counter = counter | plus: 1 %}
{% endif %}
{% endfor %}
{% elsif omni %}
{% for course in courses.enrolled %}
{% if course.name contains 'Omni' and course.progress < 100 %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% assign counter = counter | plus: 1 %}
{% endif %}
{% endfor %}
{% endif %}
{% elsif course.name contains 'Omni' and course.progress < 100 %}
<div class="card-wrapper">
{% include 'cards_course' %}
</div>
{% assign counter = counter | plus: 1 %}
{% endif %}
{% endfor %}
</div>
{% if counter == 0 %}
<div class="zero-state-wrapper">
@ -64,4 +57,4 @@
.my-learning-path-carousel {
margin: 0 1rem;
}
</style>
</style>

2
Custom_Templates/customer_templates/Cin7 External/_my_learning_paths_carousel.html.liquid
View File

@ -62,4 +62,4 @@
.my-learning-path-carousel {
margin: 0 1rem;
}
</style>
</style>

7
Custom_Templates/customer_templates/Cin7 External/_product_expiration_date.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% if date %}
{% capture date_format %}{% t date.formats.short_humanized %}{% endcapture %}
{% capture formatted_date %}{{ date | date: date_format }}{% endcapture %}
<time class="np-product-expiration-date" datetime="{{ date }}">
{% t .label, date: formatted_date %}
</time>
{% endif %}

25
Custom_Templates/customer_templates/Cin7 External/_product_outline.html.liquid Normal file
View File

@ -0,0 +1,25 @@
<div class="np-course-outline">
<div class="np-text-title np-course-outline-title">
{% t .header.course %}
</div>
<div class="np-course-outline-content">
<ol class="np-course-outline-content-section">
{% for section in course.sections %}
<li class="np-course-outline-content-section-list">
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
{{ section.name }}
</div>
<ol class="np-course-outline-content-activity">
{% for activity in section.activities %}
<li class="np-course-outline-content-activity-list">
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
{% include "course_activity_locked" %}
<div class="np-course-outline-content-activity-list-bar"></div>
</li>
{% endfor %}
</ol>
</li>
{% endfor %}
</ol>
</div>
</div>

82
Custom_Templates/customer_templates/Cin7 External/_product_outline_course.html.liquid Normal file
View File

@ -0,0 +1,82 @@
<div class="np-card-container np-card-padding np-product-outline-container">
<div class="np-product-outline-base-container">
<img
src="{{ item.image }}"
alt="{{ item.name }}"
class="np-product-outline-course-image"
>
<div class="np-product-outline-content">
<div class="np-product-outline-name np-top-title">
{{ item.name }}
</div>
<p class="np-product-outline-caption">
{% if item.instructors.any? %}
{{ item.instructor_names }}
{% endif %}
</p>
<div class="np-product-outline-base-bottom">
<div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
<i class="far fa-graduation-cap np-product-badge-icon np-product-badge-catalog-icon"></i>
<h3 class="np-product-badge-name np-product-badge-catalog-name">{% t shared.product_types.course %}</h3>
</div>
<button
class="np-button np-product-outline-details-button"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-expand-{{ id }}"
data-toggle-outside
>
<span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
<span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
</button>
</div>
</div>
</div>
<div class="np-expand-{{ id }} np-hidden">
<div class="np-card-content-divider np-product-outline-spacer">
<h3 class="np-product-outline-section-headline">{% t .about %}</h3>
<p class="np-product-outline-section-content">{{ item.full_description }}</p>
</div>
{% if item.categories.any? %}
<div class="np-card-content-divider np-product-outline-spacer">
<h3 class="np-product-outline-section-headline">
{% t .categories %}
</h3>
<div class="np-flex">
{% for category in item.categories %}
<div class="np-content-categories-content-item">
{{ category.name }}
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if item.instructors.any? %}
<div class="np-card-content-divider np-product-outline-spacer">
<h3 class="np-product-outline-section-headline">
{% t shared.instructors %}
</h3>
<div class="np-content-instructors-content row">
{% for instructor in item.instructors %}
<div class="np-content-instructors-content-item col-xs-12 col-lg">
<img
src="{{ instructor.avatar_url }}"
class="np-content-instructors-content-image"
alt="{{ instructor.name }}"
>
<div class="np-content-instructors-content-description">
<div class="np-content-instructors-content-name">
{{ instructor.name }}
</div>
<div class="np-content-instructors-content-info np-text-light">
{{ instructor.title }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>

49
Custom_Templates/customer_templates/Cin7 External/_product_outline_event.html.liquid Normal file
View File

@ -0,0 +1,49 @@
<div class="np-card-container np-card-padding np-product-outline-container">
<div class="np-product-outline-content">
{% if item.available? %}
{% if item.location %}
<span class="np-product-location">{{ item.location }} |</span>
{% endif %}
<span class="np-product-date">{{ item.time }} {{ item.time_zone }}, {{ item.date }}</span>
<a class="np-product-outline-name np-top-title" href="{{ item.preview_path }}">{{ item.name }}</a>
{% else %}
<span class="np-product-outline-name np-top-title">{{ item.name }}</span>
{% endif %}
<div class="np-learning-path-outline-caption">{{ item.caption }}</div>
<div class="np-product-outline-base-bottom np-product-ilt-bottom">
<div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
<i class="far {{ item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
<h3 class="np-product-badge-name np-product-badge-catalog-name">{{ item.formatted_type }}</h3>
</div>
<button
class="np-button np-product-outline-details-button"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-expand-{{ id }}"
data-toggle-outside
>
<span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
<span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
</button>
</div>
<div class="np-expand-{{ id }} np-hidden">
<div class="np-card-content-divider np-product-outline-spacer">
<h3 class="np-product-outline-section-headline">{% t .about %}</h3>
<p class="np-product-outline-section-content">{{ item.description }}</p>
</div>
{% if item.instructors %}
<div class="np-card-content-divider np-product-outline-spacer">
<h3 class="np-product-outline-section-headline">
{% t shared.instructors %}
</h3>
<div class="np-content-instructors-content row">
<div class="np-content-instructors-content-item col-xs-12 col-lg">
<div class="np-content-instructors-content-name">
{{ item.instructors }}
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>

65
Custom_Templates/customer_templates/Cin7 External/_product_outline_lp.html.liquid Normal file
View File

@ -0,0 +1,65 @@
<div class="np-card-container np-card-padding np-product-outline-container">
<div class="np-product-outline-base-container">
<img
src="{{ item.image_url }}"
alt="{{ item.name }}"
class="np-product-outline-course-image"
>
<div class="np-product-outline-content">
<div class="np-product-outline-name np-top-title">
{{ item.name }}
</div>
<p class="np-product-outline-caption">
{% if item.instructor_names %}
{{ item.instructor_names }}
{% endif %}
</p>
<div class="np-product-outline-base-bottom">
<div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
<i class="far fa-road np-product-badge-icon np-product-badge-catalog-icon"></i>
<h3 class="np-product-badge-name np-product-badge-catalog-name">{% t shared.product_types.learning_path %}</h3>
</div>
<button
class="np-button np-product-outline-details-button"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-expand-{{ id }}"
data-toggle-outside
>
<span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
<span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
</button>
</div>
</div>
</div>
<div class="np-expand-{{ id }} np-hidden">
<div class="np-card-content-divider np-product-outline-spacer">
<h3 class="np-product-outline-section-headline">{% t .about %}</h3>
{{ item.description }}
</div>
<h3 class="np-product-outline-section-headline">{% t .content %}</h3>
{% for learning_path_item in item.learning_path_items %}
<div class="np-product-outline-lp-product-container">
<div class="np-product-outline-lp-product-info">
{% if learning_path_item.course? %}
<h3 class="np-product-outline-name np-top-title">{{learning_path_item.name}}</h3>
<p class="np-product-outline-caption">{{learning_path_item.instructor_names}}</p>
{% elsif learning_path_item.training_event? %}
{% if learning_path_item.available? %}
<a class="np-product-outline-name np-top-title" href="{{ learning_path_item.preview_path }}">{{learning_path_item.name}}</a>
<span class="np-product-date">{{ learning_path_item.time }} {{ learning_path_item.time_zone }}, {{ learning_path_item.date }}</span>
{% else %}
<span class="np-product-outline-name np-top-title">{{learning_path_item.name}}</span>
<span class="np-product-date">{{ learning_path_item.caption }}</span>
{% endif %}
{% endif %}
</div>
<div class="np-product-badge np-product-badge-catalog">
<i class="far {{ learning_path_item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
<h3 class="np-product-badge-name np-product-badge-catalog-name">{{ learning_path_item.formatted_type }}</h3>
</div>
</div>
{% endfor %}
</div>
</div>

12
Custom_Templates/customer_templates/Cin7 External/_product_price_and_cta.html.liquid Normal file
View File

@ -0,0 +1,12 @@
<div class="np-top-cta-price-content">
<div>
<span class="np-catalog-card-price np-commerce-outline-description-price">{{ product.formatted_price }}</span>
<span class="np-commerce-outline-description-access">
{{ product.formatted_access_period}}
</span>
</div>
</div>
<div class="np-top-cta-container">
{% commerce_add_to_cart product %}
{% commerce_buy_more_access product %}
</div>

49
Custom_Templates/customer_templates/Cin7 External/_search_result.html.liquid
View File

@ -1,7 +1,4 @@
{% if result.type == 'course' %}
{% if both_gorups or partners %}
<div class="np-card np-search-result">
<div class="np-card-container">
<div class="np-card-content">
@ -21,50 +18,4 @@
</div>
</div>
</div>
{% elsif omni %}
{% if result.name contains 'Omni' %}
<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 %}
{% elsif core %}
{% if result.name contains 'Core' %}
<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 %}
{% endif %}
{%endif%}

42
Custom_Templates/customer_templates/Cin7 External/_training_event_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,42 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
{% include "training_session_header" %}
</div>
<div class="row np-training-session-row">
<div class="col-xs-12 col-sm-8">
<div class="np-card-container">
<div class="np-card-padding-large">
<div>
{% include "training_session_status" %}
{% include "training_session_date" %}
</div>
<div class="np-training-session-details">
{% include "training_session_details" %}
</div>
</div>
<div class="np-card-content-divider"></div>
<div class="np-card-padding-large">
{% include "training_session_description" %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 np-grid-spacing">
<div class="np-training-session-container">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% if training_event.sessions.size > 1 %}
{% include "training_session_more_sessions" %}
{% else %}
<div class="np-training-session-zero-state">
<img
alt="{% t .empty %}"
class="np-zero-state-training-sessions"
/>
<div class="np-training-session-zero-state-text">
{% t .empty %}
</div>
</div>
{% endif %}
</div>
</div>
</div>

23
Custom_Templates/customer_templates/Cin7 External/_training_event_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,23 @@
<div class="np-training-session-view">
<div class="np-training-session-view-header">
{% include "training_session_header" %}
</div>
<div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
{% include "training_session_status" %}
{% include "training_session_date" %}
{% include "training_session_details" %}
{% include "training_session_description" %}
</div>
{% if training_event.sessions.size > 1 %}
<div class="np-card-spacing">
<div class="np-training-session-container">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% include "training_session_more_sessions" %}
</div>
</div>
{% endif %}
</div>

42
Custom_Templates/customer_templates/Cin7 External/_training_event_preview_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,42 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
{% include "training_session_header" %}
</div>
<div class="row np-training-session-row">
<div class="col-xs-12 col-sm-8">
<div class="np-card-container">
<div class="np-card-padding-large">
<div>
{% include "training_session_status" %}
{% include "training_session_date" %}
</div>
<div class="np-training-session-details">
{% include "training_session_details" %}
</div>
</div>
<div class="np-card-content-divider"></div>
<div class="np-card-padding-large">
{% include "training_session_description" %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 np-grid-spacing">
<div class="np-training-session-container">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% if training_event.sessions.size > 0 %}
{% include "training_event_preview_more_sessions" %}
{% else %}
<div class="np-training-session-zero-state">
<img
alt="{% t themes.default._training_event_desktop_view.empty %}"
class="np-zero-state-training-sessions"
/>
<div class="np-training-session-zero-state-text">
{% t themes.default._training_event_desktop_view.empty %}
</div>
</div>
{% endif %}
</div>
</div>
</div>

23
Custom_Templates/customer_templates/Cin7 External/_training_event_preview_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,23 @@
<div class="np-training-session-view">
<div class="np-training-session-view-header">
{% include "training_session_header" %}
</div>
<div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
{% include "training_session_status" %}
{% include "training_session_date" %}
{% include "training_session_details" %}
{% include "training_session_description" %}
</div>
{% if training_event.sessions.size > 0 %}
<div class="np-card-spacing">
<div class="np-training-session-container">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% include "training_event_preview_more_sessions" %}
</div>
</div>
{% endif %}
</div>

3
Custom_Templates/customer_templates/Cin7 External/_training_event_preview_more_sessions.html.liquid Normal file
View File

@ -0,0 +1,3 @@
{% for session in training_event.sessions %}
{% include "training_event_preview_session_tile", current_session: training_session %}
{% endfor %}

18
Custom_Templates/customer_templates/Cin7 External/_training_event_preview_session_tile.html.liquid Normal file
View File

@ -0,0 +1,18 @@
<div class="np-training-session-tile">
<div class="np-training-session-tile-header">
<i class="far fa-calendar-star np-training-session-tile-icon"></i>
<div class="np-training-session-tile-badge np-training-session-tile-badge-{{ session.status.type }}">
{{ session.status.label }}
</div>
</div>
<div class="np-training-session-tile-content">
<div>
<div class="np-training-session-tile-date">
{{ session.month }} {{ session.day }}, {{ session.year }}
</div>
<div class="np-training-session-tile-time">
{{ session.time_period }} {{ session.time_zone }}
</div>
</div>
</div>
</div>

70
Custom_Templates/customer_templates/Cin7 External/_training_events_dashboard.html.liquid
View File

@ -1,71 +1,9 @@
{% comment %} <div class="np-dashboard-resources">
<div class="np-dashboard-resources">
{% if training_events.enrolled.any? %}
{% for training_event in training_events.enrolled %}
<div class="card-wrapper">
{% include "cards_training_event" with training_event %}
</div>
{% include "cards_training_event" with training_event %}
{% endfor %}
{% endif %}
</div> {% endcomment %}
{% assign counter = 0 %}
<div class="carousel-wrapper">
<div class="my-events-carousel">
{% if training_events.enrolled.any? %}
{% for training_event in training_events.enrolled %}
<div class="card-wrapper">
{% include "cards_training_event" with training_event %}
</div>
{% assign counter = counter | plus: 1 %}
{% endfor %}
{% endif %}
</div>
{% if counter == 0 %}
<div class="zero-state-wrapper">
<img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+live+events.png" alt="">
</div>
{% else %}
{% include "training_events_zero_state" %}
{% endif %}
</div>
<script>
$('.my-events-carousel').slick({
infinite: true,
slidesToShow: 5,
slidesToScroll: 5,
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: 4,
slidesToScroll: 4,
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;
}
.my-events-carousel {
margin: 0 1rem;
}
</style>

13
Custom_Templates/customer_templates/Cin7 External/_training_events_index.html.liquid
View File

@ -1,18 +1,13 @@
{% assign counter = 0 %}
<div class="np-dashboard-resources">
{% if training_events.available.any? %}
<div class="row events-container">
<div class="row row-with-thumbnails">
{% for training_event in training_events.available %}
<div class="event-card np-stretch-content">
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_training_event" with training_event %}
</div>
{% assign counter = counter | plus: 1 %}
{% endfor %}
</div>
{% else %}
{% include "training_events_zero_state" %}
{% endif %}
{% if counter == 0 %}
<div class="zero-state-wrapper">
<img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+live+events.png" alt="">
</div>
{% endif %}
</div>

2
Custom_Templates/customer_templates/Cin7 External/_training_session_calendars.html.liquid
View File

@ -1,6 +1,6 @@
<div class="dropdown dropdown-calendar">
<button
class="lp-button"
class="np-top-button np-button-font-color np-button np-button-big dropdown-calendar-button"
data-toggle-class="is-open"
data-toggle-escape
data-toggle-outside

56
Custom_Templates/customer_templates/Cin7 External/_training_session_cta.html.liquid
View File

@ -1,51 +1,33 @@
{% if training_session.approved? %}
<div class="np-training-session-cta-note">
<i class="far fa-check np-training-session-icon"></i>
{% t .registered %}
</div>
{% elsif training_session.pending? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .pending %}
</div>
{% elsif training_session.denied? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .denied %}
</div>
{% elsif training_session.too_late? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .too_late %}
</div>
{% elsif training_session.no_seats? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .no_seats %}
</div>
{% endif %}
<div class="np-training-session-cta">
<div class="np-training-session-cta-buttons">
<form
action="{% route training_session_registration, id: training_session.id %}"
action="{{ training_session.cta.url }}"
method="post"
>
{% form_authenticity_token %}
{% if training_session.internal? and training_session.approved? %}
{% if features.training_events_google_calendar? %}
{% include "training_session_calendars" %}
<button type="submit" class="lp-button">
{% t .unregister %}
</button>
{% else %}
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
{% t .unregister %}
</button>
{% endif %}
{% if training_session.show_calendar_links? %}
{% include "training_session_calendars" %}
{% endif %}
{% if training_session.cta.undo? %}
<input type="hidden" name="_method" value="delete" />
{% endif %}
{% if training_session.not_registered? %}
<button type="submit" class="np-top-button np-button np-button-big">
{% t .register %}
{% if training_session.cta.label %}
<button
type="submit"
class="
np-top-button
np-button
np-button-big
{% if training_session.show_calendar_links? %}
np-button-secondary
{% endif %}
"
>
{{ training_session.cta.label }}
</button>
{% endif %}
</form>

18
Custom_Templates/customer_templates/Cin7 External/_training_session_date.html.liquid
View File

@ -1,14 +1,16 @@
<div class="np-card-training-session-date">
<div class="np-button-background-color np-card-training-session-date-bar"></div>
<div class="np-card-training-session-date-day">
{{ training_session.day }}
</div>
<div>
<div class="np-card-training-session-date-month">
{{ training_session.month }}
<div class="np-card-training-session-date-label">
<div class="np-card-training-session-date-day">
{{ training_session.day }}
</div>
<div class="np-card-training-session-date-year">
{{ training_session.year }}
<div>
<div class="np-card-training-session-date-month">
{{ training_session.month }}
</div>
<div class="np-card-training-session-date-year">
{{ training_session.year }}
</div>
</div>
</div>
</div>

4
Custom_Templates/customer_templates/Cin7 External/_training_session_description.html.liquid
View File

@ -1,6 +1,6 @@
<h3 class="np-card-heading">
<h2 class="np-card-heading">
{% t .header %}
</h3>
</h2>
<div class="np-card-text">
{{ training_event.description }}
</div>

74
Custom_Templates/customer_templates/Cin7 External/_training_session_desktop_view.html.liquid
View File

@ -1,40 +1,62 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
{% include "training_session_header" %}
</div>
<div class="row">
<div class="col-xs-12 col-sm-7">
<div class="np-card-container">
<div class="row">
<div class="col-xs-12 col-sm-5">
{% include "training_session_details" %}
<div class="row np-training-session-row">
<div class="col-xs-12 col-sm-8">
<div class="np-training-container">
<div class="np-card-padding-large">
<div>
{% include "training_session_status" %}
{% include "training_session_date" %}
</div>
<div class="col-xs-12 col-sm-7">
<div class="np-training-session-details">
{% include "training_session_details" %}
{% include "training_session_cta" %}
</div>
</div>
<div class="np-card-content-divider"></div>
<div class="np-card-padding-large">
<div class="np-card-content-divider">
{% include "training_session_description" %}
</div>
{% include "training_session_description" %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-5 np-grid-spacing">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% if training_event.sessions.size > 1 %}
{% include "training_session_more_sessions" %}
{% else %}
<div class="np-training-session-zero-state">
<img
alt="{% t .empty %}"
class="np-zero-state-training-sessions"
/>
<div class="np-training-session-zero-state-text">
{% t .empty %}
<div class="col-xs-12 col-sm-4 np-grid-spacing">
<div class="np-training-session-container">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
</div>
{% endif %}
{% if training_event.sessions.size > 1 %}
{% include "training_session_more_sessions" %}
{% else %}
<div class="np-training-session-zero-state">
<img
alt="{% t .empty %}"
class="np-zero-state-training-sessions"
/>
<div class="np-training-session-zero-state-text">
{% t .empty %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
<style>
@media screen and (min-width: 768px) {
.np-training-container {
display: flex;
flex-direction: column;
height: 100%;
}
}
.np-training-container {
background: #fff;
border-radius: 4px !important;
box-shadow: 0 2px 4px 0 rgba(72,103,118, .5) !important;
z-index: 30;
position: relative;
}
.lp-heading {
font-size: 2.5rem
}
</style>

9
Custom_Templates/customer_templates/Cin7 External/_training_session_details.html.liquid
View File

@ -1,19 +1,18 @@
<div class="np-card-spacing-large">
{% include "training_session_date" %}
<div class="np-training-session-info">
<div class="np-training-session-time">
<i class="fal fa-clock np-button-color np-training-session-icon"></i>
{{ training_session.time_period }} {{ training_session.time_zone }}
<time>{{ training_session.time_period }} {{ training_session.time_zone }}</time>
</div>
{% if training_session.location %}
{% if training_session.approved? and training_session.location %}
<div class="np-training-session-location">
<i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
{{ training_session.location }}
</div>
{% endif %}
{% if training_session.session_url %}
{% if training_session.approved? and training_session.session_url %}
<div class="np-training-session-location">
<i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
<a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >

10
Custom_Templates/customer_templates/Cin7 External/_training_session_header.html.liquid
View File

@ -2,9 +2,15 @@
{% t shared.event_types, key: training_event.event_type %}
<i class="fal fa-users-class np-button-color np-training-session-icon"></i>
</div>
<div class="lp-heading lora course-name">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<div class="np-top-title lora">
<a href="{% route home %}" class="np-back-button2" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
</a>
{{ training_event.title }}
</div>
<style>
.np-back-button2 {
text-decoration: none;
}
</style>

39
Custom_Templates/customer_templates/Cin7 External/_training_session_mobile_view.html.liquid
View File

@ -1,22 +1,27 @@
<div class="np-card-container-training-session">
<div class="np-card-spacing-large">
<div class="np-training-session-view">
<div class="np-training-session-view-header">
{% include "training_session_header" %}
</div>
{% include "training_session_details" %}
<div class="np-card-padding-large">
{% include "training_session_cta" %}
</div>
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "training_session_description" %}
</div>
{% if training_event.sessions.size > 1 %}
<div class="np-card-spacing">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
<div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
{% include "training_session_status" %}
{% include "training_session_date" %}
{% include "training_session_details" %}
<div class="np-card-padding-large">
{% include "training_session_cta" %}
</div>
{% include "training_session_more_sessions" %}
{% include "training_session_description" %}
</div>
{% endif %}
{% if training_event.sessions.size > 1 %}
<div class="np-card-spacing">
<div class="np-training-session-container">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% include "training_session_more_sessions" %}
</div>
</div>
{% endif %}
</div>

6
Custom_Templates/customer_templates/Cin7 External/_training_session_status.html.liquid Normal file
View File

@ -0,0 +1,6 @@
<div class="np-training-session-cta-note np-training-session-tile-badge np-training-session-tile-badge-{{ training_session.status.type }}">
{% if training_session.approved? %}
<i class="far fa-check np-training-session-icon"></i>
{% endif %}
{{ training_session.status.label }}
</div>

25
Custom_Templates/customer_templates/Cin7 External/_training_session_tile.html.liquid
View File

@ -3,15 +3,22 @@
class="np-training-session-tile"
href="{% route training_session, id: session.id %}"
>
<i class="far fa-calendar-star np-training-session-tile-icon"></i>
<div>
<div class="np-training-session-tile-date">
{{ session.month }} {{ session.day }}, {{ session.year }}
</div>
<div class="np-training-session-tile-time">
{{ session.time_period }} {{ session.time_zone }}
</div>
<div class="np-training-session-tile-header">
<i class="far fa-calendar-star np-training-session-tile-icon"></i>
<div class="np-training-session-tile-badge np-training-session-tile-badge-{{ session.status.type }}">
{{ session.status.label }}
</div>
</div>
<div class="np-training-session-tile-content">
<div>
<div class="np-training-session-tile-date">
{{ session.month }} {{ session.day }}, {{ session.year }}
</div>
<div class="np-training-session-tile-time">
{{ session.time_period }} {{ session.time_zone }}
</div>
</div>
<i class="fas fa-arrow-right np-training-session-tile-chevron"></i>
</div>
<i class="fas fa-chevron-right np-training-session-tile-chevron"></i>
</a>
{% endif %}

10
Custom_Templates/customer_templates/Cin7 External/bundle_product.html.liquid Normal file
View File

@ -0,0 +1,10 @@
{% include "header" %}
<main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile">
{% include "bundle_product_desktop_view" %}
</div>
<div class="np-hidden-desktop">
{% include "bundle_product_mobile_view" %}
</div>
</main>
{% include "footer" %}

23
Custom_Templates/customer_templates/Cin7 External/catalog.html.liquid
View File

@ -1,26 +1,3 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% assign both_gorups = false %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% elsif group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if omni and core %}
{% assign both_gorups = true %}
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}

7
Custom_Templates/customer_templates/Cin7 External/commerce_cart.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% include "header" %}
<main class="np-commerce-cart-page np-main np-page-container np-max-width">
{% commerce_cart %}
</main>
{% include "footer" %}

7
Custom_Templates/customer_templates/Cin7 External/commerce_checkout.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% include "header" %}
<main class="np-commerce-checkout-page np-main np-page-container np-max-width">
{% commerce_checkout %}
</main>
{% include "footer" %}

7
Custom_Templates/customer_templates/Cin7 External/commerce_order_details.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% include "header" %}
<main class="np-main np-subpage-container np-commerce-order-details-page">
{% commerce_order_details %}
</main>
{% include "footer" %}

8
Custom_Templates/customer_templates/Cin7 External/commerce_order_history.html.liquid Normal file
View File

@ -0,0 +1,8 @@
{% include "header" %}
{% include "account_tabs" %}
<main class="np-main np-subpage-container np-commerce-order-history-page">
{% commerce_order_history %}
</main>
{% include "footer" %}

7
Custom_Templates/customer_templates/Cin7 External/commerce_redeem.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% include "header" %}
<main class="np-commerce-redeem-page np-main np-page-container np-max-width">
{% commerce_redeem %}
</main>
{% include "footer" %}

7
Custom_Templates/customer_templates/Cin7 External/commerce_return.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% include "header" %}
<main class="np-commerce-return-page np-main np-page-container np-max-width">
{% commerce_return %}
</main>
{% include "footer" %}

10
Custom_Templates/customer_templates/Cin7 External/course_product.html.liquid Normal file
View File

@ -0,0 +1,10 @@
{% include "header" %}
<main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile" id="course-desktop">
{% include "course_product_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="course-mobile">
{% include "course_product_mobile_view" %}
</div>
</main>
{% include "footer" %}

14
Custom_Templates/customer_templates/Cin7 External/dashboard.html.liquid
View File

@ -1,21 +1,7 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% include "header" %}

63
Custom_Templates/customer_templates/Cin7 External/homepage.html.liquid
View File

@ -1,79 +1,17 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% else %}
{% if group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main homepage">
<div class="hero-homepage">
<div class="np-max-width">
{% if partners %}
<div class="hero-text lora">Welcome to Cin7 Academy</div>
{% elsif core %}
<div class="hero-text lora">Welcome to Cin7 Core Academy</div>
{% elsif omni %}
<div class="hero-text lora">Welcome to Cin7 Omni Academy</div>
{% elsif log_out %}
<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 %}
{% else %}
<div class="hero-text lora">Welcome to Cin7 Academy</div>
{% endif %}
<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">
{% if partners %}
<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">New to Cin7 Omni? Start learning here!</div>
<div class="section-content">
{% include "category_carousel"%}
</div>
{% elsif core %}
<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>
{% elsif omni %}
<div class="heading lora">New to Cin7 Omni? Start learning here!</div>
<div class="section-content">
{% include "category_carousel"%}
</div>
{% elsif log_out %}
<div class="heading lora">Learn Cin7 Core by your function with Learning Paths</div>
<div class="section-content">
{% include 'learning_path_carousel_core' %}
@ -86,7 +24,6 @@
<div class="section-content">
{% include "category_carousel"%}
</div>
{% endif %}
</div>
<div class="section np-max-width">
<div class="heading lora">Featured Courses: Integrations</div>

10
Custom_Templates/customer_templates/Cin7 External/learning_path_product.html.liquid Normal file
View File

@ -0,0 +1,10 @@
{% include "header" %}
<main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile" id="learning-path-desktop">
{% include "learning_path_product_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="learning-path-mobile">
{% include "learning_path_product_mobile_view" %}
</div>
</main>
{% include "footer" %}

17
Custom_Templates/customer_templates/Cin7 External/learning_paths.html.liquid
View File

@ -1,24 +1,7 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% assign both_gorups = false %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% elsif group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if omni and core %}
{% assign both_gorups = true %}
{% endif %}
{% if log_out %}

3
Custom_Templates/customer_templates/Cin7 External/login.html.liquid
View File

@ -34,7 +34,8 @@
{% t .forgot_password %}
</a>
{% if features.account_creation? %}
<a class="np-form-link np-button-color" href="{% route sign_up %}">
{% t shared.sign_up %}
</a>
{% endif %}
{% if features.request_access? %}

19
Custom_Templates/customer_templates/Cin7 External/search.html.liquid
View File

@ -1,24 +1,7 @@
{% assign omni = false %}
{% assign core = false %}
{% assign partners = false %}
{% assign log_out = true %}
{% assign both_gorups = false %}
{% if current_person.signed_in? %}
{% assign log_out = false %}
{% for group in current_person.groups %}
{% if group.name contains 'Partners' %}
{% assign partners = true %}
{% elsif group.name contains 'Core' %}
{% assign core = true %}
{% elsif group.name contains 'Omni' %}
{% assign omni = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if omni and core %}
{% assign both_gorups = true %}
{% endif %}
{% include "header" %}
@ -35,7 +18,7 @@
</div>
</div>
{% if results.items.any? %}
{% render "search_result" for results.items as result, core: core , omni: omni, partners: partners, both_gorups: both_gorups %}
{% render "search_result" for results.items as result %}
{% else %}
{% include "search_zero_state" %}
{% endif %}

10
Custom_Templates/customer_templates/Cin7 External/training_event_preview.html.liquid Normal file
View File

@ -0,0 +1,10 @@
{% include "header" %}
<main class="np-main np-training-session np-max-width np-page-container">
<div class="np-hidden-mobile" id="training-session-desktop">
{% include "training_event_preview_desktop_view", training_session: training_event %}
</div>
<div class="np-hidden-desktop" id="training-session-mobile">
{% include "training_event_preview_mobile_view", training_session: training_event %}
</div>
</main>
{% include "footer" %}

8
Custom_Templates/customer_templates/Cin7 External/transcript.html.liquid Normal file
View File

@ -0,0 +1,8 @@
{% include "header" %}
{% include "account_tabs" %}
<main class="np-main np-subpage-container np-transcript">
{% transcript %}
</main>
{% include "footer" %}