Testing a push

This commit is contained in:
Norm Rasmussen
2023-01-24 15:30:29 -05:00
parent 738813e48c
commit 8ce2cad6d6
41 changed files with 1109 additions and 113 deletions

Binary file not shown.

View File

@ -14,18 +14,11 @@
{% include "sub_navigation" %}
<main class="np-main np-training-events np-subpage-container np-max-width">
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="np-resource-title">
{% t .title %}
</div>
<div class="np-resource-subtitle">
{% t .subtitle %}
</div>
</div>
<div class="col-xs-12 col-sm-2">
{% include "training_events_filter" %}
</div>
</div>
{% include "training_events_index" %}
<iframe
style="border:none;"
width="100%" height="1000"
src="https://calendar.google.com/calendar/u/0/embed?src=pmtpcalendar@gmail.com&ctz=America/New_York"
title="Wild Health Public Calendar">
</iframe>
</main>
{% include "footer" %}

View File

@ -0,0 +1,26 @@
{% styles default %}
{% styles colors %}
{% styles custom %}
<script>
(function(apiKey){
(function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=o._q||[];
v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){
o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]);
y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js';
z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo');
})('a59ee367-b60f-4801-7452-0331dce168e1');
// Call this whenever information about your visitors becomes available
// Please use Strings, Numbers, or Bools for value types.
{% if current_person.signed_in? %}
pendo.initialize({
visitor: {
id: '{{current_person.id}}',
email: '{{current_person.email}}',
first_name: '{{current_person.first_name}}',
last_name: '{{current_person.last_name}}',
}
});
{% endif %}
</script>

View File

@ -0,0 +1,181 @@
<header class="np-header np-header-color">
<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 %}">
<img
alt="{{ current_school.name }}"
class="np-header-logo-image"
src="{{ current_school.logo_url }}"
/>
</a>
</h1>
{% else %}
<a href="{% route home %}" class="np-school-name np-header-font-color">
{{ current_school.name }}
</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>
<nav class="np-header-avatar-tooltip-navigation">
{% unless current_school.sso_active? %}
<a
class="np-header-avatar-tooltip-navigation-link"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-avatar-tooltip-navigation-link np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</nav>
</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 %}
</div>
{% endif %}
</div>
</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" %}

View File

@ -0,0 +1,47 @@
<header class="np-box-header np-header-color">
<a class="np-box-header-link" href="{% route home %}">
{% if current_school.logo_url %}
<img
alt="{{ current_school.name }}"
src="{{ current_school.logo_url }}"
class="np-box-header-logo"
/>
{% else %}
<span class="np-school-name np-header-font-color">
{{ current_school.name }}
</span>
{% endif %}
</a>
</header>
{% include "messages" %}
<script>
setTimeout(function(){
if (window.location.pathname == "/auth/auth_url_email/login") {
document.getElementsByClassName("np-input-label")[2].innerHTML = "Work Email Address";
if (document.getElementsByClassName("np-alert-wrapper").length != 0) {
document.getElementsByClassName("np-alert-wrapper")[0].innerHTML = "Please complete the following information to access Artera";
}
};
}, 500);
</script>
<script>
(function(apiKey){
(function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=o._q||[];
v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){
o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]);
y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js';
z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo');
{% if current_person.signed_in? %}
pendo.initialize({
visitor: {
email: current_person.email,
firstName: current_person.first_name,
lastName: current_person.last_name,
}
});
{% endif %}
})('a59ee367-b60f-4801-7452-0331dce168e1');
</script>

View File

