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

HackerRank sandbox almost done. Trying to fix some weirdness in the Walmart Supplier templates.

Browse Source
This commit is contained in:
Norm Rasmussen
2024-11-01 14:09:39 -04:00
parent 382822243a
commit 7ae06d16f6
37 changed files with 386 additions and 1056 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/.DS_Store vendored
View File

Binary file not shown.

BIN
Custom_Templates/customer_templates/HackerRank Sandbox/.DS_Store vendored Normal file
View File

Binary file not shown.

23
Custom_Templates/customer_templates/HackerRank Sandbox/_account_tabs.html.liquid Normal file
View File

@ -0,0 +1,23 @@
{% capture settings_path %}{% route account %}{% endcapture %}
{% capture transcript_path %}{% route transcript %}{% 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>
</nav>
{% endunless %}
{% endif %}

12
Custom_Templates/customer_templates/HackerRank Sandbox/_cards_course.html.liquid
View File

@ -15,18 +15,12 @@
{{ course.name }} {{ course.name }}
</h3> </h3>
<div class="np-card-content-subtitle"> <div class="np-card-content-subtitle">
{{ course.instructor_names }} {{ course.short_description }}
</div> </div>
<div class="np-card-content-footer"> <div class="np-card-content-footer">
<div class="np-card-content-progress np-button-color">
{% t shared.progress, count: course.progress %}
</div>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %} {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% if course.has_to_restart? %} <a class="np-sub-navigation-content-item-link" href="{{ course_path }}" style="font-weight: bold; padding-top: 10px;">
{% include "course_version_outdated_popup", path: course_path %} View course
{% endif %}
<a class="np-button np-button-wide" href="{{ course_path }}">
{% t shared.view %}
</a> </a>
</div> </div>
</div> </div>

84
Custom_Templates/customer_templates/HackerRank Sandbox/_cards_learning_path.html.liquid
View File

@ -1,102 +1,30 @@
{% comment %}This section of code will iterate over all courses in a learning path and average out the completion per course compared to the total of the LP {% endcomment %} <div class="np-card">
{% assign total_progress = 0 %}
{% assign completed_progress = 0 %}
{% for item in learning_path.items %}
{% if item.course? %}
{% assign total_progress = total_progress | plus: 100 %}
{% assign completed_progress = completed_progress | plus: item.progress %}
{% endif %}
{% endfor %}
{% assign total_progress = total_progress | times: 0.01 %}
{% assign calculated_progress = completed_progress | divided_by: total_progress %}
<div class="np-card np-no-horizontal-padding">
<div class="np-card-container"> <div class="np-card-container">
<div class="np-learning-path">
<img <img
alt="{{ learning_path.name }}" alt="{{ learning_path.name }}"
class="np-card-image np-learning-path-image" class="np-card-image"
src="{{ learning_path.image_url }}" src="{{ learning_path.image_url }}"
/> />
<div class="np-card-text-wrapper">
<div class="np-hidden-desktop np-card-header">
<i class="np-card-header-icon far fa-road"></i>
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
<div class="np-hidden-desktop np-card-header-items-count">
{{ learning_path.items.count }} {% t .items %}
</div>
</div>
<div class="np-hidden-mobile np-card-header">
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
<i class="np-card-header-icon far fa-road"></i>
</div>
<div class="np-card-content np-card-padding np-card-content-vertical"> <div class="np-card-content np-card-content-vertical np-card-padding">
<h3 class="np-card-content-title"> <h3 class="np-card-content-title">
{{ learning_path.name }} {{ learning_path.name }}
</h3> </h3>
<div class="np-card-content-subtitle"> <div>
{{ learning_path.instructor_names }}
</div>
<div class="np-hidden-mobile np-card-content-description">
{{ learning_path.description }} {{ learning_path.description }}
</div> </div>
<div class="np-hidden-mobile np-card-content-progress
np-button-color">
{% comment %}{% t shared.progress, count: learning_path.progress %}{% endcomment %}
{% if calculated_progress < 1 %}
Not Started
{% else %}
{{calculated_progress | ceil }}% Completed
{% endif %}
</div>
<div class="np-hidden-mobile np-card-progress-bar-container">
<div
style="width: {{ calculated_progress }}%"
class="np-button-background-color np-card-progress-bar">
</div>
</div>
<div class="np-card-content-footer"> <div class="np-card-content-footer">
<div class="np-hidden-desktop np-card-content-progress <div class="np-hidden-desktop np-card-content-progress
np-button-color"> np-button-color">
{% t shared.progress, count: learning_path.progress %} {% t shared.progress, count: learning_path.progress %}
</div> </div>
<a class="np-button" href="{% route learning_path, id: learning_path.id %}"> <a class="np-sub-navigation-content-item-link" href="{% route learning_path, id: learning_path.id %}" style="font-weight: bold; padding-top: 10px;">
{% t shared.view %} View learning path
</a> </a>
<span class="np-hidden-mobile np-learning-path-items">
<i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
<span class="np-learning-path-items-count">
{{ learning_path.items.count }} {% t .items %}
</span>
</span>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div class="np-card-stack">
<div class="np-card-stack-level-1"></div>
<div class="np-card-stack-level-2"></div>
</div>
</div> </div>
<style>
@media screen and (min-width: 768px) {
.np-learning-paths .np-learning-path-image {
min-height: unset;
margin: auto;
}
.np-learning-path-image {
min-width: 33%;
}
}
</style>

