More Luminate changes... HackerRank's subnavigation is completed. Updated Cin7 templates.
This commit is contained in:
@ -2,6 +2,7 @@
|
||||
{% assign core = false %}
|
||||
{% assign partners = false %}
|
||||
{% assign redirect = false %}
|
||||
{% assign both_gorups = false %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% assign log_out = false %}
|
||||
@ -18,15 +19,17 @@
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if partners %}
|
||||
{% assign redirect = false %}
|
||||
{% else %}
|
||||
{% if omni and core %}
|
||||
{% assign both_gorups = true %}
|
||||
{% endif %}
|
||||
|
||||
{% unless partners or both_gorups %}
|
||||
{% if core and course.name contains 'Omni' %}
|
||||
{% assign redirect = true %}
|
||||
{% assign redirect = true %}
|
||||
{% elsif omni and course.name contains 'Core' %}
|
||||
{% assign redirect = true %}
|
||||
{% endif %}
|
||||
{% assign redirect = true %}
|
||||
{% endif %}
|
||||
{% endunless %}
|
||||
|
||||
{% if redirect %}
|
||||
<script>window.location.replace('/app')</script>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if current_person.signed_in? %}
|
||||
|
||||
{% if partners %}
|
||||
{% 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>
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
{% assign core = false %}
|
||||
{% assign partners = false %}
|
||||
{% assign log_out = true %}
|
||||
{% assign both_gorups = false %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% assign log_out = false %}
|
||||
@ -18,11 +19,21 @@
|
||||
{% 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 core %}
|
||||
{% 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' %}
|
||||
|
||||
@ -1,31 +1,4 @@
|
||||
{% if 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>
|
||||
{% elsif core or log_out%}
|
||||
{% 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">
|
||||
@ -52,4 +25,32 @@
|
||||
</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 %}
|
||||
@ -2,6 +2,7 @@
|
||||
{% assign core = false %}
|
||||
{% assign partners = false %}
|
||||
{% assign redirect = false %}
|
||||
{% assign both_gorups = false %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% assign log_out = false %}
|
||||
@ -17,15 +18,21 @@
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% 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 %}
|
||||
{% 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 %}
|
||||
<script>window.location.replace('/app')</script>
|
||||
{% endif %}
|
||||
|
||||
@ -1,10 +1,9 @@
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if items.any? %}
|
||||
{% for learning_path in items %}
|
||||
{% if partners %}
|
||||
{% if partners or both_gorups %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% else %}
|
||||
{% if core %}
|
||||
{% elsif core %}
|
||||
{% if learning_path.name contains 'Core' %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endif %}
|
||||
@ -13,7 +12,6 @@
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
|
||||
@ -1,243 +0,0 @@
|
||||
|
||||
{% assign completed_courses = 0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign completed_courses = completed_courses | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% if omni %}
|
||||
{% if completed_courses > 0%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 1 course!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 4 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 5 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 9 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 10 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 14 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 15 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 19 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 20 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if core %}
|
||||
{% if completed_courses > 0%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 1 course!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 4%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 5 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 9%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 10 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 14%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 15 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 19%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 20 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
@ -1,7 +1,27 @@
|
||||
|
||||
|
||||
{% if result.type == 'course' %}
|
||||
{% if omni %}
|
||||
{% if both_gorups or partners %}
|
||||
<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>
|
||||
{% elsif omni %}
|
||||
{% if result.name contains 'Omni' %}
|
||||
<div class="np-card np-search-result">
|
||||
<div class="np-card-container">
|
||||
|
||||
@ -1,15 +1,26 @@
|
||||
{% assign omni = false %}
|
||||
{% assign core = false %}
|
||||
{% assign multiprod = 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 %}
|
||||
|
||||
|
||||
@ -2,22 +2,25 @@
|
||||
{% 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' %}
|
||||
{% 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 %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if omni and core %}
|
||||
{% assign both_gorups = true %}
|
||||
{% endif %}
|
||||
|
||||
{% if log_out %}
|
||||
<script>
|
||||
window.location.replace('https://academy.cin7.com/learners/sign_in');
|
||||
|
||||
@ -2,22 +2,25 @@
|
||||
{% 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' %}
|
||||
{% 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 %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if omni and core %}
|
||||
{% assign both_gorups = true %}
|
||||
{% endif %}
|
||||
|
||||
{% include "header" %}
|
||||
<main class="np-main np-search np-subpage-container np-max-width">
|
||||
<div class="np-resource-title">
|
||||
@ -32,7 +35,7 @@
|
||||
</div>
|
||||
</div>
|
||||
{% if results.items.any? %}
|
||||
{% render "search_result" for results.items as result, core: core , omni: omni %}
|
||||
{% render "search_result" for results.items as result, core: core , omni: omni, partners: partners, both_gorups: both_gorups %}
|
||||
{% else %}
|
||||
{% include "search_zero_state" %}
|
||||
{% endif %}
|
||||
|
||||
@ -17,21 +17,63 @@
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="np-sub-navigation-content-item">
|
||||
<div class="np-sub-navigation-content-item-inactive knowledge-base-link">
|
||||
<a class="np-sub-navigation-content-item-link" href="https://support.hackerrank.com">
|
||||
<i style="color: #bac4ca;" class="far fa-book-reader np-sub-navigation-content-item-icon"></i>
|
||||
<i class="fal fa-book-reader np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
Knowledge Base
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
<div class="np-sub-navigation-content-item">
|
||||
</div>
|
||||
|
||||
<div class="np-sub-navigation-content-item new-products-link">
|
||||
<a class="np-sub-navigation-content-item-link"
|
||||
href="https://hackerrank.northpass.com/app/new-product-releases">
|
||||
<i style="color: #bac4ca;" class="fal fa-rocket-launch np-sub-navigation-content-item-icon"></i>
|
||||
<i class="fal fa-rocket-launch np-sub-navigation-content-item-icon"></i>
|
||||
New Product Releases
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
|
||||
<div class="np-sub-navigation-content-item case-studies-link">
|
||||
|
||||
<a style="text-decoration: none;" href="https://hackerrank.northpass.com/app/case-studies">
|
||||
<div class="np-sub-navigation-content-item-link" >
|
||||
<img class="fal np-button-color np-sub-navigation-content-item-icon custom-icon" src="https://s3.amazonaws.com/static.northpass.com/HackerRank/Lightbulb_Book-Icon.jpg">
|
||||
Case Studies
|
||||
</div>
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<style>
|
||||
/* .custom-icon {
|
||||
content: url('https://s3.amazonaws.com/static.northpass.com/HackerRank/Lightbulb_Book-Icon.jpg');
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
} */
|
||||
.custom-icon {
|
||||
width: 32px;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
padding: 0;
|
||||
transform: translate(-135%, calc(-50% - 10px));
|
||||
}
|
||||
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
|
||||
color:#1ba94c;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
if (window.location.pathname == "/app/case-studies") {
|
||||
document.querySelector(".case-studies-link").classList.add("np-sub-navigation-content-item-active")
|
||||
} else {
|
||||
document.querySelector(".case-studies-link").classList.add("np-sub-navigation-content-item-inactive")
|
||||
}
|
||||
if (window.location.pathname == "/app/new-product-releases") {
|
||||
document.querySelector(".new-products-link").classList.add("np-sub-navigation-content-item-active")
|
||||
} else {
|
||||
document.querySelector(".new-products-link").classList.add("np-sub-navigation-content-item-inactive")
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,193 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
{% include "sub_navigation" %}
|
||||
<div class="np-homepage-featured np-max-width custom-page-main-content">
|
||||
<div class="custom-page-filter-bars">
|
||||
<div>
|
||||
<h1>{{ custom_page.headline }}</h1>
|
||||
<div class="custom-page-label">
|
||||
{{ custom_page.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="catalog-courses">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% for category in course.categories %}
|
||||
{% if category.name == 'Case Studies' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.custom-page-top-info-bar{
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 0 5%;
|
||||
}
|
||||
|
||||
.custom-page-nametag h4{
|
||||
color: #016aab;
|
||||
}
|
||||
|
||||
.custom-page-profile-button{
|
||||
border: 1px solid #016aab;
|
||||
border-radius: 8px;
|
||||
color: #016aab;
|
||||
padding: 10px 25px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.custom-page-main-content{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 0 5%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-page-label{
|
||||
font-size: 18px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.custom-page-filter-bars{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.custom-page-content-search{
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.np-filter{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.custom-page-content-filter .np-input{
|
||||
margin-top: 20px;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
.custom-page-content-filter .dropdown{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-page-courses{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 5%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-container{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-image{
|
||||
border-radius: 0;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-info{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content-progress-and-cta{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content-progress{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.custom-page-main-content{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.custom-page-filter-bars{
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content{
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
padding: 10px 35px;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-info{
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content-title{
|
||||
margin: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content-progress-and-cta{
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content-progress{
|
||||
align-items: flex-start;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
padding-right: 25px;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.custom-page-courses .np-card-content-progress-and-cta .np-button{
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,5 +1,15 @@
|
||||
{% if current_person.signed_in? %}
|
||||
{% unless current_person.email contains "+preview" %}
|
||||
{% comment %}
|
||||
{% assign medicaid_id = "preview" %}
|
||||
|
||||
{% if current_person.properties.medicaid_id == "" %}
|
||||
{% assign medicaid_id = "null" %}
|
||||
{% else %}
|
||||
{% assign medicaid_id = current_person.properties.medicaid_id %}
|
||||
{% endif %}
|
||||
{% endcomment %}
|
||||
|
||||
{% assign groups_count = 0 %}
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
@ -7,7 +17,7 @@
|
||||
{% endfor %}
|
||||
|
||||
<script>
|
||||
const groupsCount = {{groups_count}}
|
||||
const groupsCount = {{ groups_count }}
|
||||
if (groupsCount == 0) {
|
||||
if (!window.location.href.includes("/invite")) {
|
||||
console.log("not /invite page")
|
||||
@ -189,7 +199,7 @@
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
{% comment %}
|
||||
{% comment %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% unless current_person.email contains "+preview" %}
|
||||
{% unless current_person.properties.successfully_completed_secondary_registration %}
|
||||
|
||||
@ -27,3 +27,7 @@
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.np-box-header-logo {
|
||||
height: 135px;
|
||||
}
|
||||
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
{% endif %}
|
||||
<div class="course-img-content">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
{% comment %} {{ course.name }} {% endcomment %}
|
||||
</h3>
|
||||
{% comment %} {% if course.properties.course_length %}
|
||||
<div class="course-length">{{course.properties.course_length}}</div>
|
||||
|
||||
@ -46,22 +46,22 @@
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
Yikes! There is no featured content at the moment. Be sure to check back here later.
|
||||
There is no featured content at the moment. Be sure to check back here later.
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="Yikes! There is no featured content at the moment. Be sure to check back here later."
|
||||
alt="There is no featured content at the moment. Be sure to check back here later."
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
Yikes! There is no featured content at the moment. Be sure to check back here later.
|
||||
There is no featured content at the moment. Be sure to check back here later.
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="Yikes! There is no featured content at the moment. Be sure to check back here later."
|
||||
alt="There is no featured content at the moment. Be sure to check back here later."
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
@ -33,11 +33,11 @@
|
||||
<script>console.log("{{ongoing_courses_count}}")</script>
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
Yikes! You don't have any ongoing training at this moment.
|
||||
You don't have any ongoing training at this moment.
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="Yikes! You don't have any ongoing training at this moment."
|
||||
alt="You don't have any ongoing training at this moment."
|
||||
/>
|
||||
<div class="zero-state-cta" style="margin-top:32px;">
|
||||
<a href="/app/catalog" class="Catalog np-button">Explore Catalog</a>
|
||||
@ -47,11 +47,11 @@
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
Yikes! You don't have any ongoing training at this moment.
|
||||
You don't have any ongoing training at this moment.
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="Yikes! You don't have any ongoing training at this moment."
|
||||
alt="You don't have any ongoing training at this moment."
|
||||
/>
|
||||
<div class="zero-state-cta" style="margin-top:32px;">
|
||||
<a href="/app/catalog" class="Catalog np-button">Explore Catalog</a>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty %}
|
||||
Coming Soon
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div>
|
||||
|
||||
@ -144,7 +144,7 @@
|
||||
<div class="col-xs-12">
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
Yikes! You don't have any learning Paths in progress.
|
||||
You don't have any learning Paths in progress.
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="" />
|
||||
</div>
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% if course.enrolled? == false and course.properties.course_cost > 0 %}
|
||||
Course for Purchase
|
||||
{{ course.properties.course_cost }}
|
||||
{% else %}
|
||||
{% t shared.progress, count: course.progress %}
|
||||
{% endif %}
|
||||
@ -46,7 +46,7 @@
|
||||
{% endif %}
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% if course.enrolled? == false and course.properties.course_cost > 0 %}
|
||||
${{ course.properties.course_cost }}
|
||||
Paid Course
|
||||
{% elsif course.progress > 0 and course.progress < 100 %}
|
||||
Continue
|
||||
{% elsif course.progress == 100 %}
|
||||
|
||||
Reference in New Issue
Block a user