diff --git a/NP_Custom_Templates/customer_templates/Harri/_account_avatar.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_account_avatar.html.liquid new file mode 100644 index 00000000..cb40a1db --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_account_avatar.html.liquid @@ -0,0 +1,66 @@ +
+

{% t .description %}

+

{% t .requirements %}

+
+ + + + +
+
+ +
+ +
+ +
+
+ +
+
diff --git a/NP_Custom_Templates/customer_templates/Harri/_account_form.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_account_form.html.liquid new file mode 100644 index 00000000..1ce4e283 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_account_form.html.liquid @@ -0,0 +1,93 @@ +
+ {% t .header %} +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +{% unless form.options.invite? %} +
+ + +
+{% endunless %} + +{% if form.options.invite? %} +
+ +
+ {% t .terms_of_service %} +
+
+ + +{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Harri/_arabic_lang.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_arabic_lang.html.liquid new file mode 100644 index 00000000..89eb1626 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_arabic_lang.html.liquid @@ -0,0 +1,468 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/_cards_course.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_cards_course.html.liquid new file mode 100644 index 00000000..3a12cc4e --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_cards_course.html.liquid @@ -0,0 +1,40 @@ +
+
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} + {{ course.name }} +
+

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+
+ {% if course.started? %} +
+

{{ course.progress }}%

Complete

+
+ {% else %} +
+ Not started +
+ {% endif %} + {% capture course_path %}{% route course, id: course.id %}{% endcapture %} + {% if course.has_to_restart? %} + {% include "course_version_outdated_popup", path: course_path %} + {% endif %} + + {% t shared.view %} + +
+
+
+
diff --git a/NP_Custom_Templates/customer_templates/Harri/_cards_learning_path.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_cards_learning_path.html.liquid new file mode 100644 index 00000000..37a68090 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_cards_learning_path.html.liquid @@ -0,0 +1,89 @@ +{%comment%}{% if learning_path.progress == 0%} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar red-bar"%} + {% assign wrapperClassText = "np-card-content-progress np-button-color red-text"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color red-text"%} +{% else if learning_path.progress > 0 and learning_path.progress < 100%} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar yellow-bar"%} + {% assign wrapperClassText = "np-card-content-progress np-button-color yellow-text"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color yellow-text"%} +{% else %} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar green-bar"%} + {% assign wrapperClassText = "np-card-content-progress np-button-color green-text"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color green-text"%} +{% endif %}{%endcomment%} + +
+
+
+ {{ learning_path.name }} +
+
+ +
{% t shared.learning_path.title %}
+
+ {{ learning_path.items.count }} {% t .items %} +
+
+
+
{% t shared.learning_path.title %}
+ +
+ +
+

+ {{ learning_path.name }} +

+ +
+ {{ learning_path.instructor_names }} +
+ +
+ {{ learning_path.description }} +
+ + {% if learning_path.started? %} +
+ {{ course.progress }}%

Complete

+
+ {% else %} +
+ Not started +
+ {% endif %} + +
+
+
+
+ +
+
+ {% t shared.progress, count: learning_path.progress %} +
+ + {% t shared.view %} + + + + + {{ learning_path.items.count }} {% t .items %} + + +
+
+
+
+
+
+
+
+
+ diff --git a/NP_Custom_Templates/customer_templates/Harri/_course_activity_locked.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_course_activity_locked.html.liquid new file mode 100644 index 00000000..729f7782 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_course_activity_locked.html.liquid @@ -0,0 +1,12 @@ + +{% assign activity_title = activity.title | split: ' ~ ' %} +{% if activity_title.size > 1 %} + +
+ {{ activity_title[1] | strip }} +
+{% endif %} + + {{ activity_title[0] | strip }} + + diff --git a/NP_Custom_Templates/customer_templates/Harri/_course_activity_unlocked.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_course_activity_unlocked.html.liquid new file mode 100644 index 00000000..c2b98ce5 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_course_activity_unlocked.html.liquid @@ -0,0 +1,16 @@ +{% assign activity_title = activity.title | split: '~' %} +{% if activity_title.size > 1 %} + +
+ {{ activity_title[1] | strip }} +
+{% endif %} + + {{ activity_title[0] | strip }} + diff --git a/NP_Custom_Templates/customer_templates/Harri/_course_outline.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_course_outline.html.liquid new file mode 100644 index 00000000..c7a05d14 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_course_outline.html.liquid @@ -0,0 +1,198 @@ + +
+
+ {% t .header, key: current_school.course_vocabulary %} +
+
+
    + {% for section in course.sections %} + {% comment %}
  1. +
    + {{ section.name }} +
    +
      + {% for activity in section.activities %} + +
    1. + {% if activity.completed? %} + + {% if activity.locked? %} + {% include "course_activity_locked" %} + {% else %} + {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %} + {% endif %} +
      +
      + {% else %} + + {% if activity.locked? %} + {% include "course_activity_locked" %} + {% else %} + {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %} + {% endif %} +
      + {% endif %} +
      2. + {% endfor %} +
    +
    2. {% endcomment %} +
    +
    + +
    +
    + {{ section.name }} +
    +
    +
    +
    +
    +
      + {% for activity in section.activities %} + +
    1. + {% if activity.completed? %} + + {% if activity.locked? %} + {% include "course_activity_locked" %} + {% else %} + {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %} + {% endif %} +
      + {%comment%}
      {%endcomment%} + {% else %} + + {% if activity.locked? %} + {% include "course_activity_locked" %} + {% else %} + {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %} + {% endif %} +
      + {% endif %} +
      2. + {% endfor %} +
    +
    +
    +
    + {% endfor %} +