22
Custom_Templates/customer_templates/HackerRank Sandbox/_cards_training_event.html.liquid
View File

@ -1,18 +1,28 @@
<div class="np-card"> <div class="np-card np-card-training-event">
<div class="np-card-container"> <div class="np-card-container">
<div class="np-card-content-training-event"> <div class="np-card-content-training-event">
<h3 class="np-card-content-title"> <h3 class="np-card-content-title">
{{ training_event.title }} {{ training_event.title }}
</h3> </h3>
<div class="np-card-content-subtitle"> <div class="np-card-content-subtitle">
<i class="far {{ training_event.event_type_icon }} np-training-session-icon"></i>
{% t shared.event_types, key: training_event.event_type %} {% t shared.event_types, key: training_event.event_type %}
<span class="np-card-training-sessions-separator">•</span>
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
<span class="np-card-training-sessions-label">
{% t .sessions, count: training_event.sessions.size %}
</span>
</div> </div>
<div class="np-card-training-session"> <div class="np-card-training-session">
<span class="np-card-content-label"> <span class="np-card-content-label">
{% t .next_session %} {% t .next_session %} -
<span class="{{ training_event.sessions.first.status.type}}">
{{ training_event.sessions.first.status.label}}
</span>
</span> </span>
<div class="np-card-training-session-date"> <div class="np-card-training-session-date">
<div class="np-button-background-color np-card-training-session-date-bar"></div> <div class="np-button-background-color np-card-training-session-date-bar"></div>
<div class="np-card-training-session-date-label">
<div class="np-card-training-session-date-day"> <div class="np-card-training-session-date-day">
{{ training_event.sessions.first.day }} {{ training_event.sessions.first.day }}
</div> </div>
@ -27,12 +37,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="np-card-content np-card-content-vertical np-card-padding"> </div>
<div class="np-card-content np-card-content-vertical np-card-content-training-event">
<div class="np-card-training-sessions"> <div class="np-card-training-sessions">
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
<span class="np-card-training-sessions-label">
{% t .sessions, count: training_event.sessions.size %}
</span>
<a <a
class="np-button np-button-wide" class="np-button np-button-wide"
href="{% route training_session, id: training_event.sessions.first.id %}" href="{% route training_session, id: training_event.sessions.first.id %}"

2
Custom_Templates/customer_templates/HackerRank Sandbox/_courses_catalog.html.liquid
View File

@ -12,5 +12,5 @@
key: current_school.course_vocabulary key: current_school.course_vocabulary
%} %}
{% endcapture %} {% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %} {% endif %}

84
Custom_Templates/customer_templates/HackerRank Sandbox/_footer.html.liquid
View File

@ -1,35 +1,54 @@
<footer class="np-footer"> <footer class="np-footer" style="background-color: transparent;">
<div class="np-footer-top"> <div class="np-footer-top">
{% if website_footer.show_navigation_links? %} {% if website_footer.show_navigation_links? %}
<div class="np-footer-navigation"> <div class="np-footer-navigation">
<ul class="np-footer-navigation-list"> <ul class="np-footer-navigation-list" style="padding-left: 200px;">
{% for website_navigation in navigations.footer_navigations %}
<li class="np-footer-navigation-item"> <li class="np-footer-navigation-item">
<a <a
class="np-footer-navigation-link np-button-color" class="np-footer-navigation-link" style="color: #39424e;"
href="{{ website_navigation.path }}" href="https://www.hackerrank.com/work/login"
{% if website_navigation.external? %} target="_blank" {% endif %} target="_blank"
> >
{{ website_navigation.name }} Product login
</a> </a>
</li> </li>
{% endfor %} <li class="np-footer-navigation-item">
</ul> <a
</div> class="np-footer-navigation-link" style="color: #39424e;"
{% endif %} href="https://support.hackerrank.com/hc/en-us"
{% if current_school.logo_url %} target="_blank"
<h2 class="np-footer-logo"> >
<a href="{% route home %}"> Knowledge base
<img
alt="{{ current_school.name }}"
class="np-footer-logo-image"
src="{{ current_school.logo_url }}"
/>
</a> </a>
</h2> </li>
{% else %} <li class="np-footer-navigation-item">
<div class="np-school-name np-header-font-color"> <a
{{ current_school.name }} class="np-footer-navigation-link" style="color: #39424e;"
href="https://support.hackerrank.com/access/normal"
target="_blank"
>
Support request
</a>
</li>
<li class="np-footer-navigation-item">
<a
class="np-footer-navigation-link" style="color: #39424e;"
href="https://www.hackerrank.com/release/october-2024"
target="_blank"
>
New releases
</a>
</li>
<li class="np-footer-navigation-item">
<a
class="np-footer-navigation-link" style="color: #39424e;"
href="https://www.hackerrank.com/blog/"
target="_blank"
>
Blog
</a>
</li>
</ul>
</div> </div>
{% endif %} {% endif %}
</div> </div>
@ -55,24 +74,5 @@
</ul> </ul>
{% endif %} {% endif %}
</nav> </nav>
{% if website_footer.show_customer_service_email? and
website_footer.school_customer_service_email
%}
<div class="np-footer-support">
<div class="np-footer-support-item np-footer-support-help">
{% t .need_help %}
</div>
<div class="np-footer-support-item np-footer-support-email">
{% t .email %}
</div>
<a
class="np-footer-support-item np-footer-support-link np-button-color"
href="mailto:{{ website_footer.school_customer_service_email }}"
>
{{ website_footer.school_customer_service_email }}
</a>
</div>
{% endif %}
</div> </div>
</footer> </footer>