@ -0,0 +1,72 @@
<script src="https://fast.wistia.net/assets/external/E-v1.js" async></script>
{%comment%} <script src="//fast.wistia.com/embed/medias/s3lqfi0zn7.jsonp" async></script>
<script src="//fast.wistia.com/assets/external/E-v1.js" async></script>{%endcomment%}
<main class="np-box-container np-open-access">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
{% form_authenticity_token %}
<div class="np-form-headline">
{% t shared.welcome_to_school, school_name: current_school.name %}
</div>
<div class="np-form-subheadline">
Check out the video below for a quick tour of Artera Academy.<br>Then, enter your first name, last name, and your work email address below to get started.
</div>
{%comment%}<div class="intro-video wistia_embed videoFoam=true playbar=false volumeControl=false smallPlayButton=false settingsControl=false autoPlay=true wistia_async_fl9lthnnox" style="width: 100%; height: auto; margin-bottom: 20px;">&nbsp;</div>{%endcomment%}
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
<div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
<iframe src="https://fast.wistia.net/embed/iframe/fl9lthnnox?seo=false&videoFoam=true" title="LearnWELL Intro Video" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" msallowfullscreen width="100%" height="100%"></iframe>
</div>
</div>
<br>
<div class="np-form-field">
<label class="np-input-label" for="learner_first_name">
{% t shared.first_name %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="text"
name="first_name"
id="learner_first_name"
value="{{ form.first_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_last_name">
{% t shared.last_name %}
</label>
<input
class="np-input"
type="text"
name="last_name"
id="learner_last_name"
value="{{ form.last_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
class="np-input"
type="text"
name="email"
id="learner_email"
value="{{ form.email }}"
/>
</div>
<input
type="submit"
name="commit"
value="{% t shared.enter %}"
class="np-button np-button-big np-form-action"
/>
</form>
</div>
</div>
</main>

View File

@ -21,9 +21,9 @@
<div class="np-card-content-subtitle">
{{ course.short_description }}
</div>
<div class="np-card-content-lessons">
<a class="np-card-content-lessons" href="{{course_path}}#course-overview">
{{ activities_count }} {% if activities_count == 1 %}Lesson{% else %}Lessons{% endif %}
</div>
</a>
</div>
</div>
</div>
@ -65,6 +65,7 @@
font-size: 16px;
margin-top: 20px;
line-height: 22px;
text-decoration: none;
}

View File

@ -0,0 +1,4 @@
<i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i>
<span class="np-course-outline-content-activity-title">
{{ activity.title }}
</span>

View File

@ -0,0 +1,15 @@
{% if course.enrolled? %}
<a
href="{% route activity_viewer,
id: activity.id,
course_id: params.course_id,
learning_path_id: params.learning_path_id
%}" class="{{ class }}"
>
{{ activity.title }}
</a>
{% else%}
<span class="{{ class }}">
{{ activity.title }}
</span>
{% endif %}

View File

@ -1,4 +1,8 @@
<div class="np-card-container">
<a href="{% route dashboard %}" class="np-back-button back-to-courses-btn" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-hidden-mobile np-icon-back back-arrow"></i>
Back to My Courses
</a>
<div class='np-course-header'>
<img
src="{{ course.image_url }}"
@ -19,7 +23,7 @@
</div>
<div class='np-course-bottom'>
<div class='np-course-bottom-left'>
<div class='np-course-bottom-left-title'>
<div class='np-course-bottom-left-title' id='course-overview'>
Curriculum
</div>
<div class='np-course-bottom-left-outline'>
@ -28,9 +32,16 @@
{{ section.name }}
</div>
{% for activity in section.activities %}
<div class='np-course-bottom-left-outline-activity'>
{{ activity.title }}
{% if activity.locked? %}
<div>
{% include "course_activity_locked" %}
</div>
{% else %}
<div class="course-links">
{% include "course_activity_unlocked", class: "np-course-bottom-left-outline-activity" %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
@ -114,6 +125,9 @@
font-size: 18px;
line-height: 28.8px;
font-weight: 400;
color: black;
opacity: 0.7;
text-decoration: none;
}
.np-course-bottom-right {
margin-left: 50px;
@ -156,4 +170,20 @@
margin-left: 110px;
}
}
.np-icon-back {
color:black;
}
.back-to-courses-btn {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: 500;
color: black;
}
.back-arrow {
font-size: 0.8rem;
margin-right: 5px;
font-weight: 500;
}
</style>

View File

