From 28036e8fa64ad30d9977feb8694dceb48e21aa98 Mon Sep 17 00:00:00 2001 From: Norm Rasmussen Date: Thu, 25 Jan 2024 18:28:10 -0500 Subject: [PATCH] Datasnipper's templates were updated for their login page. Chubb notes and todos. --- .../DataSnipper/_cards_course.html.liquid | 54 +++ .../_cards_training_event.html.liquid | 29 ++ .../_course_desktop_view.html.liquid | 38 +++ .../DataSnipper/_course_header.html.liquid | 15 + .../_course_progress_and_cta.html.liquid | 52 +++ .../DataSnipper/_courses_catalog.html.liquid | 15 + .../DataSnipper/_courses_index.html.liquid | 20 ++ .../_filter_sidebar_courses.html.liquid | 133 ++++++++ .../DataSnipper/_footer.html.liquid | 289 ++++++++++++++++ ...function_update_event_timezone.html.liquid | 40 +++ .../_generic_tns_carousel.html.liquid | 146 ++++++++ .../DataSnipper/_head.html.liquid | 15 + .../DataSnipper/_header.html.liquid | 258 +++++++++++++++ .../_homepage_courses_carousel.html.liquid | 47 +++ .../_homepage_section_my_courses.html.liquid | 76 +++++ ...mepage_section_upcoming_events.html.liquid | 99 ++++++ .../_homepage_section_welcome.html.liquid | 48 +++ .../DataSnipper/_homepage_widgets.html.liquid | 150 +++++++++ .../_section_datasnipper_expert.html.liquid | 138 ++++++++ .../_training_events_index.html.liquid | 17 + .../_training_session_cta.html.liquid | 49 +++ .../_training_session_details.html.liquid | 24 ++ .../_training_session_header.html.liquid | 29 ++ .../DataSnipper/auth_url_email.html.liquid | 91 +++++ .../DataSnipper/catalog.html.liquid | 23 ++ .../DataSnipper/course.html.liquid | 132 ++++++++ .../DataSnipper/courses.html.liquid | 72 ++++ .../DataSnipper/dashboard.html.liquid | 115 +++++++ .../DataSnipper/homepage.html.liquid | 11 + .../DataSnipper/styles.css.liquid | 313 ++++++++++++++++++ .../DataSnipper/training_events.html.liquid | 25 ++ .../DataSnipper/training_session.html.liquid | 114 +++++++ .../upcoming-trainings.html.liquid | 163 +++++++++ CustomerNotes/Chubb/Chubb.md | 11 + 34 files changed, 2851 insertions(+) create mode 100644 Custom_Templates/customer_templates/DataSnipper/_cards_course.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_cards_training_event.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_course_desktop_view.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_course_header.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_course_progress_and_cta.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_courses_catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_courses_index.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_filter_sidebar_courses.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_footer.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_function_update_event_timezone.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_generic_tns_carousel.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_head.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_header.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_homepage_courses_carousel.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_homepage_section_my_courses.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_homepage_section_upcoming_events.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_homepage_section_welcome.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_homepage_widgets.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_section_datasnipper_expert.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_training_events_index.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_training_session_cta.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_training_session_details.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/_training_session_header.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/auth_url_email.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/course.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/courses.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/dashboard.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/homepage.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/styles.css.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/training_events.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/training_session.html.liquid create mode 100644 Custom_Templates/customer_templates/DataSnipper/upcoming-trainings.html.liquid diff --git a/Custom_Templates/customer_templates/DataSnipper/_cards_course.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_cards_course.html.liquid new file mode 100644 index 00000000..2e80204e --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_cards_course.html.liquid @@ -0,0 +1,54 @@ +{% capture course_path %} + {% route course, id: course.id %} +{% endcapture %} +
+
+
+
+
+
+
+
{{ course.properties.course_level }}
+ {% unless course.properties.course_length == 0 %} +
{{ course.properties.course_length }} minutes
+ {% endunless %} +
+
+ {{ course.name }} +
+ + {{ course.name }} + +
+ {{ course.short_description }} +
+
+
+ {% for instructor in course.instructors %} + +
+ {{ instructor.name }} +
+
+ {{ instructor.name }} +
+
+
+ {% endfor %} +
+ {% if course.has_to_restart? %} + {% include "course_version_outdated_popup", path: course_path %} + {% endif %} + + {% t shared.view %} course + +
+
+
+
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_cards_training_event.html.liquid new file mode 100644 index 00000000..d0e37234 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_cards_training_event.html.liquid @@ -0,0 +1,29 @@ +
+
+
+
+
{{ training_event.sessions.first.day }} {{ training_event.sessions.first.month | date: "%b" }}
+
{{ training_event.sessions.first.starts }}
+
+ {{ training_event.sessions.first.year }} + {{ training_event.sessions.first.time_zone }} +
+
+ {% if training_event.sessions.first.registered? %}
Registered
{% endif %} +
+
+ + {{ training_event.title }} + +
+ {{ training_event.description | strip_html }} +
+
+
+
{{ training_event.sessions.first.instructor }}
+ + {% t shared.view %} event + +
+
+
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_course_desktop_view.html.liquid new file mode 100644 index 00000000..bfe5409a --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_course_desktop_view.html.liquid @@ -0,0 +1,38 @@ +
+
+ {% include "course_header" %} +
+
+
+
+ {{ course.name }} + {% include "course_outline" %} + {% if course.categories.any? %} +
+ {% include "course_categories" %} +
+ {% endif %} + + {% if course.instructors.any? %} +
+ {% include "course_instructors" %} +
+ {% endif %} + + {% if course.events.any? %} +
+ {% include "course_events" %} +
+ {% endif %} +
+
+
+ {% include "course_progress_and_cta" %} +
+
+
+
diff --git a/Custom_Templates/customer_templates/DataSnipper/_course_header.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_course_header.html.liquid new file mode 100644 index 00000000..fc4e1eb3 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_course_header.html.liquid @@ -0,0 +1,15 @@ +
+ {{ current_school.course_vocabulary }} + + +
+
+ + + +
+{{ course.name }} diff --git a/Custom_Templates/customer_templates/DataSnipper/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_course_progress_and_cta.html.liquid new file mode 100644 index 00000000..8636843b --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_course_progress_and_cta.html.liquid @@ -0,0 +1,52 @@ +
+
+
+
{{ course.properties.course_level }}
+ {% unless course.properties.course_length == 0 %} +
{{ course.properties.course_length }} minutes
+ {% endunless %} +
+
+
+ {{ course.name }} +
+
+
+
+
+
{{course.progress}}%
+
+
+ +
+ {{ course.full_description }} +
+ +{% 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/Custom_Templates/customer_templates/DataSnipper/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_courses_catalog.html.liquid new file mode 100644 index 00000000..091f9a7c --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_courses_catalog.html.liquid @@ -0,0 +1,15 @@ +{% if courses.in_catalog.any? %} +
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+{% else %} + {% capture message %} + {% t shared.zero_state.courses.catalog + , key: current_school.course_vocabulary %} + {% endcapture %} + {% include "courses_zero_state", message: message %} +{% endif %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_courses_index.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_courses_index.html.liquid new file mode 100644 index 00000000..a620c642 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_courses_index.html.liquid @@ -0,0 +1,20 @@ +{% if courses.enrolled.any? %} +
+ {% for course in courses.enrolled %} + {% assign course_categories = "" %} + {% for cat in course.categories %} + {% assign cat_name = cat.name | replace: " ", "-" | downcase %} + {% assign course_categories = course_categories | append: cat_name %} + {% endfor %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+{% else %} + {% capture message %} + {% t shared.zero_state.courses.index + , key: current_school.course_vocabulary %} + {% endcapture %} + {% include "courses_zero_state", message: message %} +{% endif %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_filter_sidebar_courses.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_filter_sidebar_courses.html.liquid new file mode 100644 index 00000000..07133f75 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_filter_sidebar_courses.html.liquid @@ -0,0 +1,133 @@ +{% assign enrolled_categories = categories.enrolled %} + +
+
+
What are you looking for?
+
+ {% for category in enrolled_categories %} +
+ +
+ {% endfor %} +
+
+
+
What is your learning style?
+
+
+
Reset all Filters
+
+ + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_footer.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_footer.html.liquid new file mode 100644 index 00000000..d6463b38 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_footer.html.liquid @@ -0,0 +1,289 @@ + + + + + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_function_update_event_timezone.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_function_update_event_timezone.html.liquid new file mode 100644 index 00000000..7513a9e1 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_function_update_event_timezone.html.liquid @@ -0,0 +1,40 @@ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_generic_tns_carousel.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_generic_tns_carousel.html.liquid new file mode 100644 index 00000000..b5d3e1ce --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_generic_tns_carousel.html.liquid @@ -0,0 +1,146 @@ + + + + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_head.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_head.html.liquid new file mode 100644 index 00000000..91aeb073 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_head.html.liquid @@ -0,0 +1,15 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + + + +{% include 'generic_tns_carousel' %} +{% include 'function_update_event_timezone' %} diff --git a/Custom_Templates/customer_templates/DataSnipper/_header.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_header.html.liquid new file mode 100644 index 00000000..330d513b --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_header.html.liquid @@ -0,0 +1,258 @@ + + +
+
+
+ {% if current_person.signed_in? %} + + + {% endif %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ + +
+ + {% if current_person.signed_in? %} + {% else %} +
+ +
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t.profile_settings %} + + {% endunless %} + + {% t.sign_out %} + +
+
+
+ +{% include "messages" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_homepage_courses_carousel.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_homepage_courses_carousel.html.liquid new file mode 100644 index 00000000..f633546c --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_homepage_courses_carousel.html.liquid @@ -0,0 +1,47 @@ + +
+ {% for course in courses.enrolled %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_homepage_section_my_courses.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_homepage_section_my_courses.html.liquid new file mode 100644 index 00000000..8bb60211 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_homepage_section_my_courses.html.liquid @@ -0,0 +1,76 @@ +
+
+
+
+
+ My Courses +
+
+
+
+ View all courses +
+
+
+ +
+ {% if courses.enrolled.any? %} + {% assign enrolled_courses = courses.enrolled | sort: "progress" %} + {% for course in enrolled_courses limit: 4 %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} + {% else %} +
+ {% capture message %} + {% t shared.zero_state.courses.index + , key: current_school.course_vocabulary %} + {% endcapture %} + {% include "courses_zero_state", message: message %} +
+ + {% endif %} +
+
+
+
+ View all courses +
+
+
+
+
+ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_homepage_section_upcoming_events.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_homepage_section_upcoming_events.html.liquid new file mode 100644 index 00000000..b13bc861 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_homepage_section_upcoming_events.html.liquid @@ -0,0 +1,99 @@ +{% assign events_to_hide = "Introduction to DataSnipper, Introduction to the Financial Statement Suite, Automation with DataSnipper, Welcome to the Financial Statement Suite, DataSnipper Tips & Tricks, DataSnipper Q&A, Financial Statement Suite Tips & Tricks" | split: ", " %} + +
+
+
+
+
+ Upcoming Events +
+
+
+
+ View all live events +
+
+
+ +
+
+
+ {% if training_events.available.any? %} + {% assign training_events_count = 0 %} + {% for training_event in training_events.available %} + {% unless events_to_hide contains training_event.title %} +
+ {% include "cards_training_event" with training_event %} +
+ {% assign training_events_count = training_events_count | plus: 1 %} + {% endunless %} + + {% if training_events_count > 3 %} + {% break %} + {% endif %} + {% endfor %} + {% else %} + {% include "training_events_zero_state" %} + {% endif %} +
+
+
+
+
+
+
+
+
+
+ View all live events +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_homepage_section_welcome.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_homepage_section_welcome.html.liquid new file mode 100644 index 00000000..031388ed --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_homepage_section_welcome.html.liquid @@ -0,0 +1,48 @@ +
+
+
+
+
Welcome back, {{ current_person.first_name }}
+
{{ homepage.subheadline }}
+
+
+ + {% include "homepage_widgets" %} + +
+ +
+ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_homepage_widgets.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_homepage_widgets.html.liquid new file mode 100644 index 00000000..8291e0b6 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_homepage_widgets.html.liquid @@ -0,0 +1,150 @@ +{% assign count_complete = 0 %} +{% assign count_in_progress = 0 %} +{% assign percent_in_progress = 0 %} +{% assign percent_completed = 0 %} +{% assign total_enrolled_courses = 0 %} + + +{% if courses.enrolled.any? %} + {% assign total_enrolled_courses = courses.enrolled | size | times: 1 %} + + {% for course in courses.enrolled %} + {% if course.completed? %} + {% assign count_complete = count_complete | plus: 1 %} + {% elsif course.started? %} + {% assign count_in_progress = count_in_progress | plus: 1 %} + {% endif %} + {% endfor %} + + {% assign percent_in_progress = count_in_progress | times: 100 | divided_by: total_enrolled_courses %} + {% assign percent_completed = count_complete | times: 100 | divided_by: total_enrolled_courses %} +{% endif %} + +
+
+
+
+
Courses in progress
+
+
+
+
+ {{ count_in_progress }}/{{ total_enrolled_courses }}
+
+
+
+
+
Courses completed
+
+
+
+
+ {{ count_complete }}/{{ total_enrolled_courses }}
+
+
+
+
+
Your Badges
+
+ {% for course in courses.enrolled %} + {% if course.properties.course_badge contains "http" %} +
+ +
+ {% endif %} + {% endfor %} +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_section_datasnipper_expert.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_section_datasnipper_expert.html.liquid new file mode 100644 index 00000000..78b6ab32 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_section_datasnipper_expert.html.liquid @@ -0,0 +1,138 @@ +
+
+
+
+
Become a DataSnipper Expert
+
+
+
+
+
+
+ Knowledge Base +
+
+ Learn how to perform audit and finance use cases +
+ + Learn more + + +
+
+
+
+
+ Resources +
+
What's next on Intelligent Automation
+ + Learn more + + +
+
+
+
+
+ + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_training_events_index.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_training_events_index.html.liquid new file mode 100644 index 00000000..68c7b5c0 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_training_events_index.html.liquid @@ -0,0 +1,17 @@ +{% assign events_to_hide = "Introduction to DataSnipper, Introduction to the Financial Statement Suite, Automation with DataSnipper, Welcome to the Financial Statement Suite, DataSnipper Tips & Tricks, DataSnipper Q&A, Financial Statement Suite Tips & Tricks" | split: ", " %} + +
+ {% if training_events.available.any? %} +
+ {% for training_event in training_events.available %} + {% unless events_to_hide contains training_event.title %} +
+ {% include "cards_training_event" with training_event %} +
+ {% endunless %} + {% endfor %} +
+ {% else %} + {% include "training_events_zero_state" %} + {% endif %} +
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_training_session_cta.html.liquid new file mode 100644 index 00000000..ce40348d --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_training_session_cta.html.liquid @@ -0,0 +1,49 @@ +{% if training_session.approved? or training_session.pending? %} +
+ + {% t .registered %} +
+{% elsif training_session.denied? %} +
+ {% t .denied %} +
+{% elsif training_session.too_late? %} +
+ {% t .too_late %} +
+{% elsif training_session.no_seats? %} +
+ {% t .no_seats %} +
+{% endif %} +
+
+
+ {% form_authenticity_token %} + + {% if training_session.internal? and training_session.approved? %} + {% if features.training_events_google_calendar? %} + {% include "training_session_calendars" %} + + {% else %} + + {% endif %} + + + {% endif %} + + {% if training_session.not_registered? %} + + {% endif %} +
+
+
diff --git a/Custom_Templates/customer_templates/DataSnipper/_training_session_details.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_training_session_details.html.liquid new file mode 100644 index 00000000..fdf567fe --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_training_session_details.html.liquid @@ -0,0 +1,24 @@ +
+ {% include "training_session_date" %} + +
+ + {{ training_session.time_period }} {{ training_session.time_zone }} +
+ + {% if training_session.location %} +
+ + {{ training_session.location }} +
+ {% endif %} + + {% if training_session.session_url %} +
+ + + {{ training_session.session_url }} + +
+ {% endif %} +
diff --git a/Custom_Templates/customer_templates/DataSnipper/_training_session_header.html.liquid b/Custom_Templates/customer_templates/DataSnipper/_training_session_header.html.liquid new file mode 100644 index 00000000..294db20e --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/_training_session_header.html.liquid @@ -0,0 +1,29 @@ +
+ {% t shared.event_types + , key: training_event.event_type %} + +
+
+ + + + {{ training_event.title }} +
+ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/auth_url_email.html.liquid b/Custom_Templates/customer_templates/DataSnipper/auth_url_email.html.liquid new file mode 100644 index 00000000..90e802f4 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/auth_url_email.html.liquid @@ -0,0 +1,91 @@ +
+
+ {% include "header_minimal" %} +
+
+ {% form_authenticity_token %} +
+ {% t shared.welcome_to_school, school_name: current_school.name %} +
+
+ {% t .headline, key: current_school.course_vocabulary %} +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+ diff --git a/Custom_Templates/customer_templates/DataSnipper/catalog.html.liquid b/Custom_Templates/customer_templates/DataSnipper/catalog.html.liquid new file mode 100644 index 00000000..6917a2c2 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/catalog.html.liquid @@ -0,0 +1,23 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+
+
+
{{ catalog.headline }}
+
{{ catalog.subheadline }}
+
+ {% capture label %} + {% t shared.filters.by_category %}{% endcapture %} + + {% comment %} {% if courses.in_catalog.any? %} + {% + include "filter_dropdown", + filters: courses.filters, + key: "category_uuid", + label: label + %} + {% endif %} {% endcomment %} +
+ {% include "courses_catalog" %} +
+{% include "footer" %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/course.html.liquid b/Custom_Templates/customer_templates/DataSnipper/course.html.liquid new file mode 100644 index 00000000..f589974a --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/course.html.liquid @@ -0,0 +1,132 @@ +{% if course.enrolled? %} + +{% else %} + +{% endif %} + +{% include "header" %} +
+
+ {% include "course_desktop_view" %} +
+
+ {% include "course_mobile_view" %} +
+
+{% include "section_datasnipper_expert" %} +{% include "footer" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/courses.html.liquid b/Custom_Templates/customer_templates/DataSnipper/courses.html.liquid new file mode 100644 index 00000000..c273a11c --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/courses.html.liquid @@ -0,0 +1,72 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.enrolled %} +{% include "sub_navigation" %} +
+
+ My courses +
+ +
+
+ {% include "courses_index", class: "col-xs-12 col-md-6" %} +
+
+ {% include "filter_sidebar_courses" %} +
+ +
+ + + +
+{% include "section_datasnipper_expert" %} +{% include "footer" %} + + + +{% comment %} {% endcomment %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/dashboard.html.liquid b/Custom_Templates/customer_templates/DataSnipper/dashboard.html.liquid new file mode 100644 index 00000000..af72a4f8 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/dashboard.html.liquid @@ -0,0 +1,115 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.enrolled %} +{% include "sub_navigation" %} +
+ +
+
+
+ My Courses +
+ {% include "courses_index", class: "col-xs-12 col-md-6 col-lg-4 np-stretch-content" %} + +
+ Available Courses +
+ {% if courses.in_catalog.any? %} +
+ {% for course in courses.in_catalog %} + {% unless course.enrolled? %} +
+ {% include "cards_course" with course %} +
+ {% endunless %} + {% endfor %} +
+ {% else %} + {% capture message %} + {% t shared.zero_state.courses.catalog + , key: current_school.course_vocabulary %} + {% endcapture %} + {% include "courses_zero_state", message: message %} + {% endif %} +
+ + {% if features.training_events? %} +
+
+
+ {% t .upcoming_events %} +
+ {% include "training_events_dashboard" %} +
+
+ {% endif %} +
+
+{% include "section_datasnipper_expert" %} +{% include "footer" %} + + + +{% comment %} {% endcomment %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/homepage.html.liquid b/Custom_Templates/customer_templates/DataSnipper/homepage.html.liquid new file mode 100644 index 00000000..039459ba --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/homepage.html.liquid @@ -0,0 +1,11 @@ +{% include "header" %} +
+ {% include "homepage_section_welcome" %} + + {% include "homepage_section_upcoming_events" %} + {% include "homepage_section_my_courses" %} + + {% include "section_datasnipper_expert" %} + +
+{% include "footer" %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/styles.css.liquid b/Custom_Templates/customer_templates/DataSnipper/styles.css.liquid new file mode 100644 index 00000000..f7ed0831 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/styles.css.liquid @@ -0,0 +1,313 @@ +/* + 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 }} +*/ + +body { + font-family: "Jost", Arial, sans-serif; + color: #011638; +} + +.np-sub-navigation { + display: none; +} + +body, +.np-dashboard, +.np-learning-paths { + background-color: #011638; +} + +.np-button { + transition: all 0.2s; + border-radius: 6px; + padding: 10px 14px; + font-size: 16px; + font-weight: 600; + line-height: 24px; +} + +.np-button.np-button-white { + background-color: #fff; + color: #011638; +} + +.np-card-ribbon { + background-color: #01bfb2; +} + +.np-homepage { + margin-bottom: 0; +} + +.np-subpage-container { + padding-left: 16px; + padding-right: 16px; +} + +.np-card-container { + box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +.np-card-image { + border-radius: 0; +} + +.np-resource-title, +.np-resource-subtitle { + color: #fff; +} + +.np-resource-title { + font-size: 32px; + font-weight: 600; + line-height: 40px; + letter-spacing: -0.4px; +} + +@media(min-width:768px) { + .np-subpage-container { + padding-left: 0; + padding-right: 0; + } + + .np-resource-title { + font-size: 40px; + line-height: 48px; + } +} + +/* INSTRUCTORS */ +.np-content-instructors-content-item { + display: flex; + align-items: center; + margin-bottom:12px; +} + +.np-content-instructors-content-image { + border-radius: 50% +} + +.np-content-instructors-content-description { + font-size: 14px; + font-weight: 600; + line-height: 20px; +} + +.np-card .np-content-instructors-content-image { + width: 40px; + height: 40px; +} + +/* COURSE CARDS */ +.np-card .np-card-container { + border-radius: 12px; + padding: 24px; + box-shadow: none; +} + +.course-card .np-progress-bar-container { + margin-bottom: 24px; + margin-top: 0; + height: 12px; + background-color: #E6E8EB; +} + +.course-card .np-progress-bar-container .np-card-progress-bar { + min-width: 12px; + height: 12px; + background-color: #0D21A1; +} + +.course-card .np-card-content-title { + margin: 16px 0 12px; + color: #011638; + font-size: 24px; + font-weight: 600; + line-height: 32px; + text-decoration: none; +} + +.course-card a.np-card-content-title:hover { + text-decoration: underline; +} + +.course-card .np-card-content-desc { + font-size: 16px; + font-weight: 400; + line-height: 24px; + color: #505C72; +} + +.course-info-wrapper, +.event-info-wrapper { + display: flex; + align-items: center; + margin-bottom: 16px; + justify-content:space-between; +} + +.course-info, +.event-info { + background-color: #E7E9F5; + color: #0D21A1; + border-radius: 8px; + padding: 4px; + font-size: 12px; + font-weight: 600; + line-height: 18px; + text-align: center; + display: flex; + align-items: center; +} + +.course-info-wrapper .course-level, +.event-info-wrapper .event-date { + border-radius: 6px; + background-color: #fff; + padding: 2px 8px; +} + +.course-info-wrapper .course-length, +.event-info-wrapper .event-time { + margin: 0 6px; +} + +.course-card .np-button { + margin-left: auto; +} + +@media(min-width:768px) { + .np-card { + height: 100%; + } + + .course-card .np-card-content-title { + font-size: 26px; + line-height: 34px; + } + + .np-content-instructors-content-item { + margin-right: 12px; + } + + .np-content-instructors-content-description { + margin-left: 8px; + } +} + +/* EVENTS CARDS */ +.training-event-card .np-card-content-training-event { + padding: 0; + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.training-event-card .np-card-content-title { + margin: 0 0 12px; + color: #011638; + font-size: 24px; + font-weight: 600; + line-height: 32px; + text-decoration:none; +} + +.training-event-card a.np-card-content-title:hover { + text-decoration: underline; +} + +.training-event-card .np-card-content-subtitle { + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 24px; + color: #505C72; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; + overflow: hidden; + text-overflow: ellipsis; +} + +.training-event-card .np-card-content { + margin-top: 24px; + align-items: flex-end; + justify-content: space-between; +} + +.training-event-card .session-status-label { + font-size: 14px; + color: #01bfb2; + font-weight: 600; +} + +@media(min-width:768px) { + .training-event-card { + min-height:350px; + } + + .training-event-card .np-card-content-title { + font-size: 30px; + line-height: 38px; + } +} + +/* LEARNING PATH CARDS */ +.np-learning-path .np-card-content-title { + font-size: 24px; + font-weight: 600; + color: #011638; +} + +.np-learning-path .np-card-progress-bar-container, +.np-learning-path .np-card-progress-bar { + height:12px; +} + +/* SEARCH PAGE STYLES */ + +.np-resource-subtitle-number, +.np-resource-subtitle span.np-button-color { + color: #01bfb2 !important; + font-weight: 600 +} + +/* LEARNING PATH PAGE */ +.np-learning-path-outline-item, +#learning-path-desktop .np-resource-header-card, +#learning-path-desktop .np-top-cta, +#learning-path-mobile .np-top-cta, +#learning-path-mobile .np-card-container, +#learning-path-desktop .np-card-container { + border-radius:12px; +} + +#learning-path-mobile .np-resource-header .np-top-title, +#learning-path-mobile .np-resource-header .np-text-title { + color:#fff; +} + +.np-learning-path-outline-item { + background-color:#fff; + border:none; +} + +.np-learning-path-outline-name .np-top-title, +.np-top-cta-progress-title.np-text-title { + color:#011638; + font-weight:600; +} + +.np-learning-path-outline-icon { + color:#0d21a1; +} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/training_events.html.liquid b/Custom_Templates/customer_templates/DataSnipper/training_events.html.liquid new file mode 100644 index 00000000..fd04372c --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/training_events.html.liquid @@ -0,0 +1,25 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+
+ {% t.title %} +
+
+ {% t.subtitle %} +
+
+
+ {% include "training_events_filter" %} +
+
+ {% include "training_events_index" %} +
+{% include "footer" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/training_session.html.liquid b/Custom_Templates/customer_templates/DataSnipper/training_session.html.liquid new file mode 100644 index 00000000..c14efe42 --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/training_session.html.liquid @@ -0,0 +1,114 @@ +{% include "header" %} +
+
+ {% include "training_session_desktop_view" %} +
+
+ {% include "training_session_mobile_view" %} +
+
+{% include "footer" %} + + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/DataSnipper/upcoming-trainings.html.liquid b/Custom_Templates/customer_templates/DataSnipper/upcoming-trainings.html.liquid new file mode 100644 index 00000000..6b9f886e --- /dev/null +++ b/Custom_Templates/customer_templates/DataSnipper/upcoming-trainings.html.liquid @@ -0,0 +1,163 @@ +{% assign events_to_show = "Introduction to DataSnipper, Introduction to the Financial Statement Suite, Automation with DataSnipper, Welcome to the Financial Statement Suite, DataSnipper Tips & Tricks, DataSnipper Q&A, Financial Statement Suite Tips & Tricks" | split: ", " %} + +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+
+ {{ custom_page.headline }} +
+
+ {{ custom_page.subheadline }} +
+
+
+
+
All
+
DataSnipper
+
Financial Statement Suite
+
Interactive Learning
+
+
+ {% if training_events.available.any? %} +
+ {% for training_event in training_events.available %} + {% if events_to_show contains training_event.title %} + + {% for session in training_event.sessions %} + {% assign session_date = session.year | append: "-" | append: session.month | append: "-" | append: session.day %} +
+
+
+
+
+
{{ session.day }} {{ session.month | date: "%b" }}
+
{{ session.starts }}
+
+ {{ session.year }} + {{ session.time_zone }} +
+
+ {% if session.registered? %} +
Registered + +
+ {% endif %} +
+
+ {{ training_event.title | strip }} +
+ {{ training_event.description | strip_html }} +
+
+
+
{{ session.instructor }}
+ + {% t shared.view %} event + +
+
+
+
+ {% endfor %} + {% endif %} + {% endfor %} +
+ {% else %} + {% include "training_events_zero_state" %} + {% endif %} +
+ +
+{% include "footer" %} + + + + \ No newline at end of file diff --git a/CustomerNotes/Chubb/Chubb.md b/CustomerNotes/Chubb/Chubb.md index 04f964f4..4effe6ad 100644 --- a/CustomerNotes/Chubb/Chubb.md +++ b/CustomerNotes/Chubb/Chubb.md @@ -21,3 +21,14 @@ Catalog page: * merina design platform - super detail (how many pixels a box should be) * Branding team is strict, but good at feedback. They will let us take a first pass and then give us feedback. * Make this design iterative! + +## 1/25/2024 + +### Post-launch! + +Correct Cert URL: `https://chubb.northpass.com/app/certificate/d5f601c5-5677-4177-9cc3-4041c8030290` +TODO: Ask Marek about custom LP notifications and adding a cert URL. {{ certificate.url }} --> is this possible? + + +Learning path strings together )completion page button) +custom learning path button end of course screen