181
Custom_Templates/customer_templates/HackerRank Sandbox/_header.html.liquid
View File

@ -1,180 +1,27 @@
<header class="np-header np-header-color"> <header class="np-header np-header-color" style="background-color: transparent;">
<div class="np-header-content">
<div class="np-hidden-desktop np-header-mobile-menu-nav">
{% if current_person.signed_in? %}
<button
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
data-toggle-target=".np-header-mobile-avatar-menu,
.np-header-mobile-menu-content, .np-main, .np-footer"
></button>
<button
data-test="open-mobile-menu"
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
/>
</button>
{% endif %}
</div>
{% if current_school.logo_url %}
<h1 class="np-header-logo">
<a href="{% route home %}"> <a href="{% route home %}">
<img <img
alt="{{ current_school.name }}" alt="{{ current_school.name }}"
class="np-header-logo-image" class="np-header-logo-image"
src="{{ current_school.logo_url }}" src="{{ current_school.logo_url }}"
style="width: 300px; height: auto;"
/> />
</a> </a>
</h1> <div class="np-sub-navigation-content">
{% else %} <div class="np-sub-navigation-content">
<a href="{% route home %}" class="np-school-name np-header-font-color"> <div class="np-sub-navigation-content-item">
{{ current_school.name }} <a class="np-sub-navigation-content-item-link" href="https://hackertest.northpass.com/app/dashboard" style="font-weight: bold;">My courses</a>
</a>
{% endif %}
<div class="np-hidden-mobile np-header-desktop-nav">
<ul class="np-header-desktop-nav-list">
{% for website_navigation in navigations.header_navigations_external %}
<li class= "np-header-desktop-nav-item">
<a
href="{{ website_navigation.path }}"
class="np-header-desktop-nav-link np-header-font-color"
target="_blank"
>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% if current_person.signed_in? %}
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
<form action="{% route search %}" method="get" data-test="desktop-search">
<input
aria-label="{% t .search %}"
class="np-header-search-input np-header-font-background-color"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
</div>
<div class="np-hidden-mobile np-header-avatar">
<button
class="np-header-avatar-button"
data-test="open-desktop-menu"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-header-avatar-tooltip"
data-toggle-outside
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
>
</button>
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
<span class="np-header-avatar-tooltip-arrow-up"></span>
<div class="np-header-avatar-tooltip-learner">
<div class="np-header-avatar-tooltip-learner-name">
{{ current_person.name }}
</div>
<div class="np-header-avatar-tooltip-learner-email">
{{ current_person.email }}
</div> </div>
</div> </div>
<nav class="np-header-avatar-tooltip-navigation"> <div class="np-sub-navigation-content">
{% unless current_school.sso_active? %} <div class="np-sub-navigation-content-item">
<a <a class="np-sub-navigation-content-item-link" href="{{ '/catalog' }}" style="font-weight: bold;">All courses</a>
class="np-header-avatar-tooltip-navigation-link" </div>
href="{% route account %}" </div>
> <div class="np-sub-navigation-content">
{% t .profile_settings %} <div class="np-sub-navigation-content-item">
</a> <a class="np-sub-navigation-content-item-link" href="{{ '/learning_paths' }}" style="font-weight: bold;">Learning paths</a>
{% endunless %}
<a
class="np-header-avatar-tooltip-navigation-link np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</nav>
</div> </div>
</div> </div>
{% else %}
<a
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
aria-label="{% t shared.sign_in %}"
href="{% route login %}"
>
{% t shared.sign_in %}
</a>
{% endif %}
</div> </div>
</header> </header>
<div class="np-hidden-desktop">
<div class="np-header-mobile-menu-content np-hidden">
{% if current_person.signed_in? %}
<img
alt="{{ current_person.name }}"
class="np-header-mobile-menu-content-avatar"
src="{{ current_person.avatar_url }}"
/>
<div class="np-header-mobile-menu-content-name">
{{ current_person.name }}
</div>
{% endif %}
<div class="np-header-mobile-menu-content-nav">
<form
class="np-header-search"
data-test="mobile-search"
method="get"
action="{% route search %}"
>
<input
aria-label="{% t .search %}"
class="np-header-search-input"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
{% for website_navigation in navigations.header_navigations %}
<a
href="{{ website_navigation.path }}"
class="np-header-mobile-menu-content-button"
{% if website_navigation.external? %} target="_blank" {% endif %}
>
{{ website_navigation.name }}
</a>
{% endfor %}
<div class="np-header-mobile-menu-content-line"></div>
{% unless current_school.sso_active? %}
<a
class="np-header-mobile-menu-content-button"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-mobile-menu-content-button np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</div>
</div>
</div>
{% include "messages" %}

