WildHealth Templates
This commit is contained in:
Norm Rasmussen
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -0,0 +1,70 @@
|
||||
<div class="np-card np-no-horizontal-padding">
|
||||
<div class="np-card-container">
|
||||
<div class="np-learning-path">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
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">
|
||||
<h3 class="np-card-content-title" style="font-family: 'Poppins', sans-serif; font-weight: 600">
|
||||
{{ learning_path.name }}
|
||||
</h3>
|
||||
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ learning_path.instructor_names }}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-description">
|
||||
{{ learning_path.description }}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-progress
|
||||
np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-hidden-desktop np-card-content-progress
|
||||
np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
<a class="np-button" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</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 class="np-card-stack">
|
||||
<div class="np-card-stack-level-1"></div>
|
||||
<div class="np-card-stack-level-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,6 @@
|
||||
<h3 class="np-card-heading" style="font-family: 'Poppins', sans-serif; font-weight: 600;">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
@ -0,0 +1,39 @@
|
||||
<div class="np-card-container">
|
||||
<div class="np-resource-header np-course-header np-card-padding-large">
|
||||
{% include "course_header" %}
|
||||
</div>
|
||||
<div class="np-divider"></div>
|
||||
<div class="row np-course-content np-card-padding-dynamic">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-top-image-spacing"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
{% include "course_description" %}
|
||||
|
||||
{% if course.categories.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-6">
|
||||
<div class="np-top-cta">
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,36 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-flex-column">
|
||||
{% for event in course.events %}
|
||||
<div class="np-course-events-content-item">
|
||||
<div class="np-course-events-content-date np-button-background-color">
|
||||
<div class="np-course-events-content-month">
|
||||
{{ event.sessions.first.abbreviated_month }}
|
||||
</div>
|
||||
<div class="np-course-events-content-day">
|
||||
{{ event.sessions.first.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-course-events-content-details">
|
||||
<div class="np-course-events-content-name">
|
||||
{{ event.title }}
|
||||
</div>
|
||||
<div class="np-course-events-content-type np-text-light">
|
||||
{% t shared.event_types, key: event.event_type %}
|
||||
</div>
|
||||
<div class="np-course-events-content-time np-button-color">
|
||||
{{ event.sessions.first.time_period }} {{ event.sessions.first.time_zone }}
|
||||
</div>
|
||||
<div style="padding-left: 200px; margin-top: -20px;">
|
||||
<a
|
||||
class="np-button np-button-wide"
|
||||
href="https://wildhealthacademy.northpass.com/app/training_sessions/{{ event.sessions.first.id }}"
|
||||
>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<div class="np-top-vocabulary np-text-title np-text-muted">
|
||||
{{ current_school.course_vocabulary }}
|
||||
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
|
||||
</i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
|
||||
</a>
|
||||
<p id="course-name">{{ course.name }}</p>
|
||||
</div>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-hidden-desktop"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
<style>
|
||||
#course-name {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,34 @@
|
||||
<div class="np-card-container np-card-padding-large">
|
||||
{% include "course_header" %}
|
||||
<div class="np-top-cta">
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if course.progress == 0 %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.categories.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,40 @@
|
||||
<div class="np-course-outline">
|
||||
<div class="np-text-title np-course-outline-title" style="font-family: 'Poppins', sans-serif; font-weight: 500">
|
||||
{% 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" style="font-family: 'Poppins', sans-serif; font-weight: 600">
|
||||
{{ section.name }}
|
||||
</div>
|
||||
<ol class="np-course-outline-content-activity" style="font-family: 'Poppins', sans-serif; font-weight: 500">
|
||||
{% 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>
|
||||
@ -0,0 +1,46 @@
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title" style="font-family: 'Poppins', sans-serif; font-weight: 600">
|
||||
{% t .header %}
|
||||
</div>
|
||||
<div class="np-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ course.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-top-cta-progress-text
|
||||
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
" style="font-family: 'Poppins', sans-serif; font-weight: 600">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if course.learner_can_retake? %}
|
||||
<form action="{% route course_retake, id: course.id %}" method="POST">
|
||||
{% form_authenticity_token %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .retake, key: current_school.course_vocabulary %}
|
||||
</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
{% if course.enrolled? %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif course.started? == false %}
|
||||
{% t shared.course.start, key: current_school.course_vocabulary %}
|
||||
{% elsif course.completed? %}
|
||||
{% t shared.course.view, key: current_school.course_vocabulary %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
@ -0,0 +1,112 @@
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
|
||||
{% assign module_1 = "b6a25df2-c173-4824-89ad-c867ceed3218" %}
|
||||
{% assign module_2 = "3099b371-53d4-4969-a97c-3d86d09e445e" %}
|
||||
{% assign module_2_extra = "e540e0b6-793d-44f8-8635-02db1ae81ef8" %}
|
||||
{% assign module_3 = "bce4b7c9-4fdf-46fc-b641-85bddb18060f" %}
|
||||
{% assign module_4 = "c9301769-2db1-4324-89e3-249ed57c4e14" %}
|
||||
{% assign module_5 = "12a10ead-9360-4546-85e3-98d92dfad4eb" %}
|
||||
{% assign module_6 = "53828f84-2a22-43d1-b5e4-b4778576e578" %}
|
||||
{% assign module_7 = "657d2693-2fb2-40b7-b413-c5dfc03eda6c" %}
|
||||
{% assign module_8 = "63db738f-3971-40cc-9189-51967ad0a789" %}
|
||||
{% assign module_9 = "36d1df1d-5515-4750-addd-0ce6ad671cf8" %}
|
||||
{% assign module_10 = "6c670f03-7b9b-4ff1-b9f5-024911524421" %}
|
||||
{% assign module_11 = "5a0478b8-81ba-4e08-9822-3ff9172eb777" %}
|
||||
{% assign module_12 = "3e29c707-b4fc-4f92-b585-28a10a8d6411" %}
|
||||
{% assign module_evaluation = "fee66176-9c39-4274-a00d-7945e90a9c65" %}
|
||||
|
||||
{% assign fellowship_group_id = "f9421853-6e4c-46bb-b0f6-f45cd20b96af" %}
|
||||
{% assign selfguided_group_id = "d936bdc2-7dc6-4c99-9af0-960f4c2cb25d" %}
|
||||
{% assign rolling_admission_group_id = "8f987357-1bd4-4ce7-bf50-7c47986597ad" %}
|
||||
|
||||
{% 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>
|
||||
{% elsif course.id == module_evaluation %}
|
||||
<div class="{{ class }} fellowship-course module-evaluation">
|
||||
{% 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 == selfguided_group_id %}
|
||||
{% assign self_guided_enrollment_date = group.enrolled_at %}
|
||||
{% include "self_guided_fellowship_schedule" %}
|
||||
{% elsif group.id == rolling_admission_group_id %}
|
||||
{% assign rolling_admission_enrollment_date = group.enrolled_at %}
|
||||
{% include "rolling_admission_group_schedule" %}
|
||||
{% elsif group.id == fellowship_group_id %}
|
||||
{% assign fellowship_enrollment_date = group.enrolled_at %}
|
||||
{% include "fellowship_course_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 %}
|
||||
@ -0,0 +1,200 @@
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
console.log("Begin Fellowship Cohort Script")
|
||||
|
||||
$(".fellowship-course").css("display", "none")
|
||||
|
||||
// Release time is set as 14:00 UTC (9am eastern time)
|
||||
let courseReleaseHour = Number({{ course_release_hour }})
|
||||
|
||||
let fellowship_enrollment_year = new Date(Number('{{ fellowship_enrollment_date | date: "%s" }}') * 1000).getFullYear()
|
||||
let fellowship_enrollment_month = new Date(Number('{{ fellowship_enrollment_date | date: "%s" }}') * 1000).getMonth() + 1
|
||||
|
||||
let cohortStartDate = ''
|
||||
console.log(`Fellowship Cohort Enrollment date: ${fellowship_enrollment_month}, ${fellowship_enrollment_year}`)
|
||||
|
||||
if (fellowship_enrollment_month >= 1 && fellowship_enrollment_month <=2 ) {
|
||||
|
||||
cohortStartDate = new Date(Date.UTC(fellowship_enrollment_year, 0, 1, courseReleaseHour, 00 ))
|
||||
releaseJanCohortCourses(cohortStartDate, courseReleaseHour, fellowship_enrollment_year)
|
||||
|
||||
} else if (fellowship_enrollment_month >= 9 && fellowship_enrollment_month <=12 ) {
|
||||
|
||||
cohortStartDate = new Date(Date.UTC(fellowship_enrollment_year + 1, 0, 1, courseReleaseHour, 00))
|
||||
releaseJanCohortCourses(cohortStartDate, courseReleaseHour, fellowship_enrollment_year + 1)
|
||||
|
||||
} else if (fellowship_enrollment_month >= 3 && fellowship_enrollment_month <=8 ) {
|
||||
|
||||
cohortStartDate = new Date(Date.UTC(fellowship_enrollment_year, 6, 1, courseReleaseHour - 1, 00))
|
||||
releaseJulCohortCourses(cohortStartDate, courseReleaseHour, fellowship_enrollment_year)
|
||||
|
||||
}
|
||||
|
||||
function releaseJanCohortCourses(cohortStartDate, releaseHour, year) {
|
||||
console.log("Your Cohort Will Begin: ", cohortStartDate)
|
||||
let now = new Date()
|
||||
|
||||
let febStart = new Date(Date.UTC(year, 1, 1, courseReleaseHour, 00 ))
|
||||
let marStart = new Date(Date.UTC(year, 2, 1, courseReleaseHour, 00 ))
|
||||
let aprStart = new Date(Date.UTC(year, 3, 1, courseReleaseHour, 00 ))
|
||||
let mayStart = new Date(Date.UTC(year, 4, 1, courseReleaseHour, 00 ))
|
||||
let junStart = new Date(Date.UTC(year, 5, 1, courseReleaseHour, 00 ))
|
||||
let julStart = new Date(Date.UTC(year, 6, 1, courseReleaseHour, 00 ))
|
||||
let augStart = new Date(Date.UTC(year, 7, 1, courseReleaseHour, 00 ))
|
||||
let sepStart = new Date(Date.UTC(year, 8, 1, courseReleaseHour, 00 ))
|
||||
let octStart = new Date(Date.UTC(year, 9, 1, courseReleaseHour, 00 ))
|
||||
let novStart = new Date(Date.UTC(year, 10, 1, courseReleaseHour, 00 ))
|
||||
let decStart = new Date(Date.UTC(year, 11, 1, courseReleaseHour, 00 ))
|
||||
|
||||
//console.log("Current Date and Time: ", now)
|
||||
|
||||
if ( now >= cohortStartDate ) {
|
||||
console.log("Cohort Started")
|
||||
|
||||
$(".module-1").css("display", "block")
|
||||
|
||||
if (now >= febStart ) {
|
||||
console.log("show module 2")
|
||||
$(".module-2").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= marStart ) {
|
||||
console.log("show module 3")
|
||||
$(".module-3").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= aprStart ) {
|
||||
console.log("show module 4")
|
||||
$(".module-4").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= mayStart ) {
|
||||
console.log("show module 5")
|
||||
$(".module-5").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= junStart ) {
|
||||
console.log("show module 6")
|
||||
$(".module-6").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= julStart ) {
|
||||
console.log("show module 7")
|
||||
$(".module-7").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= augStart ) {
|
||||
console.log("show module 8")
|
||||
$(".module-8").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= sepStart ) {
|
||||
console.log("show module 9")
|
||||
$(".module-9").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= octStart ) {
|
||||
console.log("show module 10")
|
||||
$(".module-10").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= novStart ) {
|
||||
console.log("show module 11")
|
||||
$(".module-11").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= decStart ) {
|
||||
console.log("show module 12")
|
||||
$(".module-12").css("display", "block")
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log("Your Jan Cohort has not yet Started")
|
||||
}
|
||||
}
|
||||
|
||||
function releaseJulCohortCourses(cohortStartDate, releaseHour, year) {
|
||||
console.log("Your Cohort Will Begin: ", cohortStartDate)
|
||||
let now = new Date()
|
||||
|
||||
let augStart = new Date(Date.UTC(year, 7, 1, courseReleaseHour - 1, 00 ))
|
||||
let sepStart = new Date(Date.UTC(year, 8, 1, courseReleaseHour - 1, 00 ))
|
||||
let octStart = new Date(Date.UTC(year, 9, 1, courseReleaseHour - 1, 00 ))
|
||||
let novStart = new Date(Date.UTC(year, 10, 1, courseReleaseHour - 1, 00 ))
|
||||
let decStart = new Date(Date.UTC(year, 11, 1, courseReleaseHour, 00 ))
|
||||
let janStart = new Date(Date.UTC(year + 1, 0, 1, courseReleaseHour, 00 ))
|
||||
let febStart = new Date(Date.UTC(year + 1, 1, 1, courseReleaseHour, 00 ))
|
||||
let marStart = new Date(Date.UTC(year + 1, 2, 1, courseReleaseHour, 00 ))
|
||||
let aprStart = new Date(Date.UTC(year + 1, 3, 1, courseReleaseHour - 1, 00 ))
|
||||
let mayStart = new Date(Date.UTC(year + 1, 4, 1, courseReleaseHour - 1, 00 ))
|
||||
let junStart = new Date(Date.UTC(year + 1, 5, 1, courseReleaseHour - 1, 00 ))
|
||||
|
||||
// console.log("Current Date and Time: ", now)
|
||||
|
||||
if ( now >= cohortStartDate ) {
|
||||
console.log("July Cohort Started")
|
||||
|
||||
$(".module-1").css("display", "block")
|
||||
|
||||
if (now >= augStart ) {
|
||||
console.log("show module 2")
|
||||
$(".module-2").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= sepStart ) {
|
||||
console.log("show module 3")
|
||||
$(".module-3").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= octStart ) {
|
||||
console.log("show module 4")
|
||||
$(".module-4").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= novStart ) {
|
||||
console.log("show module 5")
|
||||
$(".module-5").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= decStart ) {
|
||||
console.log("show module 6")
|
||||
$(".module-6").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= janStart ) {
|
||||
console.log("show module 7")
|
||||
$(".module-7").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= febStart ) {
|
||||
console.log("show module 8")
|
||||
$(".module-8").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= marStart ) {
|
||||
console.log("show module 9")
|
||||
$(".module-9").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= aprStart ) {
|
||||
console.log("show module 10")
|
||||
$(".module-10").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= mayStart ) {
|
||||
console.log("show module 11")
|
||||
$(".module-11").css("display", "block")
|
||||
}
|
||||
|
||||
if (now >= junStart ) {
|
||||
console.log("show module 12")
|
||||
$(".module-12").css("display", "block")
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log("July Cohort not yet Started")
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,6 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Poppins:wght@500;600&display=swap');
|
||||
</style>
|
||||
@ -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%}
|
||||
@ -0,0 +1,14 @@
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if items.any? %}
|
||||
{% for learning_path in items %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% comment %} <div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div> {% endcomment %}
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,38 @@
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
let rollingAdmissionCourseReleaseHour = Number({{ course_release_hour }})
|
||||
$(".fellowship-course").css("display", "none")
|
||||
|
||||
let enrollment_date = new Date(Number('{{ rolling_admission_enrollment_date | date: "%s" }}') * 1000).setHours(rollingAdmissionCourseReleaseHour, 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 Rolling Admission module ${courseModule}`)
|
||||
$(`.fellowship-course.module-${courseModule}`).css("display", "block")
|
||||
|
||||
if (courseModule >= 2) {
|
||||
$(`.fellowship-course.module-2-extra`).css("display", "block")
|
||||
}
|
||||
|
||||
if (courseModule >= 12) {
|
||||
$(`.fellowship-course.module-evaluation`).css("display", "block")
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,32 @@
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
console.log("Begin Self Guided Script")
|
||||
|
||||
let selfGuidedCourseReleaseHour = Number({{ course_release_hour }})
|
||||
$(".fellowship-course").css("display", "none")
|
||||
|
||||
let selfGuided_enrollment_date = new Date(Number('{{ self_guided_enrollment_date | date: "%s" }}') * 1000).setHours(selfGuidedCourseReleaseHour, 00, 00)
|
||||
console.log("Selg Guided enrollment date with 9am EST start time", new Date(selfGuided_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(selfGuided_enrollment_date).getTime();
|
||||
|
||||
if (timeDiff >= daysDifference) {
|
||||
console.log(`Releasing selfGuided module ${courseModule}`)
|
||||
$(`.fellowship-course.module-${courseModule}`).css("display", "block")
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,26 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
<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>
|
||||
|
||||
|
||||
<style>
|
||||
.np-sub-navigation-content-item-active {
|
||||
font-weight: 700;
|
||||
}
|
||||
.np-sub-navigation-content-item-inactive {
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-sub-navigation-content-item {
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
</style>
|
||||
@ -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.any? %}
|
||||
<div class="np-dashboard-resources-title" style="font-family: 'Poppins', sans-serif !important; font-weight: 600 !important">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% 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" %}
|
||||
Reference in New Issue
Block a user