@ -0,0 +1,40 @@
<div class="np-course-outline">
<div class="np-text-title np-course-outline-title">
{% t .header, key: current_school.course_vocabulary %}
</div>
<div class="np-course-outline-content">
<ol class="np-course-outline-content-section">
{% for section in course.sections %}
<li class="np-course-outline-content-section-list">
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
{{ section.name }}
</div>
<ol class="np-course-outline-content-activity">
{% for activity in section.activities %}
<li class="np-course-outline-content-activity-list">
{% if activity.completed? %}
<i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
{% if activity.locked? %}
{% include "course_activity_locked" %}
{% else %}
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
{% endif %}
<div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
{% else %}
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
{% if activity.locked? %}
{% include "course_activity_locked" %}
{% else %}
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
{% endif %}
<div class="np-course-outline-content-activity-list-bar"></div>
{% endif %}
</li>
{% endfor %}
</ol>
</li>
{% endfor %}
</ol>
</div>
</div>

View File

@ -1,5 +1,6 @@
{% comment %} {% include "header" %} {% endcomment %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-homepage">
<div class="np-homepage-hero">
<img class="np-homepage-hero-image"
@ -15,7 +16,9 @@
{{ homepage.subheadline }}
</div>
</div>
</div>
{% include "sub_navigation" %}
{% include 'courses_catalog' %}
</main>
{% comment %} {% include "footer" %} {% endcomment %}

View File

@ -0,0 +1,48 @@
<footer class="uk-padding-large-vertical uk-border-top">
<div class="uk-container uk-container-center">
<div class="uk-grid uk-padding-large-left uk-padding-large-right">
<div class="uk-width-small-1-1 uk-width-medium-7-10 uk-margin-bottom">
{% if website_footer.show_navigation_links? %}
<nav>
<ul class="uk-margin-bottom-remove uk-text-center-small">
{% for website_navigation in footer_navigations %}
<li>
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
{% if website_footer.show_customer_service_email? and website_footer.school_customer_service_email %}
<p class="uk-text-center-small">
<p id="anchor-contact"> NOTE: If you are having trouble logging in make sure to check your email and follow the prompts to activate your account. <br> If you still have trouble contact us at <a href="mailto:{{ website_footer.school_customer_service_email }}">
{{ website_footer.school_customer_service_email }}
</a>
<!-- {% t .need_help %}
{% t .email %} -->
<!-- <a href="mailto:{{ website_footer.school_customer_service_email }}">
{{ website_footer.school_customer_service_email }}
</a> -->
</p>
{% endif %}
</div>
<div class="{% if website_footer.show_customer_service_email? or website_footer.show_navigation_links? %}uk-width-medium-3-10{% else %}uk-width-medium-1-1{% endif %}">
{% if website_footer.show_social_media_links? %}
<nav class="social-links">
<ul class="uk-margin-bottom-remove {% if website_footer.show_customer_service_email? or website_footer.show_navigation_links? %}uk-text-right {% else %}uk-text-center {% endif %} uk-text-center-small">
{% for social_media_link in website_footer.social_media_links %}
<li>
<a href="{{ social_media_link.link }}" class="{{ social_media_link.name }}" target="_blank" title="{{ social_media_link.name }}">
<i class="uk-icon-{{ social_media_link.name }}"></i>
</a>
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
</div>
</div>
</div>
</footer>

View File

@ -0,0 +1,106 @@
<header class="school-website-header uk-z-4">
<div class="uk-padding-horizontal uk-container uk-container-center">
<nav class="uk-navbar" data-behavior="dropdown">
<a href="{{ current_school.logo_navigation_url }}" class="uk-brand">
{% if current_school.logo_url %}
<img src="{{ current_school.logo_url }}" alt="{{ current_school.name }}">
{% else %}
<span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
{% endif %}
</a>
<div class="uk-navbar-flip">
<ul class="uk-navbar-nav uk-hidden-small">
{% for website_navigation in header_navigations %}
<li>
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
<li>
<a href="#anchor-my-resources">
My Resources
</a>
</li>
{% search %}
<li class="uk-padding-top">
{% include "search_form" with "" %}
</li>
{% endsearch %}
{% catalog_search %}
<li class="uk-padding-top">
{% include "catalog_search_form" with "" %}
</li>
{% endcatalog_search %}
{% if current_person.signed_in? %}
<li class="uk-parent" data-uk-dropdown="{mode:'click'}">
<a href="#" class="learner-name">{{ current_person.name }}</a>
<div class="uk-dropdown uk-dropdown-flip uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li><a href="{{ routes.my_content_path }}">{{ current_school.my_content_label }}</a></li>
<li class="uk-nav-divider"></li>
<li><a href="{{ routes.log_out_path }}" data-method="delete" rel="nofollow">{% t .log_out %}</a></li>
</ul>
</div>
</li>
{% else %}
<li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
{% endif %}
</ul>
<div class="uk-visible-small">
{% search %}
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
</button>
{% endsearch %}
{% catalog_search %}
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
</button>
{% endcatalog_search %}
<a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
</div>
</div>
</nav>
</div>
</header>
{% search %}
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
{% include "search_form" with "" %}
<a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">{% t .cancel %}</a>
</div>
{% endsearch %}
{% catalog_search %}
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
{% include "catalog_search_form" with "" %}
<a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
</div>
{% endcatalog_search %}
<div id="mobile-nav" class="uk-offcanvas">
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
<ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
{% for website_navigation in header_navigations %}
<li>
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
{% if current_person.signed_in? %}
<li><a href="{{ routes.my_content_path }}">{{ current_school.my_content_label }}</a></li>
<li><a href="{{ routes.my_profile_path }}">{% t .my_profile %}</a></li>
<li class="uk-nav-divider"></li>
<li><a href="{{ routes.log_out_path }}" data-method="delete" rel="nofollow">{% t .log_out %}</a></li>
{% else %}
<li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
{% endif %}
</ul>
</div>
</div>

View File

@ -0,0 +1,4 @@
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
<h2 id="anchor-my-resources">{{ my_content.headline }}</h2>
<h3 class="uk-margin-top-remove">{{ my_content.subheadline }}</h3>
</div>

View File

@ -0,0 +1,34 @@
<div class="uk-container uk-container-center school-website-course-index-list uk-margin-top uk-margin-bottom">
<div class="uk-padding-horizontal">
{% if current_school.apps.instructor_led_training.active? %}
{% if current_person.upcoming_registered_events.any? %}
{% include "events" %}
{% else %}
{% include "events_empty" %}
{% endif %}
{% endif %}
{% if my_content.learning_paths? %}
{% include "my_paths" %}
{% endif %}
{% include "my_content_header" with "" %}
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
<!-- {% include "filters" with "" %}
{% if current_school.filtering_enabled? and current_person.filterable_categories.count > 0 %}
<div class="uk-width-medium-5-6 uk-padding">
{% else %}
<div class="uk-width-1-1 uk-padding">
{% endif %} -->
<div class="uk-width-1-1 uk-padding">
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match" data-uk-grid-match="{target:'.uk-panel'}">
{% for course in my_content.courses %}
{% if course.course_category_names == "Resource" %}
{% include "course" %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>

View File

@ -86,7 +86,7 @@
.np-header-logo-image {
display: block;
margin: auto;
height: 80px;
height: 120px;
}
@media screen and (min-width: 768px){

View File

@ -59,7 +59,6 @@
</div>
</div>
</main>
{% comment %}
<script>
// document.getElementById("header").scrollIntoView();
@ -71,18 +70,24 @@
// Grabs Email Address Value
const learnerEmail = $("#learner_email")[0].value;
const blockedEmails = [
"gmail.com", "yahoo.com", "hotmail.com", "aol.com", "outlook.com",
"icloud.com", "me.com", "mac.com"
]
if ($("#learner_email")[0].value.length > 0){
if(regexExp.test(learnerEmail) == true){
if ($("#learner_email")[0].value.includes('@scenariocloud.com')){
$("#learner_email").css("background", "#f2f4f5");
$("#bad_email_alert").css("display", "none");
$("#submit_button").css("pointer-events", "auto");
var slicedEmail = learnerEmail.split('@');
if (blockedEmails.indexOf(slicedEmail[1]) > -1) {
$("#learner_email").css("background", "salmon");
$("#bad_email_alert").css("color", "#f2f4f5");
$("#bad_email_alert").css("display", "block");
$("#submit_button").css("pointer-events","none");
}
else {
$("#learner_email").css("background", "salmon");
$("#bad_email_alert").css("color", "#f2f4f5");
$("#bad_email_alert").css("display", "block");
$("#submit_button").css("pointer-events","none");
$("#learner_email").css("background", "#f2f4f5");
$("#bad_email_alert").css("display", "none");
$("#submit_button").css("pointer-events", "auto");
}
} else {
$("#learner_email").css("background", "#f2f4f5");
@ -95,7 +100,6 @@
document.addEventListener('keyup', checkIfInputsExist);
console.log(123213213);
</script>
{% endcomment %}
<style>
.np-input-label{
color: #ffffff;

View File

@ -0,0 +1,40 @@
function checkIfInputsExist (){
window.setTimeout(function(){
// Regular expression to check if string is email
const regexExp = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
// Grabs Email Address Value
const learnerEmail = $("#learner_email")[0].value;
// List of Emails to Block
const blockedEmails = [
"gmail.com", "yahoo.com", "hotmail.com", "aol.com", "outlook.com",
"icloud.com", "me.com", "mac.com"
]
if ($("#learner_email")[0].value.length > 0){
if(regexExp.test(learnerEmail) == true){
var slicedEmail = learnerEmail.split('@');
if (blockedEmails.indexOf(slicedEmail[1]) > -1) {
$("#learner_email").css("background", "salmon");
$("#bad_email_alert").css("color", "#f2f4f5");
$("#bad_email_alert").css("display", "block");
$("#submit_button").css("pointer-events","none");
}
else {
$("#learner_email").css("background", "#f2f4f5");
$("#bad_email_alert").css("display", "none");
$("#submit_button").css("pointer-events", "auto");
}
} else {
$("#learner_email").css("background", "#f2f4f5");
$("#bad_email_alert").css("display", "none");
$("#submit_button").css("pointer-events", "auto");
}
}
}, 500);
}
document.addEventListener('keyup', checkIfInputsExist);
console.log(123213213);

View File

@ -0,0 +1,101 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
{% assign module_1 = "cfcfa17a-968f-43d8-9371-cae4daa4cb14" %}
{% assign module_2 = "a559a221-b42c-4d90-941f-b3a562ede3ea" %}
{% assign module_2_extra = "a1713ad1-1aeb-4114-90a7-5bf9b58ac49d" %}
{% assign module_3 = "8ac19e6e-743d-419c-a39c-58555a22be3b" %}
{% assign module_4 = "2d3cfb6f-9f50-45f6-86e1-538e7d1ddc3f" %}
{% assign module_5 = "8f369e9f-a3de-4c85-b296-1afcd533dd0a" %}
{% assign module_6 = "09f16e0d-487d-4b81-b683-38fd21b58949" %}
{% assign module_7 = "86ea3b94-777f-4501-930d-fbafa4d058c7" %}
{% assign module_8 = "6e36f89d-49c9-4a9f-85e3-08fb348479e9" %}
{% assign module_9 = "3cba00e2-7889-40f8-bc7a-78c4e89a4ba0" %}
{% assign module_10 = "7e5e1036-719d-4c59-b760-b627d2636ee1" %}
{% assign module_11 = "cb089bcf-4e1d-449e-b727-c3ac27f9add8" %}
{% assign module_12 = "9b5fb4ee-dfea-423a-99ec-8163f0cead29" %}
{% assign rolling_admission_group_id = "c96bed5b-0580-472c-ac7d-77f4e7a3de97" %}
{% assign course_release_hour = 14 %}
{% if courses.enrolled.any? %}
<div class="row row-with-thumbnails">
{% for course in courses.enrolled %}
{% if course.id == module_1 %}
<div class="{{ class }} fellowship-course module-1">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_2 %}
<div class="{{ class }} fellowship-course module-2">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_2_extra %}
<div class="{{ class }} fellowship-course module-2-extra">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_3 %}
<div class="{{ class }} fellowship-course module-3">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_4 %}
<div class="{{ class }} fellowship-course module-4">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_5 %}
<div class="{{ class }} fellowship-course module-5">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_6 %}
<div class="{{ class }} fellowship-course module-6">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_7 %}
<div class="{{ class }} fellowship-course module-7">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_8 %}
<div class="{{ class }} fellowship-course module-8">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_9 %}
<div class="{{ class }} fellowship-course module-9">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_10 %}
<div class="{{ class }} fellowship-course module-10">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_11 %}
<div class="{{ class }} fellowship-course module-11">
{% include "cards_course" with course %}
</div>
{% elsif course.id == module_12 %}
<div class="{{ class }} fellowship-course module-12">
{% include "cards_course" with course %}
</div>
{% else %}
<div class="{{ class }}">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% for group in current_person.groups %}
{% if group.id == rolling_admission_group_id %}
{% assign enrollment_date = group.enrolled_at %}
{% include "rolling_admission_schedule" %}
{% endif %}
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}