4
Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_course.html.liquid
View File

@ -26,13 +26,11 @@
</div> </div>
</div> </div>
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i> <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
{% comment %}
{% if course.optional? %} {% if course.optional? %}
<div class="np-optional-ribbon"> <div class="np-optional-ribbon">
{% t shared.optional %} {% t shared.optional %}
</div> </div>
{% endif %} {% endif %}
{% endcomment %}
</div> </div>
</a> </a>
{% else %} {% else %}
@ -48,13 +46,11 @@
{{ course.name }} {{ course.name }}
</div> </div>
</div> </div>
{% comment %}
{% if course.optional? %} {% if course.optional? %}
<div class="np-optional-ribbon"> <div class="np-optional-ribbon">
{% t shared.optional %} {% t shared.optional %}
</div> </div>
{% endif %} {% endif %}
{% endcomment %}
</div> </div>
</div> </div>
{% endif %} {% endif %}

4
Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_training_session.html.liquid
View File

@ -21,13 +21,11 @@
</div> </div>
</div> </div>
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i> <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
{% comment %}
{% if training_session.optional? %} {% if training_session.optional? %}
<div class="np-optional-ribbon"> <div class="np-optional-ribbon">
{% t shared.optional %} {% t shared.optional %}
</div> </div>
{% endif %} {% endif %}
{% endcomment %}
</div> </div>
</a> </a>
{% else %} {% else %}
@ -45,13 +43,11 @@
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div> <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
<div class="np-learning-path-outline-caption">{{ training_session.caption }}</div> <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
</div> </div>
{% comment %}
{% if training_session.optional? %} {% if training_session.optional? %}
<div class="np-optional-ribbon"> <div class="np-optional-ribbon">
{% t shared.optional %} {% t shared.optional %}
</div> </div>
{% endif %} {% endif %}
{% endcomment %}
</div> </div>
</div> </div>
{% endif %} {% endif %}

66
Custom_Templates/customer_templates/HackerRank Sandbox/_sub_navigation.html.liquid
View File

@ -4,76 +4,10 @@
<div class="np-sub-navigation-content-item {{ link.active_class }}"> <div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}"> <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i> <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
{% if link.label == 'Dashboard' %}
My Dashboard
{% elsif link.label == 'Catalog' %}
Courses Library
{% elsif link.label == 'Events' %}
Live Training Webinars
{% else %}
{{ link.label }} {{ link.label }}
{% endif %}
</a> </a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div> <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div> </div>
{% endfor %} {% endfor %}
<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 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 new-products-link">
<a class="np-sub-navigation-content-item-link"
href="https://hackerrank.northpass.com/app/new-product-releases">
<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> </div>
</nav> </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>

52
Custom_Templates/customer_templates/HackerRank Sandbox/_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">
<div class="np-training-session-cta-buttons"> <div class="np-training-session-cta-buttons">
<form <form
action="{% route training_session_registration, id: training_session.id %}" action="{{ training_session.cta.url }}"
method="post" method="post"
> >
{% form_authenticity_token %} {% form_authenticity_token %}
{% if training_session.internal? and training_session.approved? %} {% if training_session.show_calendar_links? %}
{% if features.training_events_google_calendar? %}
{% include "training_session_calendars" %} {% include "training_session_calendars" %}
<button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
{% t .unregister %}
</button>
{% else %}
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
{% t .unregister %}
</button>
{% endif %} {% endif %}
{% if training_session.cta.undo? %}
<input type="hidden" name="_method" value="delete" /> <input type="hidden" name="_method" value="delete" />
{% endif %} {% endif %}
{% if training_session.not_registered? %} {% if training_session.cta.label %}
<button type="submit" class="np-top-button np-button np-button-big"> <button
{% t .register %} 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> </button>
{% endif %} {% endif %}
</form> </form>

2
Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_date.html.liquid
View File

@ -1,5 +1,6 @@
<div class="np-card-training-session-date"> <div class="np-card-training-session-date">
<div class="np-button-background-color np-card-training-session-date-bar"></div> <div class="np-button-background-color np-card-training-session-date-bar"></div>
<div class="np-card-training-session-date-label">
<div class="np-card-training-session-date-day"> <div class="np-card-training-session-date-day">
{{ training_session.day }} {{ training_session.day }}
</div> </div>
@ -11,4 +12,5 @@
{{ training_session.year }} {{ training_session.year }}
</div> </div>
</div> </div>
</div>
</div> </div>

