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

small changes to notes

Browse Source
This commit is contained in:
Norm Rasmussen
2023-02-10 15:15:33 -05:00
parent ad47dfbf9f
commit 747bb47464
22 changed files with 633 additions and 437 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/Mizuno/.DS_Store vendored Normal file
View File

Binary file not shown.

3
Custom_Templates/customer_templates/Mizuno/_course_details.html.liquid
View File

@ -4,10 +4,9 @@
{% for course_section in course.sections %}
{% for course_activity in course_section.activities %}
{% assign activities_count = activities_count | plus: 1 %}
{% if course_activity.type == "quiz" %}
{% assign quizzes_count = quizzes_count | plus: 1 %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}

20
Custom_Templates/customer_templates/Mizuno/_courses_catalog.html.liquid Normal file
View File

@ -0,0 +1,20 @@
{% if courses.in_catalog.any? %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %}
{% assign category_flag = false %}
{% unless course.name == 'PFS Resources' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endunless %}
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}

20
Custom_Templates/customer_templates/Mizuno/_courses_resources.html.liquid Normal file
View File

@ -0,0 +1,20 @@
{% if courses.in_catalog.any? %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %}
{% for category in course.categories %}
{% if category.name == 'Resources' %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}

33
Custom_Templates/customer_templates/Mizuno/_filter_dropdown.html.liquid Normal file
View File

@ -0,0 +1,33 @@
<div class="np-filter">
<div class="dropdown">
<button
class="np-button dropdown-button"
data-toggle-class="is-open"
data-toggle-escape
data-toggle-outside
data-toggle-target-next
type="button"
>
{% t shared.filters.filter %}
</button>
<div class="dropdown-menu" data-test="modal">
<form method="get">
{%
include "filter_select",
filters: filters,
key: key,
label: label
%}
<button
class="np-button dropdown-button-apply"
data-toggle-trigger-off
type="submit"
>
{% t shared.filters.apply %}
</button>
</form>
</div>
</div>
</div>

24
Custom_Templates/customer_templates/Mizuno/_filter_select.html.liquid Normal file
View File

@ -0,0 +1,24 @@
{% if params.q %}
<input type="hidden" name="q" value="{{ params.q }}">
{% endif %}
<label class="dropdown-label" for="filter[category_uuid][in][]">
{{ label }}
</label>
<select
class="np-filter-select"
multiple
name="filter[{{ key }}][in][]"
>
{% for filter in filters %}
{% unless filter.name == 'Resources' %}
<option
value="{{ filter.value }}"
{% if filter.selected? %} selected="selected" {% endif %}
>
{{ filter.name }}
</option>
{% endunless %}
{% endfor %}
</select>

6
Custom_Templates/customer_templates/Mizuno/_footer_special.html.liquid
View File