+
+
+ + + + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/_course_progress_and_cta.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_course_progress_and_cta.html.liquid new file mode 100644 index 00000000..f2f12815 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_course_progress_and_cta.html.liquid @@ -0,0 +1,57 @@ +{%comment%}{% if course.progress == 0%} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar red-bar"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color red-text"%} +{% else if course.progress > 0 and course.progress < 100%} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar yellow-bar"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color yellow-text"%} +{% else %} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar green-bar"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color green-text"%} +{% endif %}{%endcomment%} + +
+
+ {% t .header %} +
+
+
+
+
+ +
+ {% t shared.progress, count: course.progress %} +
+
+ +{% if course.learner_can_retake? %} +
+ {% form_authenticity_token %} + +
+{% else %} + + {% 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 %} + +{% endif %} + diff --git a/NP_Custom_Templates/customer_templates/Harri/_footer.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_footer.html.liquid new file mode 100644 index 00000000..055969d4 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_footer.html.liquid @@ -0,0 +1,97 @@ + + + diff --git a/NP_Custom_Templates/customer_templates/Harri/_french_lang.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_french_lang.html.liquid new file mode 100644 index 00000000..85785a09 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_french_lang.html.liquid @@ -0,0 +1,468 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/_header.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_header.html.liquid new file mode 100644 index 00000000..eef130e8 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_header.html.liquid @@ -0,0 +1,316 @@ +
+
+
+ {% if current_person.signed_in? %} + + + {% endif %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ +
+ + {% if current_person.signed_in? %} + {% assign current_language = "English" %} + {% if current_person.properties.language == "en" %} + {% assign current_language = "English" %} + {% elsif current_person.properties.language == "ru" %} + {% assign current_language = "Pусский" %} + {% elsif current_person.properties.language == "ar" %} + {% assign current_language = "عربي" %} + {% elsif current_person.properties.language == "fr" %} + {% assign current_language = "Français" %} + {% elsif current_person.properties.language == "es" %} + {% assign current_language = "Español" %} + {% endif %} + +
+ +
+ Español +
+ English + +
+
+ + {% endif %} + + {% if current_person.signed_in? %} +
+
+ + +
+
+
+ + +
+ {% else %} +
+ {% endif %} + +
+ +
+
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t .profile_settings %} + + {% endunless %} + + {% t .sign_out %} + +
+
+
+ +{% include "messages" %} +{% if current_person.signed_in? %} +{% assign lang = current_person.properties.language %} + +{% case lang %} + {% when "Spanish" %} + {% include "spanish_lang" %} +{% endcase %} + + + + + +{% endif %} + + diff --git a/NP_Custom_Templates/customer_templates/Harri/_learning_path_course.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_learning_path_course.html.liquid new file mode 100644 index 00000000..8ca45f43 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_learning_path_course.html.liquid @@ -0,0 +1,59 @@ +{% if learning_path.enrolled? and course.unlocked? %} +
+ +
+ {{ course.name }} +
+
+ {{ course.name }} +
+ {% if course.instructors %} +
+ {{ course.instructors }} +
+ {% endif %} +
+ +
+
+ + {% comment %} {% if course.optional? %} +
+ {% t shared.optional %} +
+ {% endif %} {% endcomment %} +
+ {{ course.progress }}% +
+
+ +{% else %} +
+
+ {{ course.name }} +
+
+ {{ course.name }} +
+
+ {% if course.optional? %} +
+ {% t shared.optional %} +
+ {% endif %} +
+
+{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Harri/_learning_path_description.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_learning_path_description.html.liquid new file mode 100644 index 00000000..c90eb1f0 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_learning_path_description.html.liquid @@ -0,0 +1,6 @@ +

+ {% t .about %} +

+
+ {{ learning_path.description }} +
diff --git a/NP_Custom_Templates/customer_templates/Harri/_learning_path_progress_and_cta.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_learning_path_progress_and_cta.html.liquid new file mode 100644 index 00000000..f0bffcff --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_learning_path_progress_and_cta.html.liquid @@ -0,0 +1,53 @@ +{%comment%}{% if learning_path.progress == 0%} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar red-bar"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color red-text"%} +{% else if learning_path.progress > 0 and learning_path.progress < 100%} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar yellow-bar"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color yellow-text"%} +{% else %} + {% assign wrapperClassBar = "np-button-background-color np-card-progress-bar green-bar"%} + {% assign wrapperClassStatus = "np-card-content-progress np-button-color green-text"%} +{% endif %}{%endcomment%} + +{% if learning_path.enrolled? %} +
+
+ {% t .progress %} +
+
+
+
+
+
+ {% t shared.progress, count: learning_path.progress %} +
+
+{% 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 %} + + diff --git a/NP_Custom_Templates/customer_templates/Harri/_mcdonalds_theme.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_mcdonalds_theme.html.liquid new file mode 100644 index 00000000..402ac82c --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_mcdonalds_theme.html.liquid @@ -0,0 +1,29 @@ +{% if current_person.properties.company == "McDonalds" %} + + +{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Harri/_russian_lang.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_russian_lang.html.liquid new file mode 100644 index 00000000..9018c12a --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_russian_lang.html.liquid @@ -0,0 +1,468 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/_spanish_lang.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_spanish_lang.html.liquid new file mode 100644 index 00000000..499f5e19 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_spanish_lang.html.liquid @@ -0,0 +1,468 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/_sub_navigation.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_sub_navigation.html.liquid new file mode 100644 index 00000000..d814e519 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_sub_navigation.html.liquid @@ -0,0 +1,13 @@ + diff --git a/NP_Custom_Templates/customer_templates/Harri/_training_events_zero_state.html.liquid b/NP_Custom_Templates/customer_templates/Harri/_training_events_zero_state.html.liquid new file mode 100644 index 00000000..1ecc4d78 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/_training_events_zero_state.html.liquid @@ -0,0 +1,9 @@ +
+
+ {% t .empty %} +
+ {% t .empty %} +
diff --git a/NP_Custom_Templates/customer_templates/Harri/courses.html.liquid b/NP_Custom_Templates/customer_templates/Harri/courses.html.liquid new file mode 100644 index 00000000..a028acbf --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/courses.html.liquid @@ -0,0 +1,16 @@ + +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.enrolled %} +{% include "sub_navigation" %} +
+
+ {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %} +
+
{% t .headline, key: current_school.course_vocabulary %}
+ {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %} +
+{% include "footer" %} diff --git a/NP_Custom_Templates/customer_templates/Harri/dashboard.html.liquid b/NP_Custom_Templates/customer_templates/Harri/dashboard.html.liquid new file mode 100644 index 00000000..5e4b9c86 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/dashboard.html.liquid @@ -0,0 +1,28 @@ +{% include "header" %} + +{% include "sub_navigation" %} +
+
+
+ {% if features.learning_paths? %} +
+ {% t shared.learning_paths %} +
+ {% include "learning_paths_index", items: learning_paths.enrolled %} + {% endif %} +
+ {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %} +
+ {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} +
+ {% if features.training_events? %} +
+
+ {% t .upcoming_events %} +
+ {% include "training_events_dashboard" %} +
+ {% endif %} +
+
+{% include "footer" %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/learning_paths.html.liquid b/NP_Custom_Templates/customer_templates/Harri/learning_paths.html.liquid new file mode 100644 index 00000000..adaa84df --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/learning_paths.html.liquid @@ -0,0 +1,14 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+ {% t shared.learning_paths %} +
+
+ {% t .subtitle %} +
+ {% include "learning_paths_index", items: learning_paths.available %} +
+
+{% include "footer" %} diff --git a/NP_Custom_Templates/customer_templates/Harri/master.html.liquid b/NP_Custom_Templates/customer_templates/Harri/master.html.liquid new file mode 100644 index 00000000..f4a68a10 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/master.html.liquid @@ -0,0 +1,5 @@ +{% body %} + +{% if current_person.signed_in? %} + {% include "mcdonalds_theme" %} +{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Harri/styles.css.liquid b/NP_Custom_Templates/customer_templates/Harri/styles.css.liquid new file mode 100644 index 00000000..3fa296f6 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/styles.css.liquid @@ -0,0 +1,38 @@ + /* + Put your custom overlay styles in here + You can use your northpass color palette in this file + +{{ color_palette.button_font_color }} +{{ color_palette.button_color }} +{{ color_palette.button_hover_color }} +{{ color_palette.header_font_color }} +{{ color_palette.header_font_hover_color }} +{{ color_palette.header_color }} +*/ + +.red-bar{ + background: red; +} + +.red-text, +.red-status{ + color: red; +} + +.yellow-bar{ + background: yellow; +} + +.yellow-text, +.yellow-status{ + color: yellow; +} + +.green-bar{ + background: green; +} + +.green-text, +.green-status{ + color: green; +} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Harri/training_events.html.liquid b/NP_Custom_Templates/customer_templates/Harri/training_events.html.liquid new file mode 100644 index 00000000..239ef9e5 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Harri/training_events.html.liquid @@ -0,0 +1,19 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+
+ {% t .title %} +
+
+ {% t .subtitle %} +
+
+
+ {% include "training_events_filter" %} +
+
+ {% include "training_events_index" %} +
+{% include "footer" %}