21
Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_desktop_view.html.liquid
View File

@ -1,25 +1,27 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large"> <div class="np-resource-header np-resource-header-card np-card-padding-large">
{% include "training_session_header" %} {% include "training_session_header" %}
</div> </div>
<div class="row"> <div class="row np-training-session-row">
<div class="col-xs-12 col-sm-7"> <div class="col-xs-12 col-sm-8">
<div class="np-card-container"> <div class="np-card-container">
<div class="row"> <div class="np-card-padding-large">
<div class="col-xs-12 col-sm-5"> <div>
{% include "training_session_details" %} {% include "training_session_status" %}
{% include "training_session_date" %}
</div> </div>
<div class="col-xs-12 col-sm-7"> <div class="np-training-session-details">
{% include "training_session_details" %}
{% include "training_session_cta" %} {% include "training_session_cta" %}
</div> </div>
</div> </div>
<div class="np-card-content-divider"></div>
<div class="np-card-padding-large"> <div class="np-card-padding-large">
<div class="np-card-content-divider">
{% include "training_session_description" %} {% include "training_session_description" %}
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-4 np-grid-spacing">
<div class="col-xs-12 col-sm-5 np-grid-spacing"> <div class="np-training-session-container">
<div class="np-training-session-sessions-title"> <div class="np-training-session-sessions-title">
{% t shared.more_sessions %} {% t shared.more_sessions %}
</div> </div>
@ -37,4 +39,5 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
</div> </div>

15
Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_details.html.liquid
View File

@ -1,23 +1,22 @@
<div class="np-card-spacing-large"> <div class="np-training-session-info">
{% include "training_session_date" %}
<div class="np-training-session-time"> <div class="np-training-session-time">
<i class="fal fa-clock np-button-color np-training-session-icon"></i> <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> </div>
{% if training_session.location %} {% if training_session.approved? and training_session.location %}
<div class="np-training-session-location"> <div class="np-training-session-location">
<i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i> <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
{% comment %} {{ training_session.location }} {% endcomment %} {{ training_session.location }}
</div> </div>
{% endif %} {% endif %}
{% if training_session.session_url %} {% if training_session.approved? and training_session.session_url %}
<div class="np-training-session-location"> <div class="np-training-session-location">
{% comment %} <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i> <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" > <a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
{{ training_session.session_url }} {% endcomment %} {{ training_session.session_url }}
</a> </a>
</div> </div>
{% endif %} {% endif %}

2
Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_header.html.liquid
View File

@ -1,6 +1,6 @@
<div class="np-top-vocabulary np-text-title"> <div class="np-top-vocabulary np-text-title">
{% t shared.event_types, key: training_event.event_type %} {% t shared.event_types, key: training_event.event_type %}
<i class="fal fa-users-class np-button-color np-training-session-icon"></i> <i class="fal {{ training_event.event_type_icon }} np-button-color np-training-session-icon"></i>
</div> </div>
<div class="np-top-title"> <div class="np-top-title">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}"> <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">

21
Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_mobile_view.html.liquid
View File

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

6
Custom_Templates/customer_templates/HackerRank Sandbox/_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>

9
Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_tile.html.liquid
View File

@ -3,7 +3,13 @@
class="np-training-session-tile" class="np-training-session-tile"
href="{% route training_session, id: session.id %}" href="{% route training_session, id: session.id %}"
> >
<div class="np-training-session-tile-header">
<i class="far fa-calendar-star np-training-session-tile-icon"></i> <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>
<div class="np-training-session-tile-date"> <div class="np-training-session-tile-date">
{{ session.month }} {{ session.day }}, {{ session.year }} {{ session.month }} {{ session.day }}, {{ session.year }}
@ -12,6 +18,7 @@
{{ session.time_period }} {{ session.time_zone }} {{ session.time_period }} {{ session.time_zone }}
</div> </div>
</div> </div>
<i class="fas fa-chevron-right np-training-session-tile-chevron"></i> <i class="fas fa-arrow-right np-training-session-tile-chevron"></i>
</div>
</a> </a>
{% endif %} {% endif %}

1
Custom_Templates/customer_templates/HackerRank Sandbox/account.html.liquid
View File

@ -1,4 +1,5 @@
{% include "header" %} {% include "header" %}
{% include "account_tabs" %}
<main class="np-main np-subpage-container np-account"> <main class="np-main np-subpage-container np-account">
<div class="np-hidden-desktop"> <div class="np-hidden-desktop">

11
Custom_Templates/customer_templates/HackerRank Sandbox/auth_url_email.html.liquid
View File

