Glassdoor notes, some Mizuno templates & a script
This commit is contained in:
Norm Rasmussen
Binary file not shown.
@ -1,19 +1,23 @@
|
||||
{% assign groupValidator = false %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group %}
|
||||
{% assign groupValidator = true %}
|
||||
{% unless current_person.email contains '+preview' %}
|
||||
{% assign ready = false %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_person.properties.city
|
||||
and current_person.properties.state
|
||||
and current_person.properties.store_name
|
||||
and current_person.properties.city.size > 0
|
||||
and current_person.properties.state.size > 0
|
||||
and current_person.properties.store_name.size > 0
|
||||
%}
|
||||
{% assign ready = true %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if current_person.signed_in? and groupValidator == false %}
|
||||
{% unless current_person.email contains '+preview-' %}
|
||||
{% if ready == false %}
|
||||
<script>
|
||||
if (window.location.pathname != '/app/sign-up-follow-up'){
|
||||
window.location.replace('/app/sign-up-follow-up');
|
||||
}
|
||||
window.location.href = '/app/sign-up-follow-up'
|
||||
</script>
|
||||
{% endunless %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endunless %}
|
||||
|
||||
<header>
|
||||
{% if current_school.logo_url %}
|
||||
@ -32,50 +36,66 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
</button>
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
{% for website_navigation in navigations.header_navigations_external %}
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
target="_blank"
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{%- comment -%} Desktop Profile Tooltip {%- endcomment -%}
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
</button>
|
||||
|
||||
{%- comment -%} Desktop Profile Tooltip {%- endcomment -%}
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
@ -90,8 +110,8 @@
|
||||
background-color: #001588;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-right: 70px;
|
||||
justify-content: center;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.mizuno-logo{
|
||||
@ -103,13 +123,23 @@
|
||||
.np-header-logo-image {
|
||||
display: block;
|
||||
margin: auto;
|
||||
height: 120px;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
header {
|
||||
justify-content: space-between;
|
||||
margin-bottom: 18px;
|
||||
padding-right: 70px;
|
||||
}
|
||||
|
||||
.mizuno-logo {
|
||||
padding: 30px 70px;
|
||||
padding: 20px 50px;
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav{
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="homepage-section angled-section promo-angled-section">
|
||||
<div class="homepage-section angled-section promo-angled-section">
|
||||
<div class="homepage-section-container angled-section-container np-header-font-color">
|
||||
<div class="np-homepage-headline-mini np-header-font-color">
|
||||
About Mizuno
|
||||
@ -7,11 +7,7 @@
|
||||
It is our mission to not only meet the demands of those who are sincere athletes but also those who believe in the value of sports by offering superior goods and services. We pursue new height in sports and beyond.
|
||||
</div>
|
||||
<div class="video-container">
|
||||
<iframe id="video" class="mizuno-promo-video" width="1000" height="500" src="https://www.youtube.com/embed/yBD3_0fq_Ug" title="Mizuno Reach Beyond Promo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe>
|
||||
|
||||
{% comment %}
|
||||
<iframe id="video" class="mizuno-promo-video" width="1000" height="500" src="https://youtu.be/yBD3_0fq_Ug" title="Mizuno Reach Beyond Promo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe>
|
||||
{% endcomment %}
|
||||
</div>
|
||||
<div class="np-homepage-headline-mini np-header-font-color">
|
||||
Our Vision
|
||||
@ -74,4 +70,4 @@
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
@ -0,0 +1,59 @@
|
||||
<select
|
||||
class="sign-up-dropdown np-input"
|
||||
type="text"
|
||||
name="state-dropdown"
|
||||
id="sign-up-state-dropdown"
|
||||
required
|
||||
>
|
||||
<option class="second-login-group-option" value="" selected disabled hidden>State</option>
|
||||
<option class="second-login-state-option" value="AL">Alabama</option>
|
||||
<option class="second-login-state-option" value="AK">Alaska</option>
|
||||
<option class="second-login-state-option" value="AZ">Arizona</option>
|
||||
<option class="second-login-state-option" value="AR">Arkansas</option>
|
||||
<option class="second-login-state-option" value="CA">California</option>
|
||||
<option class="second-login-state-option" value="CO">Colorado</option>
|
||||
<option class="second-login-state-option" value="CT">Connecticut</option>
|
||||
<option class="second-login-state-option" value="DE">Delaware</option>
|
||||
<option class="second-login-state-option" value="FL">Florida</option>
|
||||
<option class="second-login-state-option" value="GA">Georgia</option>
|
||||
<option class="second-login-state-option" value="HI">Hawaii</option>
|
||||
<option class="second-login-state-option" value="ID">Idaho</option>
|
||||
<option class="second-login-state-option" value="IL">Illinois</option>
|
||||
<option class="second-login-state-option" value="IN">Indiana</option>
|
||||
<option class="second-login-state-option" value="IA">Iowa</option>
|
||||
<option class="second-login-state-option" value="KS">Kansas</option>
|
||||
<option class="second-login-state-option" value="KY">Kentucky</option>
|
||||
<option class="second-login-state-option" value="LA">Louisiana</option>
|
||||
<option class="second-login-state-option" value="ME">Maine</option>
|
||||
<option class="second-login-state-option" value="MD">Maryland</option>
|
||||
<option class="second-login-state-option" value="MA">Massachusetts</option>
|
||||
<option class="second-login-state-option" value="MI">Michigan</option>
|
||||
<option class="second-login-state-option" value="MN">Minnesota</option>
|
||||
<option class="second-login-state-option" value="MS">Mississippi</option>
|
||||
<option class="second-login-state-option" value="MO">Missouri</option>
|
||||
<option class="second-login-state-option" value="MT">Montana</option>
|
||||
<option class="second-login-state-option" value="NE">Nebraska</option>
|
||||
<option class="second-login-state-option" value="NV">Nevada</option>
|
||||
<option class="second-login-state-option" value="NH">New Hampshire</option>
|
||||
<option class="second-login-state-option" value="NJ">New Jersey</option>
|
||||
<option class="second-login-state-option" value="NM">New Mexico</option>
|
||||
<option class="second-login-state-option" value="NY">New York</option>
|
||||
<option class="second-login-state-option" value="NC">North Carolina</option>
|
||||
<option class="second-login-state-option" value="ND">North Dakota</option>
|
||||
<option class="second-login-state-option" value="OH">Ohio</option>
|
||||
<option class="second-login-state-option" value="OK">Oklahoma</option>
|
||||
<option class="second-login-state-option" value="OR">Oregon</option>
|
||||
<option class="second-login-state-option" value="PA">Pennsylvania</option>
|
||||
<option class="second-login-state-option" value="RI">Rhode Island</option>
|
||||
<option class="second-login-state-option" value="SC">South Carolina</option>
|
||||
<option class="second-login-state-option" value="SD">South Dakota</option>
|
||||
<option class="second-login-state-option" value="TN">Tennessee</option>
|
||||
<option class="second-login-state-option" value="TX">Texas</option>
|
||||
<option class="second-login-state-option" value="UT">Utah</option>
|
||||
<option class="second-login-state-option" value="VT">Vermont</option>
|
||||
<option class="second-login-state-option" value="VA">Virginia</option>
|
||||
<option class="second-login-state-option" value="WA">Washington</option>
|
||||
<option class="second-login-state-option" value="WV">West Virginia</option>
|
||||
<option class="second-login-state-option" value="WI">Wisconsin</option>
|
||||
<option class="second-login-state-option" value="WY">Wyoming</option>
|
||||
</select>
|
||||
@ -1,11 +1,17 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
<div 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="https://mizunogolf.com" target="_blank">
|
||||
MizunoGolf.com
|
||||
</a>
|
||||
</div>
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% if link.label == 'Home' %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
{% if link.label == 'Catalog' %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}" style="display: none">
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
<a class="np-sub-navigation-content-item-link" href="https://mizunogolf.com" target="_blank">
|
||||
MizunoGolf.com
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
@ -1,191 +1,80 @@
|
||||
{% if current_person.signed_in? == false %}
|
||||
{% include "header_special" %}
|
||||
<div class="sub-header-angled-section"></div>
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<a href="https://www.mizunousa.com" target="_blank">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-homepage-hero-logo-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/logo.png"
|
||||
/>
|
||||
</a>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
Mizuno Academy
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
Founded in Osaka, Japan, Mizuno has been dedicated to creating premium performance gear for all sports lovers for over a century. Our mission is to contribute to society through the advancement of sporting goods and the promotion of sports. Mizuno Academy serves as your dedicated platform for all Mizuno product information, training, and certification. Begin your journey today and become a Mizuno Pro.
|
||||
</div>
|
||||
<div class="hero-sign-up-cta np-header-font-color">
|
||||
<a class="hero-sign-up-cta-link" href="{% route sign_up %}">Become a Pro </a><span class="fal fa-arrow-right"></span>
|
||||
</div>
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
</div>
|
||||
{%- comment -%} {% include "sub_navigation" %} {%- endcomment -%}
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline">
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "mizuno_promo" %}
|
||||
|
||||
{% include "homepage_panels_section" %}
|
||||
</main>
|
||||
{% include "footer_special" %}
|
||||
{% else %}
|
||||
<script>
|
||||
window.location.href = '/app/dashboard'
|
||||
</script>
|
||||
{% endif %}
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
{% if course.id == '9b02fce5-9044-450e-a4d9-4160754e4599' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-homepage{
|
||||
margin-bottom: 0;
|
||||
margin-top: -18px;
|
||||
}
|
||||
|
||||
.sub-header-angled-section{
|
||||
content: "";
|
||||
width: 100%;
|
||||
background-color: #001588;
|
||||
height: calc(100% + 200px);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform-origin: left bottom;
|
||||
transform: skewY(9deg);
|
||||
.np-homepage-hero-image{
|
||||
height: auto;
|
||||
margin-bottom: -4px;
|
||||
max-height: none;
|
||||
max-width: 100%;
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
background-color: transparent;
|
||||
height: 445px;
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
@media screen and (min-widthL 768px){
|
||||
.np-homepage{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.np-homepage-hero-logo-image{
|
||||
height: 250px;
|
||||
max-height: 35%;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline,
|
||||
.homepage-section .np-homepage-subheadline {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.hero-sign-up-cta{
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline,
|
||||
.homepage-section .np-homepage-subheadline,
|
||||
.hero-sign-up-cta{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.np-homepage-headline-mini{
|
||||
font-size: 1.25rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.hero-sign-up-cta-link{
|
||||
color: #ffffff;
|
||||
text-decoration: underline 2px solid #ffffff;
|
||||
}
|
||||
|
||||
.video-container{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 400px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(7deg);
|
||||
.np-homepage-hero-image{
|
||||
max-height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 465px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(6deg);
|
||||
@media only screen and (min-width: 75em){
|
||||
#mizuno_special_course {
|
||||
flex-basis: 40.333333%;
|
||||
max-width: 40.333333%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(8deg);
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
height: 785px;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.np-homepage-hero-logo-image{
|
||||
height: 250px;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 64px;
|
||||
margin-bottom: 35px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.np-homepage-headline-mini{
|
||||
font-size: 48px;
|
||||
margin-bottom: 35px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline,
|
||||
.homepage-section .np-homepage-subheadline {
|
||||
font-size: 25px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.hero-sign-up-cta{
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.homepage-section-container{
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.video-container{
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 850px){
|
||||
.np-homepage-hero{
|
||||
height: 685px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(6deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1100px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(4deg);
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
height: 585px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2000px){
|
||||
.np-homepage-hero{
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2500px){
|
||||
.np-homepage-hero{
|
||||
margin-top: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
<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>
|
||||
<option class="second-login-group-option" value="da7a064a-da24-4011-b7ba-ffa33586d36c">Mizuno Canada</option>
|
||||
</select>
|
||||
@ -1,19 +1,3 @@
|
||||
{% 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">
|
||||
@ -23,19 +7,20 @@
|
||||
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>
|
||||
<h1 class="sign-up-follow-up-prompt">Please enter your city and store name and select your state from the dropdown below: </h1>
|
||||
|
||||
{% include "sign-up-follow-up-dropdown" %}
|
||||
<input class="sign-up-follow-up-input sign-up-follow-up-store-name" placeholder="Store Name"/>
|
||||
|
||||
<img
|
||||
<input class="sign-up-follow-up-input sign-up-follow-up-city" placeholder="City"/>
|
||||
|
||||
{% include "sign_up_follow_up_dropdown" %}
|
||||
{%- comment -%} <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>
|
||||
/> {%- endcomment -%}
|
||||
{%- comment -%} <h1 class="sign-up-follow-up-prompt">Please enter your store name below:</h1> {%- endcomment -%}
|
||||
|
||||
|
||||
<input class="sign-up-follow-up-input" placeholder="PGA Member Number"/>
|
||||
<button class="sign-up-follow-up-button" onclick="submitData()">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -54,7 +39,7 @@
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 3rem 0;
|
||||
margin: 1rem 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
@ -78,6 +63,7 @@
|
||||
|
||||
.sign-up-dropdown{
|
||||
height: 55px;
|
||||
padding-left: 28px;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-input{
|
||||
@ -102,9 +88,10 @@
|
||||
}
|
||||
|
||||
.sign-up-follow-up-prompt{
|
||||
font-size: 2rem;
|
||||
margin: 3.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 1.75rem;
|
||||
margin: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.sign-up-dropdown,
|
||||
@ -123,25 +110,11 @@
|
||||
</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-store-name")[0].value.length > 0) && $(".sign-up-follow-up-city")[0].value.length > 0 && $("#sign-up-state-dropdown")[0].value.length != 0
|
||||
){
|
||||
$(".sign-up-follow-up-button").css("background-color","#001588");
|
||||
$(".sign-up-follow-up-button").css("color","#FFFFFF");
|
||||
@ -156,42 +129,33 @@
|
||||
}, 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);
|
||||
document.getElementsByClassName("sign-up-follow-up-store-name")[0].addEventListener('change', checkIfInputsExist);
|
||||
document.getElementsByClassName("sign-up-follow-up-city")[0].addEventListener('change', checkIfInputsExist);
|
||||
document.getElementById("sign-up-state-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
|
||||
){
|
||||
if(
|
||||
($(".sign-up-follow-up-store-name")[0].value.length > 0) && $(".sign-up-follow-up-city")[0].value.length > 0 && $("#sign-up-state-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";
|
||||
url = "https://webhooks.workato.com/webhooks/rest/4c162498-2fc6-4d3f-b5ea-6b98218b2c39/sign-up-follow-up";
|
||||
|
||||
xhr.addEventListener("load", e => {
|
||||
window.location.replace('/app/waiting-room');
|
||||
//window.location.replace('/app');
|
||||
});
|
||||
|
||||
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
|
||||
}))
|
||||
}
|
||||
xhr.send(JSON.stringify({
|
||||
email: '{{ current_person.email }}',
|
||||
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
||||
user_id: '{{ current_person.id }}',
|
||||
user_city: $(".sign-up-follow-up-city")[0].value,
|
||||
user_state: $("#sign-up-state-dropdown")[0].value,
|
||||
user_store_name: $(".sign-up-follow-up-store-name")[0].value
|
||||
}))
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -1,18 +1,22 @@
|
||||
{% assign ready = false %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group %}
|
||||
{% assign ready = true %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if current_person.properties.city
|
||||
and current_person.properties.state
|
||||
and current_person.properties.store_name
|
||||
and current_person.properties.city.size > 0
|
||||
and current_person.properties.state.size > 0
|
||||
and current_person.properties.store_name.size > 0
|
||||
%}
|
||||
{% assign ready = true %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if ready %}
|
||||
{% if ready == true %}
|
||||
<script>
|
||||
if (window.location.pathname != '/app/dashboard'){
|
||||
window.location.replace('/app/dashboard');
|
||||
}
|
||||
/* if (window.location.pathname != '/app'){
|
||||
window.location.replace('/app');
|
||||
} */
|
||||
window.location.href = '/app'
|
||||
</script>
|
||||
{% else %}
|
||||
<script>
|
||||
@ -26,7 +30,7 @@
|
||||
<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!
|
||||
Thank you for entering your Region and Store Name!
|
||||
Please wait while we configure the school for you.
|
||||
You’ll be automatically redirected when it's ready!
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user