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

New Cin7 templates. Anthology CSV updates.

Browse Source
This commit is contained in:
Norm Rasmussen
2024-01-23 16:54:25 -05:00
parent b9271f5cb6
commit c795d4fe64
18 changed files with 116 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/Cin7 Customers/.DS_Store vendored Normal file
View File

Binary file not shown.

2
Custom_Templates/customer_templates/Cin7 Customers/_cards_learning_path.html.liquid
View File

@ -49,7 +49,7 @@
np-button-color">
{% t shared.progress, count: learning_path.progress %}
</div>
<a class="np-button" href="{% route learning_path, id: learning_path.id %}">
<a class="lp-button" href="{% route learning_path, id: learning_path.id %}">
{% t shared.view %}
</a>
<span class="np-hidden-mobile np-learning-path-items">

6
Custom_Templates/customer_templates/Cin7 Customers/_course_desktop_view.html.liquid
View File

@ -1,7 +1,6 @@
<div class="np-card-container">
<div class="lp-header-container">
{% assign course_name = course.name | split: "]" %}
<div class="lp-heading"> {{ course_name.last }}</div>
<div class="lp-heading lora"> {{ course.name }}</div>
</div>
<div class="np-divider"></div>
@ -10,8 +9,7 @@
<img
src="{{ course.image_url }}"
class="np-top-image np-top-image-spacing"
{% assign course_name = course.name | split: "]" %}
alt="{{ course_name.last }}"
alt="{{ course.name }}"
/>
{% include "course_description" %}

2
Custom_Templates/customer_templates/Cin7 Customers/_course_progress_and_cta.html.liquid
View File

@ -25,7 +25,7 @@
</form>
{% else %}
<a
class="np-top-button np-button-font-color np-button np-button-big"
class="lp-button"
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}

14
Custom_Templates/customer_templates/Cin7 Customers/_learning_path_desktop_header.html.liquid
View File

@ -1,17 +1,5 @@
<div class="lp-header-container">
<div class="lp-heading">
<div class="lp-heading lora">
Learning Path: {{ learning_path.name }}
</div>
</div>
<style>
.lp-header-container {
background: #f2ede7;
}
.lp-heading {
font-size: 2.5rem;
color: #002f6f;
padding: 3rem 2rem;
font-weight: 700;
}
</style>

4
Custom_Templates/customer_templates/Cin7 Customers/_my_courses_carousel.html.liquid
View File

@ -11,8 +11,8 @@
<script>
$('.my-courses-carousel').slick({
infinite: true,
slidesToShow: 5,
slidesToScroll: 5,
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>"
});

4
Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_carousel.html.liquid
View File

@ -11,8 +11,8 @@
<script>
$('.my-learning-path-carousel').slick({
infinite: true,
slidesToShow: 5,
slidesToScroll: 5,
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>"
});

8
Custom_Templates/customer_templates/Cin7 Customers/catalog.html.liquid
View File

@ -2,7 +2,8 @@
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
<div class="hero-homepage">
<div class="hero-text">Courses</div>
<div class="np-max-width">
<div class="hero-text">Course courses</div>
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
{% if courses.in_catalog.any? %}
@ -13,6 +14,7 @@
label: label
%}
{% endif %}
</div>
</div>
<main class="np-main np-catalog np-subpage-container np-max-width">
<div class="catalog-content-wrapper">
@ -34,6 +36,6 @@
border-radius: 25px;
}
.catalog-courses-container {
width: 80%;
width: 100%;
}
</style>
</style>

2
Custom_Templates/customer_templates/Cin7 Customers/course.html.liquid
View File