@ -8,8 +8,7 @@
{% t shared.welcome_to_school, school_name: current_school.name %} {% t shared.welcome_to_school, school_name: current_school.name %}
</div> </div>
<div class="np-form-subheadline"> <div class="np-form-subheadline">
{% comment %} {% t .headline, key: current_school.course_vocabulary %} {% endcomment %} {% t .headline, key: current_school.course_vocabulary %}
To access the HackerRank Academy, simply enter your first name, last name, and work email address below.
</div> </div>
<div class="np-form-field"> <div class="np-form-field">
<label class="np-input-label" for="learner_first_name"> <label class="np-input-label" for="learner_first_name">
@ -38,7 +37,7 @@
</div> </div>
<div class="np-form-field"> <div class="np-form-field">
<label class="np-input-label" for="learner_email"> <label class="np-input-label" for="learner_email">
Work {% t shared.email_address %} {% t shared.email_address %}
</label> </label>
<input <input
class="np-input" class="np-input"
@ -58,9 +57,3 @@
</div> </div>
</div> </div>
</main> </main>
<script>
if (document.querySelector('.np-alert-wrapper > div').textContent.includes('You need to log in or sign up before continuing.')) {
document.querySelector('.np-alert').style.display = 'none';
}
</script>

193
Custom_Templates/customer_templates/HackerRank Sandbox/case-studies.html.liquid
View File