View File

@ -0,0 +1,41 @@
{% if learning_path.enrolled? %}
<div class="np-top-cta-progress-content">
<div class="np-top-cta-progress-title np-text-title">
{% t .progress %}
</div>
<div class="np-progress-bar-container">
<div
style="width: {{ learning_path.progress }}%"
class="np-button-background-color np-card-progress-bar">
</div>
</div>
<div class="np-top-cta-progress-text
{% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
">
{% t shared.progress, count: learning_path.progress %}
</div>
</div>
{% endif %}
{%comment%}<a
class="np-top-button np-button-font-color np-button np-button-big"
{% if learning_path.enrolled? %}
{% if learning_path.current_item.course? %}
href="{% route learning_path_course, id: learning_path.current_item.id, learning_path_id: learning_path.id %}"
{% elsif learning_path.current_item.training_event? %}
href="{% route training_session, id: learning_path.current_item.id %}"
{% endif %}
{% else %}
href="{% route learning_path_enrollment, code: learning_path.enrollment_code %}"
{% endif %}
>
{% if learning_path.enrolled? == false %}
{% t shared.enroll %}
{% elsif learning_path.started? == false %}
{% t shared.learning_path.start %}
{% elsif learning_path.completed? %}
{% t shared.learning_path.view %}
{% else %}
{% t shared.continue %}
{% endif %}
</a>{%endcomment%}

View File

@ -0,0 +1,34 @@
<script>
$(document).ready(function () {
let selfGuidedCourseReleaseHour = Number({{ course_release_hour }})
$(".fellowship-course").css("display", "none")
let enrollment_date = new Date(Number('{{ enrollment_date | date: "%s" }}') * 1000).setHours(selfGuidedCourseReleaseHour, 00, 00)
console.log("Enrollment date with 9am EST start time", new Date(enrollment_date))
const now = new Date();
$(".fellowship-course").each(function (i) {
let courseModule = i + 1;
$(`.fellowship-course.module-1`).css("display", "block");
if (courseModule > 1) {
let daysDifference = ((30 * i) * 24 * 60 * 60 * 1000);
let timeDiff = now.getTime() - new Date(enrollment_date).getTime();
if (timeDiff >= daysDifference) {
console.log(`Releasing selfGuided module ${courseModule}`)
$(`.fellowship-course.module-${courseModule}`).css("display", "block")
if (courseModule >= 2) {
$(`.fellowship-course.module-2-extra`).css("display", "block")
}
}
}
})
});
</script>

View File

@ -0,0 +1,18 @@
<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
{% for link in navigations.sub_navigation %}
{% if link.label == 'Learning Paths' %}
{% if learning_paths.enrolled.size == 0 %}
{% continue %}
{% endif %}
{% endif %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<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>
{{ link.label }}
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
{% endfor %}
</div>
</nav>

View File

@ -0,0 +1,30 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center">
<div class="col-xs-12 col-sm-8">
{% if features.learning_paths? %}
{% if learning_paths.enrolled.size > 0%}
<div class="np-dashboard-resources-title">
{% t shared.learning_paths %}
</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>
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
</div>
{% if features.training_events? %}
<div class="np-grid-spacing col-xs-12 col-sm-4">
<div class="np-dashboard-resources-title">
{% t .upcoming_events %}
</div>
{% include "training_events_dashboard" %}
</div>
{% endif %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,12 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-training-events np-subpage-container np-max-width">
<div class="row">
<iframe
style="border:none;"
width="100%" height="1000"
src="https://calendar.google.com/calendar/u/0/embed?src=pmtpcalendar@gmail.com&ctz=America/New_York"
title="Wild Health Public Calendar">
</iframe>
</main>
{% include "footer" %}