@ -1,6 +1,6 @@
{% include "header" %}
<main class="np-main ">
<div class="np-hidden-mobile" id="course-desktop">
<div class="np-hidden-mobile np-max-width" id="course-desktop">
{% include "course_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="course-mobile">

16
Custom_Templates/customer_templates/Cin7 Customers/dashboard.html.liquid
View File

@ -3,22 +3,24 @@
<div class="hero-homepage">
<div class="hero-text">My Dashboard & Progress</div>
<div class="np-max-width">
<div class="hero-text ">My Dashboard & Progress</div>
</div>
</div>
<div class="section my-courses">
<div class="heading-dashboard">My Courses</div>
<div class="section np-max-width">
<div class="heading-dashboard lora">My Courses</div>
<div class="section-content">
{% include 'my_courses_carousel' %}
</div>
</div>
<div class="section my-learning-paths">
<div class="heading-dashboard">My Learning Paths</div>
<div class="section np-max-width">
<div class="heading-dashboard lora">My Learning Paths</div>
<div class="section-content">
{% include 'my_learning_paths_carousel' %}
</div>
</div>
<div class="section my-events">
<div class="heading-dashboard">My Events</div>
<div class="section np-max-width">
<div class="heading-dashboard lora">My Events</div>
<div class="section-content">
{% include "training_events_dashboard" %}
</div>

37
Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid
View File

@ -1,19 +1,46 @@
{% assign omni = false %}
{% assign core = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id == '9daeef1e-bd6c-47da-a343-ef772ba88300' %}
{% assign core = true %}
{% elsif group.id == 'afa31e2d-646e-4b7e-b65e-c426dc30ec5c' %}
{% assign omni = true %}
{% endif %}
{% endfor %}
{% endif %}
<div>core {{core}}</div>
<div>omni {{omni}}</div>
{% 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 Omni Academy</div>
{% if 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>
{% 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">
<div class="heading lora">New to Cin7 Core? Start learning here!</div>
<div class="section-content">
{% include "category_carousel"%}
</div>
{% if core %}
<div class="heading lora">New to Cin7 Core? Start learning here!</div>
<div class="section-content">
{% include "category_carousel"%}
</div>
{% elsif omni %}
<div class="heading lora">New to Cin7 Omni? Start learning here!</div>
<div class="section-content">
{% include 'my_learning_paths_carousel' %}
</div>
{% endif %}
</div>
<div class="section np-max-width">
<div class="heading lora">Featured Courses: Integrations</div>

2
Custom_Templates/customer_templates/Cin7 Customers/learning_path.html.liquid
View File

@ -1,6 +1,6 @@
{% include "header" %}
<main class="np-main">
<div class="np-hidden-mobile" id="learning-path-desktop">
<div class="np-hidden-mobile np-max-width" id="learning-path-desktop">
{% include "learning_path_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="learning-path-mobile">

4
Custom_Templates/customer_templates/Cin7 Customers/learning_paths.html.liquid
View File

@ -1,6 +1,8 @@
{% include "header" %}
<div class="hero-homepage">
<div class="hero-text">Learning Paths</div>
<div class="np-max-width">
<div class="hero-text">Learning Paths</div>
</div>
</div>
<main class="np-main np-learning-paths np-subpage-container ">
<div class="np-learning-paths-main np-max-width">

59
Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid
View File

@ -119,8 +119,11 @@ body {
.np-top-cta {
background: #fff;
border: 3px solid #002e6e;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
display: flex;
justify-content: space-between;
align-items: center;
}
.lp-progress-text {
@ -128,30 +131,35 @@ body {
font-size: 1.5rem;
}
.lp-button {
background: #05cbbf;
color: #fff;
text-decoration: none;
font-weight: 700;
padding: 10px 25px;
display: flex;
border-radius: 8px;
white-space: nowrap;
background: #002f6f;
color: #fff;
padding: 15px 25px;
border-radius: 25px;
text-decoration: none;
font-weight: 700;
white-space: nowrap;
}
.lp-course-card {
margin: 15px 0;
margin: 30px 0;
background: #fff;
border: 3px solid #002e6e;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.learning-path-outline-content {
display: flex;
justify-content: center;
justify-content: space-between;
width: 100%;
align-items: center;
}
.learning-path-outline-progress {
font-weight: 600;
}
.lp-desktop-wrapper {
padding: 15px 25px;
padding: 25px;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 20px;
margin-bottom: 20px;
}
.lp-progress-and-cta-wrapper {
margin-top: 20px;
@ -166,6 +174,7 @@ body {
padding-left: 50px;
cursor: pointer;
right: 10px;
font-size: 1.5rem;
}
.left-arrow {
position: absolute;
@ -174,13 +183,14 @@ body {
padding-left: 10px;
cursor: pointer;
right: 40px;
font-size: 1.5rem;
}
.heading-dashboard {
text-align: left;
font-size: 2.5rem;
color: #002f6f;
padding: 2rem 0;
font-weight: 700;
font-weight: 400;
margin-left: 2rem;
}
@ -313,7 +323,8 @@ body {
}
.np-footer {
background: #0f3a76;
background: url('https://s3.amazonaws.com/static.northpass.com/Cin7/Footer+background.png');
background-size: cover;
}
.np-footer-navigation-link {
color: #fff;
@ -329,13 +340,11 @@ body {
width: 100%;
justify-content: end;
}
.np-learning-path-outline-inactive-item {
border: 3px solid #002e6e;
.np-learning-path-outline-name {
font-weight: 600;
}
.np-top-image {
max-width: 500px;
border-radius: 25px;
}
@ -349,17 +358,13 @@ body {
color: #002f6f;
}
.np-learning-paths {
background: #dde9fe;
}
.np-learning-path {
border: 3px solid #002e6e;
border-radius: 25px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.np-learning-paths {
background: #fff;
}
.lp-header-container {
background: #f2ede7;
}
.lp-heading {
font-size: 2.5rem;
color: #002f6f;

6
Custom_Templates/customer_templates/Cin7 Customers/training_events.html.liquid
View File

@ -1,9 +1,11 @@
{% include "header" %}
<div class="hero-homepage">
<div class="hero-text">Events</div>
<div class="np-max-width">
<div class="hero-text">Events</div>
</div>
</div>
<div class="section events">
<div class="section events np-max-width">
<div class="section-content">
{% include "training_events_index" %}
</div>