@ -1,193 +0,0 @@
{% 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>

53
Custom_Templates/customer_templates/HackerRank Sandbox/catalog.html.liquid
View File

@ -1,63 +1,14 @@
{% include "header" %} {% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width"> <main class="np-main np-catalog np-subpage-container np-max-width">
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
<div class="np-catalog-header-wrapper"> <div class="np-catalog-header-wrapper">
<div class="np-catalog-header"> <div class="np-catalog-header">
<div class="np-resource-title">{{ catalog.headline }}</div> <div class="np-resource-title">{{ catalog.headline }}</div>
<div class="np-resource-subtitle">{{ catalog.subheadline }}</div> <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
</div> </div>
{% capture label %}{% t shared.filters.by_category %}{% endcapture %} {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
{% if courses.in_catalog.any? %}
{%
include "filter_dropdown",
filters: courses.filters,
key: "category_uuid",
label: label
%}
{% endif %}
</div> </div>
{% include "courses_catalog" %} {% include "courses_catalog" %}
</main> </main>
{% include "footer" %} {% include "footer" %}
<script>
function clickDropdownMenu() {
const dropdownMenu = document.getElementsByClassName('dropdown-menu')[0]
const event = new MouseEvent('click', {
view: window,
bubbles: true,
cancelable: true
});
dropdownMenu.dispatchEvent(event);
console.log('clicked')
}
window.addEventListener('DOMContentLoaded', () => {
const choices = document.querySelectorAll('.choices__item.choices__item--choice.choices__item--selectable')
const targetNode = document.getElementsByClassName('choices__list')[2];
const config = { attributes: true, childList: true, subtree: true };
const callback = (mutationList, observer) => {
var updated_choices = document.querySelectorAll('.choices__item.choices__item--choice.choices__item--selectable')
for (const mutation of mutationList) {
Array.from(updated_choices).forEach((choice) => {
choice.addEventListener("mousedown", clickDropdownMenu);
})
}
};
const observer = new MutationObserver(callback);
Array.from(choices).forEach((choice) => {
choice.addEventListener("mousedown", clickDropdownMenu);
})
observer.observe(targetNode, config);
});
</script>

18
Custom_Templates/customer_templates/HackerRank Sandbox/course.html.liquid
View File

@ -1,18 +1,4 @@
{% include "header" %}
{% if course.enrolled? %}
<script>
window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}')
</script>
{% else %}
<script>
window.location.replace('{% route course_enrollment, code: course.enrollment_code %}')
</script>
{% endif %}
{% comment %} {% include "header" %}
<main class="np-main np-max-width np-page-container"> <main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile" id="course-desktop"> <div class="np-hidden-mobile" id="course-desktop">
{% include "course_desktop_view" %} {% include "course_desktop_view" %}
@ -21,4 +7,4 @@
{% include "course_mobile_view" %} {% include "course_mobile_view" %}
</div> </div>
</main> </main>
{% include "footer" %} {% endcomment %} {% include "footer" %}

31
Custom_Templates/customer_templates/HackerRank Sandbox/dashboard.html.liquid
View File

@ -1,19 +1,34 @@
{% include "header" %} {% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %} {% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-dashboard np-subpage-container np-max-width"> <main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center"> <div class="np-main np-catalog np-subpage-container np-max-width" style="padding-top:0px;">
<div class="col-xs-12 col-sm-8"> <h1> Continue learning </h1>
<h3 style="color:#486776; font-weight:normal; padding-bottom:50px;"> View all of the courses and learning paths that you've enrolled in </h3>
<div>
<div>
{% if features.learning_paths? %} {% if features.learning_paths? %}
<div class="np-dashboard-resources-title"> <div class="np-dashboard-resources-title">
{% t shared.learning_paths %} <h2> My learning paths </h2>
</div>
<div class="np-catalog-courses row row-with-thumbnails">
{% for learning_path in learning_paths.enrolled %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_learning_path" with learning_path %}
</div>
{% endfor %}
</div> </div>
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %} {% endif %}
<div class="np-dashboard-resources-title">
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
</div> </div>
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} <div class="np-dashboard-resources-title">
<h2> My courses </h2>
</div>
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.enrolled %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
</div> </div>
{% if features.training_events? %} {% if features.training_events? %}
<div class="np-grid-spacing col-xs-12 col-sm-4"> <div class="np-grid-spacing col-xs-12 col-sm-4">

53
Custom_Templates/customer_templates/HackerRank Sandbox/homepage.html.liquid
View File

@ -1,47 +1,38 @@
<main class="np-main np-homepage"style="margin-bottom: 0; background-image: url('{{ homepage.artwork_url }}');">
{% include "header" %} {% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %} <div class="np-homepage-hero" style="padding: 80px;">
<main class="np-main np-homepage">
<div class="np-homepage-hero">
<img class="np-homepage-hero-image"
src="{{ homepage.artwork_url }}"
alt="{{ homepage.headline }}"
/>
<div class="np-homepage-hero-content"> <div class="np-homepage-hero-content">
<div class="np-homepage-headline np-header-font-color"> <div class="np-homepage-headline" style="padding-top: 100px; font-color: #39424e;">
{{ homepage.headline }} {{ homepage.headline }}
</div> </div>
<div class="np-homepage-subheadline np-header-font-color"> <div class="np-homepage-subheadline" style="font-color: #39424e; margin-top: 50px;">
{{ homepage.subheadline }} {{ homepage.subheadline }}
</div> </div>
<a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
{% t .discover %}
</a>
</div> </div>
</div> </div>
{% include "sub_navigation" %} <div class="np-homepage-featured np-max-width" style="margin-top: 100px; margin-bottom: 50px;">
<div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-text"> <div class="np-homepage-featured-text">
<div class="np-homepage-headline">
{{ homepage.featured_courses_headline }}
</div> </div>
<div class="np-homepage-subheadline">
{{ homepage.featured_courses_subheadline }}
</div>
</div>
{% if learning_paths.available.any? %} {% if learning_paths.available.any? %}
<div class="np-learning-paths-resources"> <div class="np-homepage-featured-courses row">
{% for learning_path in learning_paths.available %} {% for learning_path in learning_paths.available limit: 3%}
{% if learning_path.name == 'HackerRank Screen (Self-Guided Learning Path)' or learning_path.name == 'HackerRank Interview (Self-Guided Learning Path)' %} <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_learning_path" with learning_path %} {% include "cards_learning_path" with learning_path %}
{% endif %} </div>
{% if learning_path.name == 'HackerRank Company Admin' %}
{% include "cards_learning_path" with learning_path %}
{% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% else %}
<div class="np-homepage-featured-empty">
<div class="np-zero-state-text">
{% t .empty, key: current_school.course_vocabulary %}
</div> </div>
<img
class="np-zero-state-courses"
alt="{% t .empty, key: current_school.course_vocabulary %}"
/>
</div>
{% endif %}
</div>
{% include "footer" %}
</main> </main>
{% include "footer" %}

17
Custom_Templates/customer_templates/HackerRank Sandbox/learning_paths.html.liquid
View File

@ -1,14 +1,15 @@
{% include "header" %} {% include "header" %}
{% include "sub_navigation" %} <main class="np-main np-catalog np-subpage-container np-max-width">
<main class="np-main np-learning-paths np-subpage-container np-max-width"> <div style="margin-bottom:100px">
<div class="np-learning-paths-main"> <h1> Learning Paths </h1>
<div class="np-resource-title"> <h3 style="color:#486776; font-weight:normal"> Review all of the learning paths on the HackerRank Academy</h3>
{% t shared.learning_paths %}
</div> </div>
<div class="np-resource-subtitle"> <div class="np-catalog-courses row row-with-thumbnails">
{% t .subtitle %} {% for learning_path in learning_paths.available %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_learning_path" with learning_path %}
</div> </div>
{% include "learning_paths_index", items: learning_paths.available %} {% endfor %}
</div> </div>
</main> </main>
{% include "footer" %} {% include "footer" %}

193
Custom_Templates/customer_templates/HackerRank Sandbox/new-product-releases.html.liquid
View File

@ -1,193 +0,0 @@
{% 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.id == '37ebf83e-69fb-4b12-ae98-e1be1ecd3342' %}
<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>

4
Custom_Templates/customer_templates/HackerRank Sandbox/training_events.html.liquid
View File

@ -4,10 +4,10 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-10"> <div class="col-xs-12 col-sm-10">
<div class="np-resource-title"> <div class="np-resource-title">
Live Training Webinars {% t .title %}
</div> </div>
<div class="np-resource-subtitle"> <div class="np-resource-subtitle">
View and register for upcoming online webinars {% t .subtitle %}
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-2"> <div class="col-xs-12 col-sm-2">

2
Custom_Templates/customer_templates/HackerRank Sandbox/training_session_attendance.html.liquid
View File

@ -2,7 +2,7 @@
<main class="np-main np-cta-page np-max-width np-subpage-container"> <main class="np-main np-cta-page np-max-width np-subpage-container">
<div class="np-card-container np-card-padding-xlarge"> <div class="np-card-container np-card-padding-xlarge">
{% if token %} {% if token %}
<i class="np-cta-page-icon fal fa-users-class"></i> <i class="np-cta-page-icon fal {{ training_event.event_type_icon }}"></i>
<div class="np-form-headline"> <div class="np-form-headline">
{{ training_session.title }} {{ training_session.title }}
</div> </div>

8
Custom_Templates/customer_templates/HackerRank Sandbox/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" %}

BIN
Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store vendored Normal file
View File

Binary file not shown.

7
Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid
View File

@ -38,7 +38,12 @@
{% t shared.view %} {% t shared.view %}
</a> </a>
{% else %} {% else %}
<a class="button-course" {% if course.properties.skip_course_page == true and course.enrolled? == true %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}> <a class="button-course"
{% if course.properties.skip_course_page == true and course.enrolled? == true %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}
href="{{ course_path }}"
{% endif %}>
{% t shared.view %} {% t shared.view %}
</a> </a>
{% endif %} {% endif %}

1
Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid
View File

@ -11,6 +11,7 @@
{% for course in courses.in_catalog %} {% for course in courses.in_catalog %}
{% for category in course.categories %} {% for category in course.categories %}
{% if available_categories contains category.name %} {% if available_categories contains category.name %}
<script> console.log("{{ course.name }} + {{ category.name }}")</script>
{% unless uniq_cats contains category.name %} {% unless uniq_cats contains category.name %}
<a class="category-card" id="{{category.name}}" href="/app/catalog?filter[category_uuid][in][]={{category.id}}&search_terms="> <a class="category-card" id="{{category.name}}" href="/app/catalog?filter[category_uuid][in][]={{category.id}}&search_terms=">
<img class="category-card-image" src="" alt=""> <img class="category-card-image" src="" alt="">

31
Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_catalog.html.liquid
View File

@ -6,20 +6,45 @@
{% for category in course.categories %} {% for category in course.categories %}
{% unless category.name == 'Blog' %} {% unless category.name == 'Blog' %}
{% unless uniq_courses contains course.name %} {% unless uniq_courses contains course.name %}
<script> console.log("{{ uniq_courses }}")</script>
{% if us_user_grow %}
{% if category.name == 'Grow With Walmart' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container"> <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
{% include "cards_course" with course %} {% include "cards_course" with course %}
</div> </div>
{% assign uniq_courses = uniq_courses | append: course.name %} {% endif %}
{% elsif us_user_supplier %}
{% if category.name == 'Supplier Academy' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
{% include "cards_course" with course %}
</div>
{% endif %}
{% elsif india_user %}
{% if category.name == 'Walmart Vriddhi' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
{% include "cards_course" with course %}
</div>
{% endif %}
{% elsif mexico_user %}
{% if category.name == 'Crece con Walmart' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endif %}
{% comment %} {% assign uniq_courses = uniq_courses | append: course.name %} {% endcomment %}
{% endunless %} {% endunless %}
{% endunless %} {% endunless %}
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}
</div> </div>
{% else %}
{% if us_user_grow == false and us_user_supplier == false and india_user == false and mexico_user == false %}
{% capture message %} {% capture message %}
{% t shared.zero_state.courses.catalog, {% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary key: current_school.course_vocabulary
%} %}
{% endcapture %} {% endcapture %}
{% include "courses_zero_state", message: message %} {% include "grow-with-walmart-zero-state", message: message %}
{% endif %}
{% endif %} {% endif %}

9
Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid
View File

@ -1,5 +1,6 @@
<div class="welcome-section-container"> <div class="welcome-section-container">
<div class="welcome-section-wrapper"> <div class="welcome-section-wrapper">
<div class="welcome-content-wrapper">
<div class="introduction"> <div class="introduction">
No matter where you are in your journey, Supplier Academy is your source for No matter where you are in your journey, Supplier Academy is your source for
everything you need to build a strong, lasting relationship with Walmart. everything you need to build a strong, lasting relationship with Walmart.
@ -21,6 +22,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</div>
<div class="video-container"> <div class="video-container">
<video width='600px' height="400px" controls autoplay muted> <video width='600px' height="400px" controls autoplay muted>
<source src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/video/supplier_academy_2.0_launch_v5+(360p).mp4"> <source src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/video/supplier_academy_2.0_launch_v5+(360p).mp4">
@ -40,12 +42,19 @@
background: #041e42; background: #041e42;
padding: 20px; padding: 20px;
border-radius: 10px; border-radius: 10px;
display: flex;
align-items: center;
} }
.get-started { .get-started {
margin-top: 40px; margin-top: 40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%;
}
.get-started-content-wrapper {
display: flex;
margin-top: 20px;
} }
.introduction { .introduction {
color: #fff; color: #fff;