@ -70,10 +70,14 @@
}
.logo-links a{
color: #058ccf;
color: #001588;
text-decoration: none;
}
.logo-links a:hover{
color: #058ccf;
}
.np-footer-social-links {
margin-top: -25px;
z-index: 1;

17
Custom_Templates/customer_templates/Mizuno/_header.html.liquid
View File

@ -1,3 +1,20 @@
{% assign groupValidator = false %}
{% for group in current_person.groups %}
{% if group %}
{% assign groupValidator = true %}
{% endif %}
{% endfor %}
{% if current_person.signed_in? and groupValidator == false %}
{% unless current_person.email contains '+preview-' %}
<script>
if (window.location.pathname != '/app/sign-up-follow-up'){
window.location.replace('/app/sign-up-follow-up');
}
</script>
{% endunless %}
{% endif %}
<header>
{% if current_school.logo_url %}
<div class="mizuno-logo">

4
Custom_Templates/customer_templates/Mizuno/_header_special.html.liquid
View File

@ -43,14 +43,14 @@
.np-header-desktop-nav-link{
font-size: 14px;
font-weight: 500;
color: #058ccf;
color: #001588;
}
.mizuno-header-item-bar{
height: 2px;
margin: auto;
margin-top: 3px;
background: #058ccf;
background: #001588;
}
@media screen and (min-width: 768px){

40
Custom_Templates/customer_templates/Mizuno/_sign-up-follow-up-dropdown.html.liquid Normal file
View File

@ -0,0 +1,40 @@
<select
class="sign-up-dropdown np-input"
type="text"
name="group-dropdown"
id="sign-up-group-dropdown"
required
>
<option class="second-login-group-option" value="" selected disabled hidden>Please Select Your Account Group</option>
<option class="second-login-group-option" value="bf21c4c8-6411-4248-9a21-d8afc3acf039">Brett Lamotte Accounts</option>
<option class="second-login-group-option" value="70721b80-d2fb-4b35-b134-10330f05dcd4">Brett Ramsey Accounts</option>
<option class="second-login-group-option" value="6da6e47f-2206-49a1-accf-5b7a0f4c9887">Brian Morgan Accounts</option>
<option class="second-login-group-option" value="48de99d6-9b64-4ad4-9c50-3372570805be">Brian Uvena Accounts</option>
<option class="second-login-group-option" value="e9c26981-54d8-4cf3-9597-815af352babf">Chris Campbell Accounts</option>
<option class="second-login-group-option" value="34ae2b61-3569-419d-83fd-6fe94c3af98d">Chuck Henry Accounts</option>
<option class="second-login-group-option" value="604495a4-5dcb-476b-9734-2bacec5d6ba4">Coby Davis Accounts</option>
<option class="second-login-group-option" value="9a14b3e2-feae-43e9-a1be-8f0a38da4ce6">David Miller Accounts</option>
<option class="second-login-group-option" value="59cc85c5-b6cc-4b84-96c2-306de83c7b81">Eli Wiecking Accounts</option>
<option class="second-login-group-option" value="db75d394-23b6-4060-944a-a779c62bab3f">Eric Kobylinski Accounts</option>
<option class="second-login-group-option" value="0e568fee-5bc4-4405-8729-009baea752f4">Jalen Hodges Accounts</option>
<option class="second-login-group-option" value="e57e371e-d791-463e-949c-c265dad88725">Jarrod Moore Accounts</option>
<option class="second-login-group-option" value="81540a2f-420c-40fd-8d00-d02b042247b4">Jason Libby Accounts</option>
<option class="second-login-group-option" value="edeccc46-77fa-4692-ba3c-8bcb368b2f83">Jeff Homady Accounts</option>
<option class="second-login-group-option" value="c78d63f9-0e17-4143-a0ee-25bed96ae3f0">Joe Bauer Accounts</option>
<option class="second-login-group-option" value="2643abe5-7fc2-477c-92ac-dd15abe7e2a4">Jon Eggleton Accounts</option>
<option class="second-login-group-option" value="6d5a5f84-c32e-4c02-8939-21254a5d20f0">Josh Knipp Accounts</option>
<option class="second-login-group-option" value="5e6ba0a9-6978-4143-9180-11bdd039459b">Kim Henderson Accounts</option>
<option class="second-login-group-option" value="8dba5fdd-ae6b-441d-992f-f1921ed072bd">Matt Mossman Accounts</option>
<option class="second-login-group-option" value="8bbe834a-cd2a-4695-afe9-8b0e71567f01">Marcus Bougard Accounts</option>
<option class="second-login-group-option" value="e9e785b0-5c7d-436c-a31e-4b6b25d65315">Mike Borland Accounts</option>
<option class="second-login-group-option" value="06ee6469-dbe3-44bc-ad19-ae4e663122dc">Mike Lehfeldt Accounts</option>
<option class="second-login-group-option" value="d5637dbc-edc7-4451-8fcf-fe172f8fb970">Mike Shady Accounts</option>
<option class="second-login-group-option" value="6e0343a3-04fc-4540-9731-996259514dd4">Peyton Randolph Accounts</option>
<option class="second-login-group-option" value="e2834b27-ed29-4519-943e-ff9898cab47c">Pierre Beland Accounts</option>
<option class="second-login-group-option" value="24a35a98-fbb5-4090-99a7-b0197939f576">Ridge Meracle Accounts</option>
<option class="second-login-group-option" value="4d9200df-dc02-42c4-811c-b32ffd5c7758">Steve Danilow Accounts</option>
<option class="second-login-group-option" value="a2f13d69-acdd-4201-90dc-4cfd4f5b7b06">Tad Pierson Accounts</option>
<option class="second-login-group-option" value="65b7766c-f45c-4746-8af2-5265d1de8253">Tim Botschner Accounts</option>
<option class="second-login-group-option" value="2a0100e6-2cd3-4f14-9706-ddadb95e9cb3">Tim Lavin Accounts</option>
<option class="second-login-group-option" value="58309856-2659-465b-83bc-9462be60c125">Tyler Schaaf Accounts</option>
</select>

20
Custom_Templates/customer_templates/Mizuno/_sub_navigation.html.liquid
View File

@ -4,8 +4,8 @@
{% if link.label == 'Home' %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
<a class="np-sub-navigation-content-item-link" href="https://mizuno.com" target="_blank">
Mizuno.com
<a class="np-sub-navigation-content-item-link" href="https://mizunogolf.com" target="_blank">
MizunoGolf.com
</a>
</div>
{% else %}
@ -17,5 +17,19 @@
</div>
{% endif %}
{% endfor %}
<div id="resources-sub-navigation-item" class="np-sub-navigation-content-item">
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
<a class="np-sub-navigation-content-item-link" href="/app/courses/a1d8ad77-5448-46af-86aa-71f7fe9dfc60">
Resources
</a>
</div>
</div>
</nav>
</nav>
<script>
if(window.location.href.indexOf('/app/resources') > -1){
document.querySelector('#resources-sub-navigation-item').classList.add('np-sub-navigation-content-item-active')
} else {
document.querySelector('#resources-sub-navigation-item').classList.remove('np-sub-navigation-content-item-active')
}
</script>

193
Custom_Templates/customer_templates/Mizuno/dashboard.html.liquid
View File

@ -37,81 +37,30 @@
Courses
</div>
<div class="row dashboard-section-courses col-xs-12">
{%- comment -%} <div class="col-xs-12 dashboard-courses"> {%- endcomment -%}
{% if courses.enrolled.any? %}
{%- comment -%} {% if categories.enrolled.any? %}
{% assign all_categories = categories.enrolled | map: "name" %}
{% for enrolled_category in all_categories %}
<div class="category-header-wrapper">
<div>
<div class="np-dashboard-resources-category">
{{ enrolled_category }}
</div>
</div>
{%
include "filter_by_progress",
label: "Filter by Progress:",
default_option: "All Courses",
topic: enrolled_category,
%}
</div>
{%
include "carousel_courses",
items: courses.enrolled,
topic: enrolled_category,
%}
{% endfor %}
{% else %}
{% assign enrolled_category = "Not Categorized" %}
<div class="category-header-wrapper">
<div>
<div class="np-dashboard-resources-title">
Topic
</div>
<div class="np-dashboard-resources-category">
{{ enrolled_category }}
</div>
</div>
{%
include "filter_by_progress",
label: "Filter by Progress:",
default_option: "All Courses",
topic: enrolled_category,
%}
</div>
{%
include "carousel_courses",
items: courses.enrolled,
topic: enrolled_category,
{% if courses.enrolled.any? %}
{% for course in courses.enrolled %}
{% assign course_status = "" %}
{% if course.started? == false %}
{% assign course_status = "not-started" %}
{% elsif course.completed? %}
{% assign course_status = "completed" %}
{% elsif course.started? %}
{% assign course_status = "in-progress" %}
{% endif %}
<div class="np-carousel-card col-xs-12 col-md-4 {{course_status}}"> {% include "cards_course" with course %}</div>
{% endfor %}
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endif %} {%- endcomment -%}
{% for course in courses.enrolled %}
{% assign course_status = "" %}
{% if course.started? == false %}
{% assign course_status = "not-started" %}
{% elsif course.completed? %}
{% assign course_status = "completed" %}
{% elsif course.started? %}
{% assign course_status = "in-progress" %}
{% endif %}
<div class="np-carousel-card col-xs-12 col-md-4 {{course_status}}"> {% include "cards_course" with course %}</div>
{% endfor %}
{% else %}
<div class="np-dashboard-resources-title" style="margin-bottom:19px;">
Courses
</div>
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
<div style="margin-bottom:3rem;">
{% include "courses_zero_state", message: message %}
</div>
{% endif %}
{%- comment -%} </div> {%- endcomment -%}
{% endcapture %}
<div style="margin-bottom:3rem;">
{% include "courses_zero_state", message: message %}
</div>
{% endif %}
</div>
.
@ -135,99 +84,3 @@
</div> {% endcomment %}
</main>
{% include "footer" %}
<script>
// Creates the custom dropdown and dropdown functionality
var x, i, j, l, ll, selElmnt, a, b, c;
/* Look for any elements with the class “select-wrapper”: */
x = document.getElementsByClassName("progress-filter");
l = x.length;
for (i = 0; i < l; i++) {
selElmnt = x[i].getElementsByTagName("select")[0];
ll = selElmnt.length;
a = document.createElement("DIV");
a.setAttribute("class", "select-selected");
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
x[i].appendChild(a);
b = document.createElement("DIV");
b.setAttribute("class", "select-items select-hide");
for (j = 1; j < ll; j++) {
c = document.createElement("DIV");
c.innerHTML = selElmnt.options[j].innerHTML;
c.addEventListener("click", function(e) {
var y, i, k, s, h, sl, yl;
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
sl = s.length;
h = this.parentNode.previousSibling;
for (i = 0; i < sl; i++) {
if (s.options[i].innerHTML == this.innerHTML) {
s.selectedIndex = i;
h.innerHTML = this.innerHTML;
y = this.parentNode.getElementsByClassName("same-as-selected");
yl = y.length;
for (k = 0; k < yl; k++) {
y[k].removeAttribute("class");
}
this.setAttribute("class", "same-as-selected");
break;
}
}
filterCourses(this);
h.click();
});
b.appendChild(c);
}
x[i].appendChild(b);
a.addEventListener("click", function(e) {
e.stopPropagation();
closeAllSelect(this);
this.nextSibling.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
}
function closeAllSelect(elmnt) {
var x, y, i, xl, yl, arrNo = [];
x = document.getElementsByClassName("select-items");
y = document.getElementsByClassName("select-selected");
xl = x.length;
yl = y.length;
for (i = 0; i < yl; i++) {
if (elmnt == y[i]) {
arrNo.push(i)
} else {
y[i].classList.remove("select-arrow-active");
}
}
for (i = 0; i < xl; i++) {
if (arrNo.indexOf(i)) {
x[i].classList.add("select-hide");
}
}
}
/* If the user clicks anywhere outside the select box,
then close all select boxes: */
document.addEventListener("click", closeAllSelect);
$(".select-items div").each(function() {
if($( this ).text() == $(".select-selected").text()) {
$(this).addClass("same-as-selected");
}
});
function filterCourses(selectedItem) {
let filterGroup = $(selectedItem).closest(".progress-filter").data("topic");
let selectedFilter = $(selectedItem).text().replace(" ", "-").toLowerCase();
let carouselGroup = $('.courses-carousel[data-topic="' + filterGroup + '"]');
carouselGroup.slick('slickUnfilter');
if (selectedFilter != "all-courses") {
carouselGroup.slick('slickFilter', `.${selectedFilter}`);
}
}
</script>

226
Custom_Templates/customer_templates/Mizuno/dashboard_pixel.html.liquid
View File

@ -1,226 +0,0 @@
{% 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="np-dashboard-header">
<div class="np-resource-title">Hi {{current_person.first_name}}! &#128075;</div>
<div class="np-resource-subtitle">This is what’s relevant to you right now in Pixel Academy.</div>
</div>
<div class="row np-flex-center">
<div class="col-xs-12 col-md-8">
{% if features.learning_paths? %}
<div class="np-dashboard-resources-title">
{% t shared.learning_paths %}
</div>
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %}
</div>
<div class="np-grid-spacing col-xs-12 col-md-4">
<div class="np-dashboard-resources-title">Course Progress</div>
{% comment %} {% include "widget_course_progress" %} {% endcomment %}
<div class="np-dashboard-resources-title">Recent Achievements</div>
{% comment %} {% include "widget_achievements" %} {% endcomment %}
</div>
</div>
<div class="row dashboard-section-courses">
<div class="col-xs-12">
{% if courses.enrolled.any? %}
{% if categories.enrolled.any? %}
{% assign all_categories = categories.enrolled | map: "name" %}
{% for enrolled_category in all_categories %}
<div class="np-md-flex-wrapper">
<div>
<div class="np-dashboard-resources-title">
Topic
</div>
<div class="np-dashboard-resources-category">
{{ enrolled_category }}
</div>
</div>
{%
include "filter_by_progress",
label: "Filter by Progress:",
default_option: "All Courses",
topic: enrolled_category,
%}
</div>
{%
include "carousel_courses",
items: courses.enrolled,
topic: enrolled_category,
%}
{% endfor %}
{% else %}
{% assign enrolled_category = "Not Categorized" %}
<div class="np-md-flex-wrapper">
<div>
<div class="np-dashboard-resources-title">
Topic
</div>
<div class="np-dashboard-resources-category">
{{ enrolled_category }}
</div>
</div>
{%
include "filter_by_progress",
label: "Filter by Progress:",
default_option: "All Courses",
topic: enrolled_category,
%}
</div>
{%
include "carousel_courses",
items: courses.enrolled,
topic: enrolled_category,
%}
{% endif %}
{% else %}
<div class="np-dashboard-resources-title" style="margin-bottom:19px;">
Courses
</div>
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
<div style="margin-bottom:3rem;">
{% include "courses_zero_state", message: message %}
</div>
{% endif %}
</div>
</div>
{% comment %} <div class="row dashboard-section-events">
<div class="col-xs-12">
<div class="np-dashboard-resources-title">
{% t .upcoming_events %}
</div>
{% if training_events.enrolled.any? %}
{%
include "carousel_events",
items: training_events.enrolled,
%}
{% else %}
<div style="margin-bottom:3rem;">
{% include "training_events_zero_state" %}
</div>
{% endif %}
</div>
</div> {% endcomment %}
<div class="row dashboard-section-instructors">
<div class="col-xs-12">
{% if courses.enrolled.any? %}
<div class="np-dashboard-resources-title">
Meet the Instructors
</div>
{%
include "carousel_instructors",
items: courses.enrolled,
%}
{% endif %}
</div>
</div>
</main>
{% include "footer" %}
<script>
// Creates the custom dropdown and dropdown functionality
var x, i, j, l, ll, selElmnt, a, b, c;
/* Look for any elements with the class “select-wrapper”: */
x = document.getElementsByClassName("progress-filter");
l = x.length;
for (i = 0; i < l; i++) {
selElmnt = x[i].getElementsByTagName("select")[0];
ll = selElmnt.length;
a = document.createElement("DIV");
a.setAttribute("class", "select-selected");
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
x[i].appendChild(a);
b = document.createElement("DIV");
b.setAttribute("class", "select-items select-hide");
for (j = 1; j < ll; j++) {
c = document.createElement("DIV");
c.innerHTML = selElmnt.options[j].innerHTML;
c.addEventListener("click", function(e) {
var y, i, k, s, h, sl, yl;
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
sl = s.length;
h = this.parentNode.previousSibling;
for (i = 0; i < sl; i++) {
if (s.options[i].innerHTML == this.innerHTML) {
s.selectedIndex = i;
h.innerHTML = this.innerHTML;
y = this.parentNode.getElementsByClassName("same-as-selected");
yl = y.length;
for (k = 0; k < yl; k++) {
y[k].removeAttribute("class");
}
this.setAttribute("class", "same-as-selected");
break;
}
}
filterCourses(this);
h.click();
});
b.appendChild(c);
}
x[i].appendChild(b);
a.addEventListener("click", function(e) {
e.stopPropagation();
closeAllSelect(this);
this.nextSibling.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
}
function closeAllSelect(elmnt) {
var x, y, i, xl, yl, arrNo = [];
x = document.getElementsByClassName("select-items");
y = document.getElementsByClassName("select-selected");
xl = x.length;
yl = y.length;
for (i = 0; i < yl; i++) {
if (elmnt == y[i]) {
arrNo.push(i)
} else {
y[i].classList.remove("select-arrow-active");
}
}
for (i = 0; i < xl; i++) {
if (arrNo.indexOf(i)) {
x[i].classList.add("select-hide");
}
}
}
/* If the user clicks anywhere outside the select box,
then close all select boxes: */
document.addEventListener("click", closeAllSelect);
$(".select-items div").each(function() {
if($( this ).text() == $(".select-selected").text()) {
$(this).addClass("same-as-selected");
}
});
function filterCourses(selectedItem) {
let filterGroup = $(selectedItem).closest(".progress-filter").data("topic");
let selectedFilter = $(selectedItem).text().replace(" ", "-").toLowerCase();
let carouselGroup = $('.courses-carousel[data-topic="' + filterGroup + '"]');
carouselGroup.slick('slickUnfilter');
if (selectedFilter != "all-courses") {
carouselGroup.slick('slickFilter', `.${selectedFilter}`);
}
}
</script>

23
Custom_Templates/customer_templates/Mizuno/resources.html.liquid Normal file
View File

@ -0,0 +1,23 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<div class="np-catalog-header-wrapper">
<div class="np-catalog-header">
<div class="np-resource-title">Resources</div>
<div class="np-resource-subtitle">Placeholder Resources Subheadline</div>
</div>
{% 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 -%}
</div>
{% include "courses_resources" %}
</main>
{% include "footer" %}

40
Custom_Templates/customer_templates/Mizuno/sign-up-follow-up-dropdown.html.liquid Normal file
View File

@ -0,0 +1,40 @@
<select
class="sign-up-dropdown np-input"
type="text"
name="group-dropdown"
id="sign-up-group-dropdown"
required
>
<option class="second-login-group-option" value="bf21c4c8-6411-4248-9a21-d8afc3acf039">Brett Lamotte Accounts</option>
<option class="second-login-group-option" value="70721b80-d2fb-4b35-b134-10330f05dcd4">Brett Ramsey Accounts</option>
<option class="second-login-group-option" value="6da6e47f-2206-49a1-accf-5b7a0f4c9887">Brian Morgan Accounts</option>
<option class="second-login-group-option" value="48de99d6-9b64-4ad4-9c50-3372570805be">Brian Uvena Accounts</option>
<option class="second-login-group-option" value="e9c26981-54d8-4cf3-9597-815af352babf">Chris Campbell Accounts</option>
<option class="second-login-group-option" value="34ae2b61-3569-419d-83fd-6fe94c3af98d">Chuck Henry Accounts</option>
<option class="second-login-group-option" value="604495a4-5dcb-476b-9734-2bacec5d6ba4">Coby Davis Accounts</option>
<option class="second-login-group-option" value="9a14b3e2-feae-43e9-a1be-8f0a38da4ce6">David Miller Accounts</option>
<option class="second-login-group-option" value="59cc85c5-b6cc-4b84-96c2-306de83c7b81">Eli Wiecking Accounts</option>
<option class="second-login-group-option" value="db75d394-23b6-4060-944a-a779c62bab3f">Eric Kobylinski Accounts</option>
<option class="second-login-group-option" value="0e568fee-5bc4-4405-8729-009baea752f4">Jalen Hodges Accounts</option>
<option class="second-login-group-option" value="e57e371e-d791-463e-949c-c265dad88725">Jarrod Moore Accounts</option>
<option class="second-login-group-option" value="81540a2f-420c-40fd-8d00-d02b042247b4">Jason Libby Accounts</option>
<option class="second-login-group-option" value="edeccc46-77fa-4692-ba3c-8bcb368b2f83">Jeff Homady Accounts</option>
<option class="second-login-group-option" value="c78d63f9-0e17-4143-a0ee-25bed96ae3f0">Joe Bauer Accounts</option>
<option class="second-login-group-option" value="2643abe5-7fc2-477c-92ac-dd15abe7e2a4">Jon Eggleton Accounts</option>
<option class="second-login-group-option" value="6d5a5f84-c32e-4c02-8939-21254a5d20f0">Josh Knipp Accounts</option>
<option class="second-login-group-option" value="5e6ba0a9-6978-4143-9180-11bdd039459b">Kim Henderson Accounts</option>
<option class="second-login-group-option" value="8bbe834a-cd2a-4695-afe9-8b0e71567f01">Marcus Bougard Accounts</option>
<option class="second-login-group-option" value="e9e785b0-5c7d-436c-a31e-4b6b25d65315">Mike Borland Accounts</option>
<option class="second-login-group-option" value="06ee6469-dbe3-44bc-ad19-ae4e663122dc">Mike Lehfeldt Accounts</option>
<option class="second-login-group-option" value="d5637dbc-edc7-4451-8fcf-fe172f8fb970">Mike Shady Accounts</option>
<option class="second-login-group-option" value="1285de52-0f78-46d3-a1d8-edf448cd0537">Mizuno Territory Managers</option>
<option class="second-login-group-option" value="6e0343a3-04fc-4540-9731-996259514dd4">Peyton Randolph Accounts</option>
<option class="second-login-group-option" value="4d02c1cd-842b-4141-ab26-b8ae5374a6a7">PGA ID Test</option>
<option class="second-login-group-option" value="e2834b27-ed29-4519-943e-ff9898cab47c">Pierre Beland Accounts</option>
<option class="second-login-group-option" value="24a35a98-fbb5-4090-99a7-b0197939f576">Ridge Meracle Accounts</option>
<option class="second-login-group-option" value="4d9200df-dc02-42c4-811c-b32ffd5c7758">Steve Danilow Accounts</option>
<option class="second-login-group-option" value="a2f13d69-acdd-4201-90dc-4cfd4f5b7b06">Tad Pierson Accounts</option>
<option class="second-login-group-option" value="65b7766c-f45c-4746-8af2-5265d1de8253">Tim Botschner Accounts</option>
<option class="second-login-group-option" value="2a0100e6-2cd3-4f14-9706-ddadb95e9cb3">Tim Lavin Accounts</option>
<option class="second-login-group-option" value="58309856-2659-465b-83bc-9462be60c125">Tyler Schaaf Accounts</option>
</select>

209
Custom_Templates/customer_templates/Mizuno/sign-up-follow-up.html.liquid Normal file
View File

@ -0,0 +1,209 @@
{% assign groupValidator = false %}
{% for group in current_person.groups %}
{% if group %}
{% assign groupValidator = true %}
{% endif %}
{% endfor %}
{% if current_person.signed_in? %}
{% if groupValidator == true %}
<script>
if (window.location.pathname != '/app/dashboard'){
window.location.replace('/app/dashboard');
}
</script>
{% endif %}
{% endif %}
<div class="sign-up-follow-up-container" onload="">
<div class="sign-up-follow-up-content">
<img
alt="{{ current_school.name }}"
class="sign-up-follow-up-image sign-up-school-logo"
src="{{ current_school.logo_url }}"
/>
<h1 class="sign-up-follow-up-prompt">Please select the Territory Manager that is responsible for your Mizuno Golf account below: </h1>
{% include "sign-up-follow-up-dropdown" %}
<img
alt="sign-up-pga-logo"
class="sign-up-follow-up-image"
src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/Mizuno_follow_up_image.png"
/>
<h1 class="sign-up-follow-up-prompt">Upon completion of Mizuno Product and Fitting Knowledge Courses, PGA Members are eligible to receive PDR credits. If you are a PGA Member, please enter your member number below:</h1>
<input class="sign-up-follow-up-input" placeholder="PGA Member Number"/>
<button class="sign-up-follow-up-button" onclick="submitData()">Submit</button>
</div>
</div>
<style>
.sign-up-follow-up-container{
align-items: center;;
background: #F7F7F7;
display: flex;
flex-direction: row;
min-height: 100%;
min-width: 100%;
}
.sign-up-follow-up-content{
align-items: center;
display: flex;
flex-direction: column;
margin: 3rem 0;
text-align: center;
width: 100%;
}
.sign-up-follow-up-image{
max-width: 50%;
}
.sign-up-follow-up-prompt{
color: #001588;
font-size: 1.5rem;
margin: 1.5rem;
}
.sign-up-dropdown,
.sign-up-follow-up-input{
margin-top: 1.1rem;
text-align: center;
width: 50%;
}
.sign-up-dropdown{
height: 55px;
}
.sign-up-follow-up-input{
height: 30px;
}
.sign-up-follow-up-button{
border: 1px solid black;
border-radius: 5px;
height: 30px;
margin-top: 10px;
width: 90px;
}
@media screen and (min-width: 768px){
.sign-up-school-logo{
width: 400px;
}
.sign-up-follow-up-image{
max-width: 575px;
}
.sign-up-follow-up-prompt{
font-size: 2rem;
margin: 3.5rem;
margin-bottom: 1.5rem;
}
.sign-up-dropdown,
.sign-up-follow-up-input{
width: 40%;
}
}
@media screen and (min-width: 1440px){
.sign-up-follow-up-prompt{
font-size: 2.25rem;
margin: 3.5rem 10rem;
margin-bottom: 1.5rem;
}
}
</style>
<script>
/* INPUT AND SUBMIT VALIDATORS */
let digits = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
let onlyDigits;
let checkIfInputsExist = () => {
window.setTimeout(function(){
let validationStr = $(".sign-up-follow-up-input")[0].value.split("");
onlyDigits = true;
for(let i = 0; i < validationStr.length; i++){
if(digits.indexOf(validationStr[i]) < 0){
onlyDigits = false;
}
}
if(
(($(".sign-up-follow-up-input")[0].value.length >= 8 && $(".sign-up-follow-up-input")[0].value.length <= 9 && onlyDigits == true)
|| $(".sign-up-follow-up-input")[0].value.length == 0)
&& $("#sign-up-group-dropdown")[0].value.length != 0
){
$(".sign-up-follow-up-button").css("background-color","#001588");
$(".sign-up-follow-up-button").css("color","#FFFFFF");
$(".sign-up-follow-up-button").css("cursor","pointer");
$(".sign-up-follow-up-button").css("pointer-events","auto");
} else {
$(".sign-up-follow-up-button").css("background-color","#6F7277");
$(".sign-up-follow-up-button").css("color","#000000");
$(".sign-up-follow-up-button").css("cursor","initial");
$(".sign-up-follow-up-button").css("pointer-events","none");
}
}, 500)
}
document.addEventListener('keydown', checkIfInputsExist);
document.getElementsByClassName("sign-up-follow-up-input")[0].addEventListener('change', checkIfInputsExist);
document.getElementById("sign-up-group-dropdown").addEventListener('change', checkIfInputsExist);
let submitData = async () => {
if(
(($(".sign-up-follow-up-input")[0].value.length >= 8 && $(".sign-up-follow-up-input")[0].value.length <= 9 && onlyDigits == true)
|| $(".sign-up-follow-up-input")[0].value.length == 0)
&& $("#sign-up-group-dropdown")[0].value.length != 0
){
function webhookCaller(){
return new Promise(function(res, rej) {
let xhr = new XMLHttpRequest();
url = "https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pga-id-submit";
xhr.addEventListener("load", e => {
window.location.replace('/app/waiting-room');
});
xhr.open("POST", url, true);
if($(".sign-up-follow-up-input")[0].value.length == 0){
xhr.send(JSON.stringify({
email: '{{ current_person.email }}',
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
user_id: '{{ current_person.id }}',
user_group: $("#sign-up-group-dropdown")[0].value
}))
} else {
xhr.send(JSON.stringify({
email: '{{ current_person.email }}',
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
pga_id: $(".sign-up-follow-up-input")[0].value,
user_id: '{{ current_person.id }}',
user_group: $("#sign-up-group-dropdown")[0].value
}))
}
})
}
try {
await webhookCaller()
.then((res) => {
window.location.replace('/app/dashboard')
})
} catch(err) {
console.log(err)
}
}
}
</script>

20
Custom_Templates/customer_templates/Mizuno/styles.css.liquid
View File

@ -282,7 +282,7 @@ HOMEPAGE */
justify-content: flex-end;
height: 30px;
color: #001588;
font-size: 16px;
font-size: 10px;
font-weight: 400;
}
@ -305,6 +305,24 @@ HOMEPAGE */
display: block;
height: 0.2rem;
}
@media screen and (min-width: 550px){
.np-sub-navigation-content-item-link {
font-size: 12px;
}
}
@media screen and (min-width: 650px){
.np-sub-navigation-content-item-link {
font-size: 14px;
}
}
@media screen and (min-width: 850px){
.np-sub-navigation-content-item-link {
font-size: 16px;
}
}
/* END */
/* SUB NAVIGATION */

105
Custom_Templates/customer_templates/Mizuno/waiting-room.html.liquid Normal file
View File

@ -0,0 +1,105 @@
{% assign ready = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group %}
{% assign ready = true %}
{% break %}
{% endif %}
{% endfor %}
{% endif %}
{% if ready %}
<script>
if (window.location.pathname != '/app/dashboard'){
window.location.replace('/app/dashboard');
}
</script>
{% else %}
<script>
window.setTimeout(function() {
window.location.reload(true);
}, 3000);
</script>
{% endif %}
<main>
<div class="waiting-room-container">
<img class="image" src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/logo.png">
<div class="text">
Thank you for entering your PGA ID!
Please wait while we configure the school for you.
You’ll be automatically redirected when it's ready!
</div>
</div>
</main>
<style>
main {
align-items: center;
background: #001588;
display: flex;
flex-direction: row;
height: 100%;
margin: auto;
}
.waiting-room-container{
align-items: center;
display: flex;
flex-direction: column;
}
.image {
display: flex;
margin: 30px auto;
width: 90%;
}
.text {
color: #FFFFFF;
font-size: 30px;
margin: 50px auto;
text-align: center;
}
@media screen and (min-width: 1000px){
.image{
width: 70%;
}
.text{
margin: 50px;
margin-top: 0;
}
}
@media screen and (min-width: 1200px){
.image{
width: 60%;
}
.text{
margin: 40px 100px;
}
}
@media screen and (min-width: 1700px){
.image{
width: 50%;
}
.text{
font-size: 36px;
margin: 50px 150px;
}
}
@media screen and (min-width: 2200px){
.image{
width: 40%;
}
.text{
font-size: 48px;
margin: 50px 200px;
margin-top: 0;
}
}
</style>