diff --git a/blocks/dealer-locator/dealer-locator.css b/blocks/dealer-locator/dealer-locator.css
index fe26f7c77..b0370fd6b 100644
--- a/blocks/dealer-locator/dealer-locator.css
+++ b/blocks/dealer-locator/dealer-locator.css
@@ -1,2449 +1,2451 @@
/* stylelint-disable */
.dealer-locator {
- font-size: 16px;
- font-family: var(--ff-body);
+ font-size: 16px;
+ font-family: var(--ff-body);
}
/* cookie button position fix */
#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
- bottom: 30px;
+ bottom: 30px;
}
-main .section.dealer-locator-container > div {
- margin: 0;
+main .section.dealer-locator-container>div {
+ margin: 0;
}
+
@media (min-width: 992px) {
- main .section.dealer-locator-container > :first-child {
- margin: 0;
- }
+ main .section.dealer-locator-container> :first-child {
+ margin: 0;
+ }
}
.dealer-locator [hidden] {
- display: none
+ display: none
}
.dealer-locator button,
.dealer-locator input {
- font-size: inherit;
- font-family: inherit;
- line-height: inherit
+ font-size: inherit;
+ font-family: inherit;
+ line-height: inherit
}
.dealer-locator ul>li {
- margin-bottom: 0
+ margin-bottom: 0
}
.dealer-locator ul {
- margin-top: 0
+ margin-top: 0
}
.dealer-locator ul {
- margin-bottom: 24px
+ margin-bottom: 24px
}
.dealer-locator ul>li {
- position: relative
+ position: relative
}
-.dealer-locator,.dealer-locator,.dealer-locator #map,.dealer-locator .partsasist-form .regForm #select-form #eloquaForm .row {
- overflow: hidden
+.dealer-locator, .dealer-locator, .dealer-locator #map, .dealer-locator .partsasist-form .regForm #select-form #eloquaForm .row {
+ overflow: hidden
}
.dealer-locator.search-bar-added {
- height: calc(100% - 9.6em)
+ height: calc(100% - 9.6em)
}
.dealer-locator {
- width: 100% !important;
- height: calc(100vh - var(--nav-height));
- position: absolute;
- left: 0;
+ width: 100% !important;
+ height: calc(100vh - var(--nav-height));
+ position: absolute;
+ top: var(--nav-height);
+ left: 0;
}
@supports (height: 1svh) {
- .dealer-locator {
- height: calc(100svh - var(--nav-height));
- }
+ .dealer-locator {
+ height: calc(100svh - var(--nav-height));
+ }
}
.dealer-locator input[type=text],
.dealer-locator select,
.dealer-locator textarea {
- display: block;
- width: 100%;
- padding: 10px 40px 10px 15px;
- border: none;
- border-radius: 0;
- background-color: #ebebea;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none
+ display: block;
+ width: 100%;
+ padding: 10px 40px 10px 15px;
+ border: none;
+ border-radius: 0;
+ background-color: #ebebea;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none
}
.dealer-locator button {
- font-family: var(--ff-body);
- display: unset;
- box-sizing: unset;
- text-decoration: unset;
- border: unset;
- padding: 1px 6px;
- font-style: unset;
- font-weight: unset;
- cursor: unset;
- color: unset;
- background-color: unset;
- margin: unset;
- white-space: unset;
- overflow: unset;
- text-overflow: unset;
- border-radius: unset;
-}
-
-.dealer-locator .sidebar-legend span > div > div {
- display: flex;
- justify-content: space-around;
+ font-family: var(--ff-body);
+ display: unset;
+ box-sizing: unset;
+ text-decoration: unset;
+ border: unset;
+ padding: 1px 6px;
+ font-style: unset;
+ font-weight: unset;
+ cursor: unset;
+ color: unset;
+ background-color: unset;
+ margin: unset;
+ white-space: unset;
+ overflow: unset;
+ text-overflow: unset;
+ border-radius: unset;
+}
+
+.dealer-locator .sidebar-legend span>div>div {
+ display: flex;
+ justify-content: space-around;
}
.dealer-locator .partsasist-form {
- z-index: 1050;
- display: none;
- display: block;
- position: absolute;
- width: 100%;
- height: 100%
+ z-index: 1050;
+ display: none;
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%
}
.dealer-locator .partsasist-form .backdrop {
- background-color: #fff;
- position: absolute;
- width: 100%;
- height: 100%
+ background-color: #fff;
+ position: absolute;
+ width: 100%;
+ height: 100%
}
.dealer-locator .partsasist-form .regForm {
- width: 1200px;
- margin: 0 auto;
- position: relative
+ width: 1200px;
+ margin: 0 auto;
+ position: relative
}
.dealer-locator .partsasist-form .regForm.rtl-padding {
- padding-top: 25px;
- padding-right: 25px;
- padding-left: 25px
+ padding-top: 25px;
+ padding-right: 25px;
+ padding-left: 25px
}
.dealer-locator .partsasist-form .regForm #select-form #eloquaForm {
- color: #4d4e53!important
+ color: #4d4e53 !important
}
.dealer-locator .partsasist-form .regForm #select-form #eloquaForm .field-holder {
- width: 100%
+ width: 100%
}
.dealer-locator .partsasist-form .regForm .submit-button {
- width: 100%
+ width: 100%
}
@media (max-width: 991px) {
- .dealer-locator .partsasist-form .regForm {
- width:100%
- }
+ .dealer-locator .partsasist-form .regForm {
+ width: 100%
+ }
}
.dealer-locator .datasource-option {
- z-index: 1050;
- display: none;
- display: block;
- position: absolute;
- width: 100%;
- height: 100%
+ z-index: 1050;
+ display: none;
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%
}
.dealer-locator .datasource-option .backdrop {
- background-color: #000;
- opacity: .6;
- position: absolute;
- width: 100%;
- height: 100%
+ background-color: #000;
+ opacity: .6;
+ position: absolute;
+ width: 100%;
+ height: 100%
}
.dealer-locator .datasource-option .row {
- text-align: center;
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- width: 600px;
- background-color: #fff;
- height: 350px;
- display: grid;
- align-items: center;
- border: 15px solid #4d4e53
+ text-align: center;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: 600px;
+ background-color: #fff;
+ height: 350px;
+ display: grid;
+ align-items: center;
+ border: 15px solid #4d4e53
}
@media (max-width: 991px) {
- .dealer-locator .datasource-option .row {
- width:85vw;
- padding: 0;
- margin: 0
- }
+ .dealer-locator .datasource-option .row {
+ width: 85vw;
+ padding: 0;
+ margin: 0
+ }
}
.dealer-locator .datasource-option .row h3 {
- font-size: 4rem
+ font-size: 4rem
}
.dealer-locator .datasource-option .row button {
- display: inline-block;
- margin-bottom: 0;
- font-weight: 700;
- text-align: center;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- background-image: none;
- border: 2px solid #4d4e53;
- white-space: nowrap;
- padding: 12px 32px;
- font-size: 16px;
- line-height: 1.5;
- border-radius: 0;
- user-select: none;
- user-select: none;
- color: #4d4e53;
- background-color: #FFF
-}
-
-@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
- .dealer-locator .datasource-option .row {
- padding-top: 50px
- }
-}
-
-.dealer-locator *,.dealer-locator ::after,.dealer-locator ::before {
- box-sizing: initial
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: 700;
+ text-align: center;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-image: none;
+ border: 2px solid #4d4e53;
+ white-space: nowrap;
+ padding: 12px 32px;
+ font-size: 16px;
+ line-height: 1.5;
+ border-radius: 0;
+ user-select: none;
+ user-select: none;
+ color: #4d4e53;
+ background-color: #FFF
+}
+
+@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
+ .dealer-locator .datasource-option .row {
+ padding-top: 50px
+ }
+}
+
+.dealer-locator *, .dealer-locator ::after, .dealer-locator ::before {
+ box-sizing: initial
}
.dealer-locator .tooltip {
- position: relative;
- display: inline-block;
- opacity: 1
+ position: relative;
+ display: inline-block;
+ opacity: 1
}
.dealer-locator .tooltip .tooltiptext {
- visibility: hidden;
- font-family: Arial,sans-serif;
- width: 120px;
- background-color: #000;
- font-size: 12px;
- color: #fff;
- text-align: center;
- padding: 5px 0;
- border-radius: 6px;
- text-transform: none;
- position: absolute;
- z-index: 150;
- top: 100%;
- left: 50%;
- margin-left: -60px
+ visibility: hidden;
+ font-family: Arial, sans-serif;
+ width: 120px;
+ background-color: #000;
+ font-size: 12px;
+ color: #fff;
+ text-align: center;
+ padding: 5px 0;
+ border-radius: 6px;
+ text-transform: none;
+ position: absolute;
+ z-index: 150;
+ top: 100%;
+ left: 50%;
+ margin-left: -60px
}
.dealer-locator .tooltip .tooltiptext.cancel {
- left: -9%
+ left: -9%
}
.dealer-locator .tooltip .tooltiptext.cancel::after {
- top: -13px;
- left: 83%;
- margin-left: -20.5px
+ top: -13px;
+ left: 83%;
+ margin-left: -20.5px
}
.dealer-locator .tooltip .tooltiptext.copy {
- margin-left: -110px;
- top: 30px
+ margin-left: -110px;
+ top: 30px
}
.dealer-locator .tooltip .tooltiptext.link {
- margin-left: -110px;
- top: 20px
+ margin-left: -110px;
+ top: 20px
}
-.dealer-locator .tooltip .tooltiptext.geo,.dealer-locator .tooltip .tooltiptext.mydealer {
- margin-left: -105px;
- top: 35px
+.dealer-locator .tooltip .tooltiptext.geo, .dealer-locator .tooltip .tooltiptext.mydealer {
+ margin-left: -105px;
+ top: 35px
}
.dealer-locator .tooltip .tooltiptext.removepin {
- margin-left: 0
+ margin-left: 0
}
.dealer-locator .tooltip:hover .tooltiptext {
- visibility: visible
+ visibility: visible
}
.dealer-locator .main-directions .go-back button {
- background: 0 0;
- cursor: pointer;
- border: 1px solid #000;
- font-size: 14px;
- padding: 6px;
- margin-bottom: 10px;
- opacity: .8
+ background: 0 0;
+ cursor: pointer;
+ border: 1px solid #000;
+ font-size: 14px;
+ padding: 6px;
+ margin-bottom: 10px;
+ opacity: .8
}
.dealer-locator .main-directions .go-back button:hover {
- opacity: 1;
- background-color: #e6e6e6;
- border: 1px solid transparent
+ opacity: 1;
+ background-color: #e6e6e6;
+ border: 1px solid transparent
}
.dealer-locator .select-directions {
- display: inline-block;
- text-align: right;
- width: 90%
+ display: inline-block;
+ text-align: right;
+ width: 90%
}
.dealer-locator .select-directions .go-back button {
- background: 0 0;
- cursor: pointer;
- border: 1px solid #000;
- font-size: 14px;
- padding: 6px;
- margin-bottom: 10px;
- opacity: .8
+ background: 0 0;
+ cursor: pointer;
+ border: 1px solid #000;
+ font-size: 14px;
+ padding: 6px;
+ margin-bottom: 10px;
+ opacity: .8
}
.dealer-locator .select-directions .go-back button:hover {
- opacity: 1;
- background-color: #e6e6e6;
- border: 1px solid transparent
+ opacity: 1;
+ background-color: #e6e6e6;
+ border: 1px solid transparent
}
.dealer-locator div[id*=sidebar-select-pins] .header-title {
- padding: 0!important
+ padding: 0 !important
}
.dealer-locator .go-back-pin button {
- background: 0 0;
- cursor: pointer;
- border: 1px solid #000;
- font-size: 14px;
- padding: 6px;
- margin-bottom: 10px;
- width: 100%;
- opacity: .8
+ background: 0 0;
+ cursor: pointer;
+ border: 1px solid #000;
+ font-size: 14px;
+ padding: 6px;
+ margin-bottom: 10px;
+ width: 100%;
+ opacity: .8
}
.dealer-locator .go-back-pin button:hover {
- opacity: 1;
- background-color: #e6e6e6;
- border: 1px solid transparent
+ opacity: 1;
+ background-color: #e6e6e6;
+ border: 1px solid transparent
}
.dealer-locator .panel-footer {
- position: absolute;
- bottom: 0;
- border-top: 1px solid #E4E4E4;
- left: 0;
- padding: 10px;
- width: 388px;
- color: #8c8c8c;
- z-index: 10;
- background: #fff;
- display: none
+ position: absolute;
+ bottom: 0;
+ border-top: 1px solid #E4E4E4;
+ left: 0;
+ padding: 10px;
+ width: 388px;
+ color: #8c8c8c;
+ z-index: 10;
+ background: #fff;
+ display: none
}
.dealer-locator .nearby-pins {
- font-size: 15px;
- cursor: pointer;
- height: 100%;
- position: relative;
- overflow: hidden
+ font-size: 15px;
+ cursor: pointer;
+ height: 100%;
+ position: relative;
+ overflow: hidden
}
.dealer-locator .nearby-pins>div {
- border: 1px solid transparent
+ border: 1px solid transparent
}
.dealer-locator .nearby-pins::-webkit-scrollbar-thumb {
- background-color: #888!important
+ background-color: #888 !important
}
.dealer-locator .nearby-pins::-webkit-scrollbar {
- width: 6px!important
+ width: 6px !important
}
.dealer-locator .nearby-pins .panel-card {
- box-shadow: none;
- border-bottom: 1px solid #e6e6e6;
- cursor: default
+ box-shadow: none;
+ border-bottom: 1px solid #e6e6e6;
+ cursor: default
}
.dealer-locator .nearby-pins .panel-card:hover {
- background-color: #f2f2f3
+ background-color: #f2f2f3
}
.dealer-locator .nearby-pins article.teaser {
- font-size: inherit;
- padding-bottom: 12px;
- padding-top: 5px;
- width: 100%;
- display: inline-flex;
- align-items: center;
- justify-content: center
+ font-size: inherit;
+ padding-bottom: 12px;
+ padding-top: 5px;
+ width: 100%;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center
}
.dealer-locator .nearby-pins article.teaser .teaser-top {
- cursor: pointer
+ cursor: pointer
}
.dealer-locator .nearby-pins article.teaser .teaser-top #marker {
- width: 30px;
- float: left;
- padding-top: 10px;
- padding-right: 10px
+ width: 30px;
+ float: left;
+ padding-top: 10px;
+ padding-right: 10px
}
.dealer-locator .nearby-pins article.teaser .teaser-top .heading {
- display: flex;
- -webkit-box-pack: justify;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
}
.dealer-locator .nearby-pins article.teaser .teaser-top .heading p {
- color: #000;
- font-size: 14px;
- display: block;
- font-weight: 700;
- margin: 10px 0 0
+ color: #000;
+ font-size: 14px;
+ display: block;
+ font-weight: 700;
+ margin: 10px 0 0
}
.dealer-locator .nearby-pins article.teaser .teaser-top .heading div.distance {
- font-size: 14px;
- margin-top: 10px;
- font-weight: 700;
- color: #000
+ font-size: 14px;
+ margin-top: 10px;
+ font-weight: 700;
+ color: #000
}
.dealer-locator .nearby-pins article.teaser .teaser-top .info {
- margin-top: 2px;
- font-size: 10px;
- display: flex;
- -webkit-box-pack: justify;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- color: #000;
- font-weight: 700
+ margin-top: 2px;
+ font-size: 10px;
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ color: #000;
+ font-weight: 700
}
.dealer-locator .nearby-pins article.teaser .teaser-top .info .hours {
- display: block
+ display: block
}
.dealer-locator .nearby-pins article.teaser .teaser-top .left {
- font-size: 10px;
- color: #000;
- font-weight: 700;
- margin-top: 10px
+ font-size: 10px;
+ color: #000;
+ font-weight: 700;
+ margin-top: 10px
}
.dealer-locator .nearby-pins article.teaser .teaser-bottom {
- display: flex;
- -webkit-box-pack: justify;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- padding-top: 14px
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ padding-top: 14px
}
-.dealer-locator .nearby-pins article.teaser .teaser-bottom .left,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right {
- border: 0;
- font: inherit;
- font-size: 10px;
- margin: 0;
- padding: 0;
- vertical-align: baseline;
- display: inline-block;
- font-weight: 700
+.dealer-locator .nearby-pins article.teaser .teaser-bottom .left, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right {
+ border: 0;
+ font: inherit;
+ font-size: 10px;
+ margin: 0;
+ padding: 0;
+ vertical-align: baseline;
+ display: inline-block;
+ font-weight: 700
}
-.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more {
- border: 1px solid #000;
- padding: 3px 0 0;
- margin-left: 10px;
- border-radius: 4px;
- width: 69px;
- height: 22px;
- text-align: center
+.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more {
+ border: 1px solid #000;
+ padding: 3px 0 0;
+ margin-left: 10px;
+ border-radius: 4px;
+ width: 69px;
+ height: 22px;
+ text-align: center
}
-.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more:hover {
- background: #fff
+.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more:hover {
+ background: #fff
}
@media (max-width: 992px) {
- .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more {
- width:56px;
- margin-left: 4px
- }
+ .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more {
+ width: 56px;
+ margin-left: 4px
+ }
- .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more:hover {
- background: 0 0
- }
+ .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .call:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .direction:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .more:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .call:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .direction:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .more:hover {
+ background: 0 0
+ }
}
-.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .website,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .website {
- border: 1px solid #000;
- padding: 3px 0 0;
- border-radius: 4px;
- width: 69px;
- height: 22px;
- text-align: center
+.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .website, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .website {
+ border: 1px solid #000;
+ padding: 3px 0 0;
+ border-radius: 4px;
+ width: 69px;
+ height: 22px;
+ text-align: center
}
-.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .website:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .website:hover {
- background: #fff
+.dealer-locator .nearby-pins article.teaser .teaser-bottom .left .website:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .website:hover {
+ background: #fff
}
@media (max-width: 992px) {
- .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .website:hover,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right .website:hover {
- background:0 0
- }
+ .dealer-locator .nearby-pins article.teaser .teaser-bottom .left .website:hover, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right .website:hover {
+ background: 0 0
+ }
}
-.dealer-locator .nearby-pins article.teaser .teaser-bottom .left a,.dealer-locator .nearby-pins article.teaser .teaser-bottom .right a {
- cursor: pointer;
- vertical-align: middle;
- color: #323232
+.dealer-locator .nearby-pins article.teaser .teaser-bottom .left a, .dealer-locator .nearby-pins article.teaser .teaser-bottom .right a {
+ cursor: pointer;
+ vertical-align: middle;
+ color: #323232
}
.dealer-locator .nearby-select {
- font-size: 15px;
- cursor: pointer;
- height: 100%;
- position: relative
+ font-size: 15px;
+ cursor: pointer;
+ height: 100%;
+ position: relative
}
.dealer-locator .nearby-select>div {
- border: 1px solid transparent
+ border: 1px solid transparent
}
.dealer-locator .nearby-select::-webkit-scrollbar-thumb {
- background-color: #888!important
+ background-color: #888 !important
}
.dealer-locator .nearby-select::-webkit-scrollbar {
- width: 6px!important
+ width: 6px !important
}
.dealer-locator .nearby-select .panel-card {
- box-shadow: none;
- border-bottom: 1px solid #e6e6e6
+ box-shadow: none;
+ border-bottom: 1px solid #e6e6e6
}
.dealer-locator .nearby-select .panel-card:hover {
- background-color: #f2f2f3
+ background-color: #f2f2f3
}
.dealer-locator .nearby-select article.teaser {
- font-size: inherit;
- padding-bottom: 12px;
- padding-top: 5px;
- width: 100%;
- display: inline-flex;
- align-items: center;
- justify-content: center
+ font-size: inherit;
+ padding-bottom: 12px;
+ padding-top: 5px;
+ width: 100%;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center
}
.dealer-locator .nearby-select article.teaser .teaser-top {
- cursor: pointer
+ cursor: pointer
}
.dealer-locator .nearby-select article.teaser .teaser-top #marker {
- width: 30px;
- float: left;
- padding-top: 10px;
- padding-right: 10px
+ width: 30px;
+ float: left;
+ padding-top: 10px;
+ padding-right: 10px
}
.dealer-locator .nearby-select article.teaser .teaser-top .heading {
- display: flex;
- -webkit-box-pack: justify;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
}
.dealer-locator .nearby-select article.teaser .teaser-top .heading p {
- color: #007BCD;
- font-size: 14px;
- display: block;
- font-weight: 700;
- margin: 10px 0 0
+ color: #007BCD;
+ font-size: 14px;
+ display: block;
+ font-weight: 700;
+ margin: 10px 0 0
}
.dealer-locator .nearby-select article.teaser .teaser-top .heading div {
- font-size: 14px;
- margin-top: 10px;
- font-weight: 700;
- color: #000
+ font-size: 14px;
+ margin-top: 10px;
+ font-weight: 700;
+ color: #000
}
.dealer-locator .nearby-select article.teaser .teaser-top .info {
- margin-top: 2px;
- font-size: 12px;
- display: flex;
- -webkit-box-pack: justify;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between
+ margin-top: 2px;
+ font-size: 12px;
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
}
.dealer-locator .nearby-select article.teaser .teaser-top .info .hours {
- display: block
+ display: block
}
.dealer-locator .nearby-select article.teaser .teaser-bottom {
- display: flex;
- -webkit-box-pack: justify;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding-top: 14px
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding-top: 14px
}
-.dealer-locator .nearby-select article.teaser .teaser-bottom .left,.dealer-locator .nearby-select article.teaser .teaser-bottom .right {
- border: 0;
- color: inherit;
- font: inherit;
- font-size: 12px;
- margin: 0;
- padding: 0;
- vertical-align: baseline
+.dealer-locator .nearby-select article.teaser .teaser-bottom .left, .dealer-locator .nearby-select article.teaser .teaser-bottom .right {
+ border: 0;
+ color: inherit;
+ font: inherit;
+ font-size: 12px;
+ margin: 0;
+ padding: 0;
+ vertical-align: baseline
}
-.dealer-locator .nearby-select article.teaser .teaser-bottom .left a,.dealer-locator .nearby-select article.teaser .teaser-bottom .right a {
- cursor: pointer
+.dealer-locator .nearby-select article.teaser .teaser-bottom .left a, .dealer-locator .nearby-select article.teaser .teaser-bottom .right a {
+ cursor: pointer
}
.dealer-locator .map-geo-container {
- float: right;
- margin-top: 10px;
- position: absolute;
- right: 10px
+ float: right;
+ margin-top: 10px;
+ position: absolute;
+ right: 10px
}
@media (max-width: 992px) {
- .dealer-locator .nearby-select .panel-card:hover {
- background-color:unset!important
- }
+ .dealer-locator .nearby-select .panel-card:hover {
+ background-color: unset !important
+ }
- .dealer-locator .map-geo-container {
- display: none
- }
+ .dealer-locator .map-geo-container {
+ display: none
+ }
- .dealer-locator .go-back-direction {
- margin-top: -18px
- }
+ .dealer-locator .go-back-direction {
+ margin-top: -18px
+ }
}
.dealer-locator .map-geo-container button {
- background: #fff;
- border: #fff;
- border-radius: 2px;
- width: 28px;
- height: 38px;
- margin: 0;
+ background: #fff;
+ border: #fff;
+ border-radius: 2px;
+ width: 28px;
+ height: 38px;
+ margin: 0;
}
@media (max-width: 1024px) {
- .dealer-locator .map-geo-container button {
- width:28px;
- height: 38px;
- max-width: 0;
- padding-right: 30px;
- padding-left: 11px
- }
+ .dealer-locator .map-geo-container button {
+ width: 28px;
+ height: 38px;
+ max-width: 0;
+ padding-right: 30px;
+ padding-left: 11px
+ }
}
.dealer-locator .map-geo-container button {
- padding: 1px 6px;
+ padding: 1px 6px;
}
.dealer-locator .map-geo-container button img {
- width: 18px;
- height: 18px
+ width: 18px;
+ height: 18px
}
-.dealer-locator .go-back-direction button,.dealer-locator .go-back-filter button {
- position: relative;
- display: inline-block;
- opacity: 1;
- font-size: 12px;
- color: #222942;
- width: 70px;
- height: 27px;
- background: #FFF;
- right: 0;
- left: 0
+.dealer-locator .go-back-direction button, .dealer-locator .go-back-filter button {
+ position: relative;
+ display: inline-block;
+ opacity: 1;
+ font-size: 12px;
+ color: #222942;
+ width: 70px;
+ height: 27px;
+ background: #FFF;
+ right: 0;
+ left: 0
}
.dealer-locator .go-back-filter button {
- border-radius: 4px;
- border: 1px solid #A7A8A9;
- margin-bottom: 10px
+ border-radius: 4px;
+ border: 1px solid #A7A8A9;
+ margin-bottom: 10px
}
.dealer-locator .go-back-direction button {
- border-radius: 4px;
- border: 1px solid #A7A8A9;
- margin-bottom: 5px
+ border-radius: 4px;
+ border: 1px solid #A7A8A9;
+ margin-bottom: 5px
}
.dealer-locator #map {
- height: 100%;
- position: absolute;
- width: 100%
+ height: 100%;
+ position: absolute;
+ width: 100%
}
-.dealer-locator #map .gmnoprint + .gm-style-cc,
+.dealer-locator #map .gmnoprint+.gm-style-cc,
.dealer-locator #map .gmnoprint {
- top: 0;
- margin-top: 45px
+ top: 0;
+ margin-top: 45px
}
@media (max-width: 992px) {
- .dealer-locator #map {
- height: calc(50% - 41px);
- }
+ .dealer-locator #map .gm-bundled-control {
+ display: none;
+ }
- .dealer-locator #map .gm-bundled-control {
- display: none;
- }
+ .dealer-locator #map {
+ height: calc(50% - 41px)
+ }
}
-.dealer-locator body,.dealer-locator html {
- height: 100%;
- margin: 0;
- padding: 0
+.dealer-locator body, .dealer-locator html {
+ height: 100%;
+ margin: 0;
+ padding: 0
}
.dealer-locator .mobile-main-header {
- display: none
+ display: none
}
@media (max-width: 992px) {
- .dealer-locator .dealer,.dealer-locator .electric-dealer,.dealer-locator .slider-arrow,.dealer-locator .uptime-dealer {
- display:none!important
- }
-
- .dealer-locator .mobile-main-header {
- display: block;
- border: 1px solid;
- height: 39px;
- position: relative;
- z-index: 1;
- }
-
- .dealer-locator .mobile-main-header .row {
- position: relative;
- left: 0;
- margin: 11px;
- top: 0;
- z-index: 10;
- transition: left .5s;
- transform: translateX(0);
- transition-property: -webkit-transform,transform,visibility,opacity;
- transition-duration: .2s;
- transition-timing-function: cubic-bezier(0,0,.2,1)
- }
-
- .dealer-locator .mobile-main-header .panel-header {
- position: relative;
- display: block;
- background: #fff;
- border-radius: 4px;
- box-sizing: border-box;
- width: 100%;
- height: 39px;
- border-bottom: 1px solid transparent;
- padding: 5px 20px;
- transition-property: background,box-shadow;
- transition-duration: .3s
- }
-
- .dealer-locator .mobile-main-header .panel-header.add-directions {
- margin-top: 5px;
- cursor: pointer
- }
-
- .dealer-locator .mobile-main-header .panel-header.add-directions:hover {
- background-color: #e6e6e6
- }
-
- .dealer-locator .mobile-main-header .panel-header.to-directions {
- margin-top: 5px!important
- }
-
- .dealer-locator .mobile-main-header .panel-header input {
- font-size: 15px;
- margin: 0!important;
- padding: 0!important;
- outline: 0;
- min-width: 220px;
- height: 24px!important;
- line-height: 24px;
- vertical-align: top;
- border: none;
- z-index: 1;
- background-color: transparent;
- -webkit-text-fill-color: #4d4e53;
- color: #4d4e53;
- transition: all 218ms ease 0s;
- opacity: 1;
- text-align: left;
- left: 0;
- width: 65%
- }
-
- .dealer-locator .mobile-main-header .panel-header .filter-container button:hover,.dealer-locator .mobile-main-header .panel-header .search-container button:hover {
- opacity: .5
- }
-
- .dealer-locator .mobile-main-header .panel-header.from-directions input,.dealer-locator .mobile-main-header .panel-header.to-directions input {
- min-width: 335px
- }
-
- .dealer-locator .mobile-main-header .panel-header .search-container {
- position: absolute;
- right: 90px;
- display: block;
- top: -3px
- }
-
- .dealer-locator .mobile-main-header .panel-header .search-container button {
- background: 0 0;
- border: 0;
- border-radius: 0;
- font: inherit;
- list-style: none;
- margin: 0;
- outline: 0;
- overflow: visible;
- vertical-align: baseline;
- cursor: pointer;
- padding: 12px 15px
- }
-
- .dealer-locator .mobile-main-header .panel-header .search-container button#mobile-search::before {
- content: "\f002";
- display: block;
- width: 24px;
- height: 24px;
- background-size: 72px 24px;
- font-family: var(--ff-fontawesome)
- }
-
- .dealer-locator .mobile-main-header .panel-header .search-container::after {
- content: "";
- position: absolute;
- right: 0;
- top: 10px;
- border-left: 1px solid #ddd;
- height: 28px
- }
-
- .dealer-locator .mobile-main-header .panel-header .filter-container {
- position: absolute;
- right: 30px;
- display: block;
- top: -3px
- }
-
- .dealer-locator .mobile-main-header .panel-header .filter-container button {
- background: 0 0;
- border: 0;
- border-radius: 0;
- font: inherit;
- list-style: none;
- margin: 0;
- outline: 0;
- overflow: visible;
- vertical-align: baseline;
- cursor: pointer;
- padding: 12px 15px
- }
-
- .dealer-locator .mobile-main-header .panel-header .filter-container button#search::before {
- content: "\f002";
- display: none;
- width: 24px;
- height: 24px;
- background-size: 72px 24px;
- font-family: var(--ff-fontawesome)
- }
-
- .dealer-locator .mobile-main-header .panel-header .geo-container button,.dealer-locator .mobile-main-header .panel-header .go-back button {
- cursor: pointer;
- text-align: center;
- text-transform: uppercase;
- background: 0 0;
- list-style: none;
- outline: 0;
- overflow: visible;
- padding: 0;
- vertical-align: baseline
- }
-
- .dealer-locator .mobile-main-header .panel-header .filter-container::after {
- content: "";
- position: absolute;
- right: 15px;
- top: 10px;
- border-left: 1px solid #ddd;
- height: 28px
- }
-
- .dealer-locator .mobile-main-header .panel-header .geo-container {
- display: block;
- position: absolute;
- right: -5px;
- top: 0
- }
-
- .dealer-locator .mobile-main-header .panel-header .geo-container button {
- color: #4174C4;
- display: block;
- height: 48px;
- opacity: .8;
- width: 54px;
- border: 0;
- border-radius: 0;
- font: inherit;
- margin: 0
- }
-
- .dealer-locator .mobile-main-header .panel-header .geo-container button::before {
- font-family: var(--ff-fontawesome);
- content: "\f05b";
- display: none;
- height: 22px;
- margin: 0 auto;
- width: 22px
- }
-
- .dealer-locator .mobile-main-header .panel-header .geo-container button:hover {
- opacity: .5
- }
-
- .dealer-locator .mobile-main-header .panel-header .go-back {
- display: none;
- position: absolute;
- right: 0;
- top: 0
- }
-
- .dealer-locator .mobile-main-header .panel-header .go-back button {
- color: #000;
- display: block;
- height: 48px;
- opacity: .8;
- width: 54px;
- border: 0;
- border-radius: 0;
- font: inherit;
- margin: 0;
- font-size: 20px
- }
-
- .dealer-locator .mobile-main-header .panel-header .go-back button::before {
- font-family: var(--ff-fontawesome);
- content: "\f00d";
- display: none;
- margin: 0 auto;
- width: 22px;
- height: 31px
- }
-}
+ .dealer-locator .dealer, .dealer-locator .electric-dealer, .dealer-locator .slider-arrow, .dealer-locator .uptime-dealer {
+ display: none !important
+ }
-.dealer-locator .go-back {
- right: 0;
- float: right;
- padding-top: 10px;
- padding-right: 5px;
- background: 0 0
-}
+ .dealer-locator .mobile-main-header {
+ display: block;
+ border: 1px solid;
+ height: 39px;
+ position: relative;
+ z-index: 1;
+ }
-.dealer-locator .go-back button {
+ .dealer-locator .mobile-main-header .row {
position: relative;
- display: inline-block;
- opacity: 1;
- font-size: 12px;
- color: #222942;
- width: 70px;
- height: 27px;
- background: #FFF;
- border-radius: 4px;
- border: 1px solid #A7A8A9;
- right: 0;
left: 0;
- padding: 1px 6px;
- font-family: var(--ff-body);
- margin: 0;
-}
-
-.dealer-locator .sidebar {
- float: left;
- height: 100%;
- background: #fff!important;
- left: -408px;
- z-index: 99;
- box-shadow: 5px 0 5px -5px rgb(0 0 0 / 30%);
- width: 483px;
- position: absolute;
+ margin: 11px;
top: 0;
+ z-index: 10;
+ transition: left .5s;
transform: translateX(0);
- transition-property: -webkit-transform,transform,opacity;
+ transition-property: -webkit-transform, transform, visibility, opacity;
transition-duration: .2s;
- transition-timing-function: cubic-bezier(0,0,.2,1)
-}
+ transition-timing-function: cubic-bezier(0, 0, .2, 1)
+ }
-.dealer-locator .sidebar .sidebar-content {
- background-color: #FFF;
- width: 460px;
- margin: 11px;
+ .dealer-locator .mobile-main-header .panel-header {
position: relative;
- height: calc(100% - 7.5em);
- overflow-y: scroll
-}
-
-.dealer-locator .sidebar .sidebar-content .waiting-overlay {
- display: none;
- position: absolute;
+ display: block;
+ background: #fff;
+ border-radius: 4px;
+ box-sizing: border-box;
width: 100%;
- height: 100%;
- background: #FFF;
- z-index: 90;
- opacity: .8
-}
-
-.dealer-locator .sidebar .sidebar-content .waiting-overlay p {
- width: 250px;
- text-align: center;
- margin: 0 auto;
- font-size: 20px;
- padding: 50px
-}
+ height: 39px;
+ border-bottom: 1px solid transparent;
+ padding: 5px 20px;
+ transition-property: background, box-shadow;
+ transition-duration: .3s
+ }
-.dealer-locator .sidebar .sidebar-content .loading-overlay {
- position: absolute;
- width: 100%;
- height: 100%;
- background: #FFF;
- z-index: 90;
- opacity: .8
-}
+ .dealer-locator .mobile-main-header .panel-header.add-directions {
+ margin-top: 5px;
+ cursor: pointer
+ }
-.dealer-locator .sidebar .sidebar-content .loading-overlay .loading-msg {
- width: 250px;
- text-align: center;
- margin: 0 auto;
- font-size: 20px;
- padding: 50px
-}
+ .dealer-locator .mobile-main-header .panel-header.add-directions:hover {
+ background-color: #e6e6e6
+ }
-.dealer-locator .sidebar .sidebar-content div[id*=d-],.dealer-locator .sidebar .sidebar-content div[id*=d-] .row {
- height: 100%
-}
+ .dealer-locator .mobile-main-header .panel-header.to-directions {
+ margin-top: 5px !important
+ }
-.dealer-locator .sidebar .sidebar-content .header-title {
- font-weight: 700;
- padding: 10px;
- font-size: 14px;
-}
+ .dealer-locator .mobile-main-header .panel-header input {
+ font-size: 15px;
+ margin: 0 !important;
+ padding: 0 !important;
+ outline: 0;
+ min-width: 220px;
+ height: 24px !important;
+ line-height: 24px;
+ vertical-align: top;
+ border: none;
+ z-index: 1;
+ background-color: transparent;
+ -webkit-text-fill-color: #4d4e53;
+ color: #4d4e53;
+ transition: all 218ms ease 0s;
+ opacity: 1;
+ text-align: left;
+ left: 0;
+ width: 65%
+ }
-.dealer-locator .sidebar .sidebar-content .pin-details-header {
- display: flex;
- width: 100%
-}
+ .dealer-locator .mobile-main-header .panel-header .filter-container button:hover, .dealer-locator .mobile-main-header .panel-header .search-container button:hover {
+ opacity: .5
+ }
-.dealer-locator .sidebar .sidebar-content .pin-header {
- background-color: #fff;
- padding: 10px;
- height: 160px;
- position: relative;
- color: #000
-}
+ .dealer-locator .mobile-main-header .panel-header.from-directions input, .dealer-locator .mobile-main-header .panel-header.to-directions input {
+ min-width: 335px
+ }
-.dealer-locator .sidebar .sidebar-content .pin-header div#title {
- bottom: 0;
- left: 0;
- position: relative;
- font-size: 18px;
- margin-top: 15px;
- padding-left: 10px
-}
+ .dealer-locator .mobile-main-header .panel-header .search-container {
+ position: absolute;
+ right: 90px;
+ display: block;
+ top: -3px
+ }
-.dealer-locator .sidebar .sidebar-content .pin-header #set-dealer {
- margin-top: 10px;
+ .dealer-locator .mobile-main-header .panel-header .search-container button {
background: 0 0;
- border: none
-}
-
-.dealer-locator .sidebar .sidebar-content .pin-header #set-dealer img {
- width: 22px;
- height: 22px
-}
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ list-style: none;
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ vertical-align: baseline;
+ cursor: pointer;
+ padding: 12px 15px
+ }
-@media (max-width: 992px) {
- .dealer-locator .sidebar .sidebar-content .pin-header div#title {
- font-size:16px
- }
+ .dealer-locator .mobile-main-header .panel-header .search-container button#mobile-search::before {
+ content: "\f002";
+ display: block;
+ width: 24px;
+ height: 24px;
+ background-size: 72px 24px;
+ font-family: var(--ff-fontawesome)
+ }
- .dealer-locator .sidebar .sidebar-content .pin-header #set-dealer img {
- width: 16px;
- height: 16px
- }
-}
+ .dealer-locator .mobile-main-header .panel-header .search-container::after {
+ content: "";
+ position: absolute;
+ right: 0;
+ top: 10px;
+ border-left: 1px solid #ddd;
+ height: 28px
+ }
-.dealer-locator .sidebar .sidebar-content .pin-header .pin-header-img {
- width: 25px!important;
- height: 35px!important;
- margin-top: 10px
-}
+ .dealer-locator .mobile-main-header .panel-header .filter-container {
+ position: absolute;
+ right: 30px;
+ display: block;
+ top: -3px
+ }
-@media (max-width: 992px) {
- .dealer-locator .sidebar .sidebar-content .pin-header .pin-header-img {
- width:22px!important;
- height: 31px!important
- }
-}
+ .dealer-locator .mobile-main-header .panel-header .filter-container button {
+ background: 0 0;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ list-style: none;
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ vertical-align: baseline;
+ cursor: pointer;
+ padding: 12px 15px
+ }
-.dealer-locator .sidebar .sidebar-content .pin-header div#type {
- bottom: 0;
- right: 0;
+ .dealer-locator .mobile-main-header .panel-header .filter-container button#search::before {
+ content: "\f002";
+ display: none;
+ width: 24px;
+ height: 24px;
+ background-size: 72px 24px;
+ font-family: var(--ff-fontawesome)
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .geo-container button, .dealer-locator .mobile-main-header .panel-header .go-back button {
+ cursor: pointer;
+ text-align: center;
+ text-transform: uppercase;
+ background: 0 0;
+ list-style: none;
+ outline: 0;
+ overflow: visible;
+ padding: 0;
+ vertical-align: baseline
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .filter-container::after {
+ content: "";
+ position: absolute;
+ right: 15px;
+ top: 10px;
+ border-left: 1px solid #ddd;
+ height: 28px
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .geo-container {
+ display: block;
+ position: absolute;
+ right: -5px;
+ top: 0
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .geo-container button {
+ color: #4174C4;
+ display: block;
+ height: 48px;
+ opacity: .8;
+ width: 54px;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ margin: 0
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .geo-container button::before {
+ font-family: var(--ff-fontawesome);
+ content: "\f05b";
+ display: none;
+ height: 22px;
+ margin: 0 auto;
+ width: 22px
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .geo-container button:hover {
+ opacity: .5
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .go-back {
+ display: none;
position: absolute;
- padding: 25px;
- font-size: 14px;
- top: 40px
+ right: 0;
+ top: 0
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .go-back button {
+ color: #000;
+ display: block;
+ height: 48px;
+ opacity: .8;
+ width: 54px;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ margin: 0;
+ font-size: 20px
+ }
+
+ .dealer-locator .mobile-main-header .panel-header .go-back button::before {
+ font-family: var(--ff-fontawesome);
+ content: "\f00d";
+ display: none;
+ margin: 0 auto;
+ width: 22px;
+ height: 31px
+ }
+}
+
+.dealer-locator .go-back {
+ right: 0;
+ float: right;
+ padding-top: 10px;
+ padding-right: 5px;
+ background: 0 0
+}
+
+.dealer-locator .go-back button {
+ position: relative;
+ display: inline-block;
+ opacity: 1;
+ font-size: 12px;
+ color: #222942;
+ width: 70px;
+ height: 27px;
+ background: #FFF;
+ border-radius: 4px;
+ border: 1px solid #A7A8A9;
+ right: 0;
+ left: 0;
+ padding: 1px 6px;
+ font-family: var(--ff-body);
+ margin: 0;
+}
+
+.dealer-locator .sidebar {
+ float: left;
+ height: 100%;
+ background: #fff !important;
+ left: -408px;
+ z-index: 99;
+ box-shadow: 5px 0 5px -5px rgb(0 0 0 / 30%);
+ width: 483px;
+ position: absolute;
+ top: 0;
+ transform: translateX(0);
+ transition-property: -webkit-transform, transform, opacity;
+ transition-duration: .2s;
+ transition-timing-function: cubic-bezier(0, 0, .2, 1)
+}
+
+.dealer-locator .sidebar .sidebar-content {
+ background-color: #FFF;
+ width: 460px;
+ margin: 11px;
+ position: relative;
+ height: calc(100% - 7.5em);
+ overflow-y: scroll
+}
+
+.dealer-locator .sidebar .sidebar-content .waiting-overlay {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #FFF;
+ z-index: 90;
+ opacity: .8
+}
+
+.dealer-locator .sidebar .sidebar-content .waiting-overlay p {
+ width: 250px;
+ text-align: center;
+ margin: 0 auto;
+ font-size: 20px;
+ padding: 50px
+}
+
+.dealer-locator .sidebar .sidebar-content .loading-overlay {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #FFF;
+ z-index: 90;
+ opacity: .8
+}
+
+.dealer-locator .sidebar .sidebar-content .loading-overlay .loading-msg {
+ width: 250px;
+ text-align: center;
+ margin: 0 auto;
+ font-size: 20px;
+ padding: 50px
+}
+
+.dealer-locator .sidebar .sidebar-content div[id*=d-], .dealer-locator .sidebar .sidebar-content div[id*=d-] .row {
+ height: 100%
+}
+
+.dealer-locator .sidebar .sidebar-content .header-title {
+ font-weight: 700;
+ padding: 10px;
+ font-size: 14px;
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-details-header {
+ display: flex;
+ width: 100%
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-header {
+ background-color: #fff;
+ padding: 10px;
+ height: 160px;
+ position: relative;
+ color: #000
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-header div#title {
+ bottom: 0;
+ left: 0;
+ position: relative;
+ font-size: 18px;
+ margin-top: 15px;
+ padding-left: 10px
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-header #set-dealer {
+ margin-top: 10px;
+ background: 0 0;
+ border: none
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-header #set-dealer img {
+ width: 22px;
+ height: 22px
+}
+
+@media (max-width: 992px) {
+ .dealer-locator .sidebar .sidebar-content .pin-header div#title {
+ font-size: 16px
+ }
+
+ .dealer-locator .sidebar .sidebar-content .pin-header #set-dealer img {
+ width: 16px;
+ height: 16px
+ }
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-header .pin-header-img {
+ width: 25px !important;
+ height: 35px !important;
+ margin-top: 10px
+}
+
+@media (max-width: 992px) {
+ .dealer-locator .sidebar .sidebar-content .pin-header .pin-header-img {
+ width: 22px !important;
+ height: 31px !important
+ }
+}
+
+.dealer-locator .sidebar .sidebar-content .pin-header div#type {
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ padding: 25px;
+ font-size: 14px;
+ top: 40px
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header {
- display: flex;
- margin-top: 25px;
- text-transform: uppercase;
- justify-content: center
+ display: flex;
+ margin-top: 25px;
+ text-transform: uppercase;
+ justify-content: center
}
@media (min-width: 496px) and (max-width:992px) {
- .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header {
- justify-content:unset;
- margin-left: 30px
- }
+ .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header {
+ justify-content: unset;
+ margin-left: 30px
+ }
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header img {
- width: 25px;
- height: 25px;
- display: block;
- margin: 0 auto
+ width: 25px;
+ height: 25px;
+ display: block;
+ margin: 0 auto
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header a {
- color: #000;
- font-size: 10px;
- display: flex;
- flex-direction: column;
- gap: 5px;
+ color: #000;
+ font-size: 10px;
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header a:hover {
- color: unset;
- text-decoration: underline
+ color: unset;
+ text-decoration: underline
}
@media (max-width: 992px) {
- .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header a:hover {
- color:unset;
- text-decoration: unset
- }
+ .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header a:hover {
+ color: unset;
+ text-decoration: unset
+ }
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header .detail-direction a {
- cursor: pointer
+ cursor: pointer
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header .detail-share span {
- font-size: 10px;
- color: #000
+ font-size: 10px;
+ color: #000
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header .detail-share span:hover {
- text-decoration: underline
+ text-decoration: underline
}
@media (max-width: 992px) {
- .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header .detail-share span:hover {
- color: unset;
- text-decoration: unset
- }
+ .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header .detail-share span:hover {
+ color: unset;
+ text-decoration: unset
+ }
}
.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header {
- gap: 20px;
+ gap: 20px;
}
-.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header > div {
- display: flex;
- width: 70px;
- height: 70px;
- border: 2px solid #000;
- flex-direction: column;
- justify-content: center;
- align-items: center;
+.dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header>div {
+ display: flex;
+ width: 70px;
+ height: 70px;
+ border: 2px solid #000;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
@media (max-width: 992px) {
- .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header {
- gap: 15px;
- }
+ .dealer-locator .sidebar .sidebar-content .pin-header .dealer-deatils-header {
+ gap: 15px;
+ }
}
.dealer-locator .sidebar .sidebar-content .pin-header div#my-dealer {
- position: absolute;
- background-color: #fff;
- right: 15px;
- width: 35px;
- cursor: pointer;
- border-radius: 50%;
- height: 35px;
- box-shadow: 0 0 20px rgb(0 0 0 / 30%)
+ position: absolute;
+ background-color: #fff;
+ right: 15px;
+ width: 35px;
+ cursor: pointer;
+ border-radius: 50%;
+ height: 35px;
+ box-shadow: 0 0 20px rgb(0 0 0 / 30%)
}
.dealer-locator .sidebar .sidebar-content .pin-header div#my-dealer i {
- color: #000;
- font-size: 24px;
- top: 4px;
- left: 6px
+ color: #000;
+ font-size: 24px;
+ top: 4px;
+ left: 6px
}
.dealer-locator .sidebar .sidebar-content .pin-header .button-group {
- position: absolute;
- right: 15px;
- display: inline-flex
+ position: absolute;
+ right: 15px;
+ display: inline-flex
}
.dealer-locator .sidebar .sidebar-content .pin-header div#set-dealer {
- margin-right: 10px;
- background-color: #fff;
- cursor: pointer;
- box-shadow: 0 0 20px rgb(0 0 0 / 30%);
- opacity: .9
+ margin-right: 10px;
+ background-color: #fff;
+ cursor: pointer;
+ box-shadow: 0 0 20px rgb(0 0 0 / 30%);
+ opacity: .9
}
.dealer-locator .sidebar .sidebar-content .pin-header div#set-dealer:hover {
- opacity: 1
+ opacity: 1
}
.dealer-locator .sidebar .sidebar-content .pin-header div#set-dealer button {
- background: #f2f2f2;
- border: 0;
- text-transform: uppercase;
- padding: 10px;
- cursor: pointer;
- font-size: 12px
+ background: #f2f2f2;
+ border: 0;
+ text-transform: uppercase;
+ padding: 10px;
+ cursor: pointer;
+ font-size: 12px
}
.dealer-locator .sidebar .sidebar-content .pin-header div#directions {
- background-color: #fff;
- cursor: pointer;
- box-shadow: 0 0 20px rgb(0 0 0 / 30%);
- opacity: .9
+ background-color: #fff;
+ cursor: pointer;
+ box-shadow: 0 0 20px rgb(0 0 0 / 30%);
+ opacity: .9
}
.dealer-locator .sidebar .sidebar-content .pin-header div#directions:hover {
- opacity: 1
+ opacity: 1
}
.dealer-locator .sidebar .sidebar-content .pin-header div#directions button {
- background: #f2f2f2;
- border: 0;
- text-transform: uppercase;
- padding: 10px;
- cursor: pointer;
- font-size: 12px
+ background: #f2f2f2;
+ border: 0;
+ text-transform: uppercase;
+ padding: 10px;
+ cursor: pointer;
+ font-size: 12px
}
.dealer-locator .sidebar .sidebar-content .pin-header div#directions button img {
- margin: 0 auto
+ margin: 0 auto
}
.dealer-locator .sidebar .sidebar-content .pin-header div#directions button i {
- font-size: 20px
+ font-size: 20px
}
.dealer-locator .sidebar .sidebar-content .pin-content {
- margin-top: 35px
+ margin-top: 35px
}
.dealer-locator .sidebar .sidebar-content .pin-container {
- height: 100%;
- position: relative;
- overflow-y: scroll
+ height: 100%;
+ position: relative;
+ overflow-y: scroll
}
.dealer-locator .sidebar .sidebar-content .pin-container::-webkit-scrollbar-thumb {
- background-color: #888!important
+ background-color: #888 !important
}
.dealer-locator .sidebar .sidebar-content .pin-container::-webkit-scrollbar {
- width: 6px!important
+ width: 6px !important
}
.dealer-locator .sidebar .sidebar-content .pin-container #share-link {
- width: 84%
+ width: 84%
}
.dealer-locator .sidebar .sidebar-content #share-link {
- position: absolute;
- margin-top: 25px;
- float: left;
- left: 0;
- width: 90%;
- margin-left: 8px;
- color: #000;
- font-size: 13px;
- padding: 10px 15px
+ position: absolute;
+ margin-top: 25px;
+ float: left;
+ left: 0;
+ width: 90%;
+ margin-left: 8px;
+ color: #000;
+ font-size: 13px;
+ padding: 10px 15px
}
.dealer-locator .sidebar .sidebar-content .accordion {
- background: 0 0;
- border: none
+ background: 0 0;
+ border: none
}
.dealer-locator .sidebar .sidebar-content .accordion .toggle-arrow {
- border: solid #000;
- border-width: 0 2px 2px 0;
- display: inline-block;
- padding: 3px;
- transform: rotate(45deg);
- margin-left: 10px;
- position: absolute;
- top: 14px
+ border: solid #000;
+ border-width: 0 2px 2px 0;
+ display: inline-block;
+ padding: 3px;
+ transform: rotate(45deg);
+ margin-left: 10px;
+ position: absolute;
+ top: 14px
}
.dealer-locator .sidebar .sidebar-content .accordion .close {
- transform: rotate(-135deg);
- top: 17px
+ transform: rotate(-135deg);
+ top: 17px
}
.dealer-locator .sidebar .sidebar-content .accordion-panel {
- display: none
+ display: none
}
.dealer-locator .sidebar .sidebar-content .pin-actions {
- background: 0 0;
- border: 0;
- width: fit-content;
- border-bottom: 1px solid #e6e6e6
+ background: 0 0;
+ border: 0;
+ width: fit-content;
+ border-bottom: 1px solid #e6e6e6
}
.dealer-locator .sidebar .sidebar-content .pin-actions .join-select {
- width: 100%;
- text-align: center;
- border: 1px solid #ccc;
- padding: 8px 0;
- background-color: #ccc;
- color: #000;
- font-weight: 700
+ width: 100%;
+ text-align: center;
+ border: 1px solid #ccc;
+ padding: 8px 0;
+ background-color: #ccc;
+ color: #000;
+ font-weight: 700
}
.dealer-locator .sidebar .sidebar-content .pin-actions button {
- background: 0 0;
- border: 0;
- padding: 24px;
- font-size: 13px;
- display: inline-grid;
- color: #1251B5;
- cursor: pointer;
- opacity: .8;
- outline: 0
+ background: 0 0;
+ border: 0;
+ padding: 24px;
+ font-size: 13px;
+ display: inline-grid;
+ color: #1251B5;
+ cursor: pointer;
+ opacity: .8;
+ outline: 0
}
.dealer-locator .sidebar .sidebar-content .pin-actions button a {
- text-decoration: none
+ text-decoration: none
}
.dealer-locator .sidebar .sidebar-content .pin-actions button img {
- margin: 0 auto
+ margin: 0 auto
}
.dealer-locator .sidebar .sidebar-content .pin-actions button:hover {
- opacity: 1
+ opacity: 1
}
.dealer-locator .sidebar .sidebar-content .pin-actions button i {
- font-size: 23px;
- padding-bottom: 8px
+ font-size: 23px;
+ padding-bottom: 8px
}
.dealer-locator .sidebar .sidebar-content .pin-actions .accordion .toggle-arrow {
- border: solid #000;
- border-width: 0 2px 2px 0;
- display: inline-block;
- padding: 3px;
- transform: rotate(45deg);
- margin-left: 10px;
- position: absolute;
- top: 14px
+ border: solid #000;
+ border-width: 0 2px 2px 0;
+ display: inline-block;
+ padding: 3px;
+ transform: rotate(45deg);
+ margin-left: 10px;
+ position: absolute;
+ top: 14px
}
.dealer-locator .sidebar .sidebar-content .pin-actions .accordion .close {
- transform: rotate(-135deg);
- top: 17px
+ transform: rotate(-135deg);
+ top: 17px
}
.dealer-locator .sidebar .sidebar-content .pin-actions .accordion-panel {
- display: none
+ display: none
}
.dealer-locator .sidebar .sidebar-content .pin-actions.directions {
- width: 100%;
- text-align: center;
- display: flex;
- justify-content: center
+ width: 100%;
+ text-align: center;
+ display: flex;
+ justify-content: center
}
.dealer-locator .sidebar .sidebar-content .pin-actions.directions button {
- display: inline-grid
+ display: inline-grid
}
.dealer-locator .sidebar .sidebar-content ul.pin-details {
- list-style: none;
- padding: 0
+ list-style: none;
+ padding: 0
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .controls {
- position: absolute;
- top: 21%;
- right: 10px;
- font-size: 15px;
- opacity: .6;
- display: none
+ position: absolute;
+ top: 21%;
+ right: 10px;
+ font-size: 15px;
+ opacity: .6;
+ display: none
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .controls:hover {
- opacity: 1
+ opacity: 1
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .hours-dept {
- font-weight: 600;
- font-size: 15px
+ font-weight: 600;
+ font-size: 15px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .hours-dept::after {
- content: ' ';
- width: 66%;
- height: 1px;
- background: #ccc;
- position: relative;
- display: block;
- margin-bottom: 5px
+ content: ' ';
+ width: 66%;
+ height: 1px;
+ background: #ccc;
+ position: relative;
+ display: block;
+ margin-bottom: 5px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .accordion .toggle-arrow {
- border: solid #000;
- border-width: 0 2px 2px 0;
- display: inline-block;
- padding: 3px;
- transform: rotate(45deg);
- margin-left: 10px;
- position: absolute;
- top: 14px
+ border: solid #000;
+ border-width: 0 2px 2px 0;
+ display: inline-block;
+ padding: 3px;
+ transform: rotate(45deg);
+ margin-left: 10px;
+ position: absolute;
+ top: 14px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .accordion .close {
- transform: rotate(-135deg);
- top: 17px
+ transform: rotate(-135deg);
+ top: 17px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details .accordion-panel {
- display: none
+ display: none
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li {
- font-size: 12px;
- padding: 10px;
- cursor: pointer;
- position: relative;
- line-height: initial
+ font-size: 12px;
+ padding: 10px;
+ cursor: pointer;
+ position: relative;
+ line-height: initial
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li div {
- margin-top: 3px;
- color: #000;
- font-size: 12px;
- display: inline-block;
- font-weight: 700
+ margin-top: 3px;
+ color: #000;
+ font-size: 12px;
+ display: inline-block;
+ font-weight: 700
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li a {
- font-size: 12px;
- font-weight: 700
+ font-size: 12px;
+ font-weight: 700
}
-.dealer-locator .sidebar .sidebar-content ul.pin-details>li #address1,.dealer-locator .sidebar .sidebar-content ul.pin-details>li #city-state-zip {
- margin-left: 35px
+.dealer-locator .sidebar .sidebar-content ul.pin-details>li #address1, .dealer-locator .sidebar .sidebar-content ul.pin-details>li #city-state-zip {
+ margin-left: 35px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li img {
- width: 22px;
- height: 22px;
- display: inline-block;
- margin-right: 10px;
- transform: translateY(25%);
+ width: 22px;
+ height: 22px;
+ display: inline-block;
+ margin-right: 10px;
+ transform: translateY(25%);
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li::before {
- display: none;
- width: 24px;
- height: 24px;
- background-size: 72px 24px;
- font-family: var(--ff-fontawesome);
- float: left;
- font-size: 20px
+ display: none;
+ width: 24px;
+ height: 24px;
+ background-size: 72px 24px;
+ font-family: var(--ff-fontawesome);
+ float: left;
+ font-size: 20px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:first-child::before {
- content: "\f041"
+ content: "\f041"
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:nth-child(2)::before {
- content: "\f0ac"
+ content: "\f0ac"
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:nth-child(3)::before {
- content: "\f0e0";
- font-size: 16px
+ content: "\f0e0";
+ font-size: 16px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:nth-child(4)::before {
- content: "\f095"
+ content: "\f095"
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:nth-child(5)::before {
- content: "\f017"
+ content: "\f017"
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:not(.accordion-panel):hover {
- background-color: rgb(0 0 0 / 3%)
+ background-color: rgb(0 0 0 / 3%)
}
.dealer-locator .sidebar .sidebar-content ul.pin-details>li:not(.accordion-panel):hover .controls {
- display: block
+ display: block
}
.dealer-locator .sidebar .sidebar-content ul.pin-details #details>div {
- padding: 4px
+ padding: 4px
}
.dealer-locator .sidebar .sidebar-content ul.pin-details #details>div span#day {
- font-weight: 700
+ font-weight: 700
}
.dealer-locator .sidebar .sidebar-content ul.pin-details #details>div span#time {
- float: right;
- margin-right: 120px
+ float: right;
+ margin-right: 120px
}
@media (max-width: 767px) {
- .dealer-locator .sidebar .sidebar-content ul.pin-details #details>div span#time {
- margin-right:inherit
- }
+ .dealer-locator .sidebar .sidebar-content ul.pin-details #details>div span#time {
+ margin-right: inherit
+ }
}
.dealer-locator .sidebar .sidebar-content ul[id=services] {
- column-count: 2;
- list-style: none;
- column-gap: 20px;
- padding: 10px;
- margin-top: -20px
+ column-count: 2;
+ list-style: none;
+ column-gap: 20px;
+ padding: 10px;
+ margin-top: -20px
}
.dealer-locator .sidebar .sidebar-content ul[id=services] li {
- list-style-type: none;
- padding-top: 12px;
- font-size: 10px;
- color: #000
+ list-style-type: none;
+ padding-top: 12px;
+ font-size: 10px;
+ color: #000
}
.dealer-locator .sidebar .sidebar-content ul[id=drivers] {
- column-count: 2;
- list-style: none;
- column-gap: 20px;
- padding: 10px;
- margin-top: -20px
+ column-count: 2;
+ list-style: none;
+ column-gap: 20px;
+ padding: 10px;
+ margin-top: -20px
}
.dealer-locator .sidebar .sidebar-content ul[id=drivers] li {
- list-style-type: none;
- padding-top: 12px;
- font-size: 10px;
- color: #000
+ list-style-type: none;
+ padding-top: 12px;
+ font-size: 10px;
+ color: #000
}
.dealer-locator .sidebar .direction-content {
- height: calc(100% - 13.5em);
- margin-top: -5px
+ height: calc(100% - 13.5em);
+ margin-top: -5px
}
.dealer-locator .sidebar .row {
- position: relative;
- left: 0;
- margin: 11px;
- top: 0;
- z-index: 10;
- transition: left .5s;
- transform: translateX(0);
- transition-property: -webkit-transform,transform,visibility,opacity;
- transition-duration: .2s;
- transition-timing-function: cubic-bezier(0,0,.2,1)
+ position: relative;
+ left: 0;
+ margin: 11px;
+ top: 0;
+ z-index: 10;
+ transition: left .5s;
+ transform: translateX(0);
+ transition-property: -webkit-transform, transform, visibility, opacity;
+ transition-duration: .2s;
+ transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.dealer-locator .sidebar .panel-header {
- position: relative;
- display: block;
- background: #f2f2f3;
- border-radius: 4px;
- box-sizing: border-box;
- width: 461px;
- height: 43px;
- border-bottom: 1px solid transparent;
- padding: 12px 125px 12px 20px;
- transition-property: background,box-shadow;
- transition-duration: .3s
+ position: relative;
+ display: block;
+ background: #f2f2f3;
+ border-radius: 4px;
+ box-sizing: border-box;
+ width: 461px;
+ height: 43px;
+ border-bottom: 1px solid transparent;
+ padding: 12px 125px 12px 20px;
+ transition-property: background, box-shadow;
+ transition-duration: .3s
}
.dealer-locator .sidebar .panel-header.add-directions {
- margin-top: 5px;
- cursor: pointer
+ margin-top: 5px;
+ cursor: pointer
}
@media (max-width: 992px) {
- .dealer-locator .sidebar .panel-header.add-directions {
- text-align:center;
- font-size: 16px;
- font-weight: 700
- }
+ .dealer-locator .sidebar .panel-header.add-directions {
+ text-align: center;
+ font-size: 16px;
+ font-weight: 700
+ }
}
.dealer-locator .sidebar .panel-header.add-directions:hover {
- background-color: #e6e6e6
+ background-color: #e6e6e6
}
.dealer-locator .sidebar .panel-header input {
- font-size: 15px;
- margin: 0!important;
- padding: 0!important;
- outline: 0;
- min-width: 250px;
- height: 24px!important;
- line-height: 24px;
- vertical-align: top;
- border: none;
- z-index: 1;
- background-color: transparent;
- -webkit-text-fill-color: #4d4e53;
- color: #4d4e53;
- transition: all 218ms ease 0s;
- opacity: 1;
- text-align: left;
- left: 0
+ font-size: 15px;
+ margin: 0 !important;
+ padding: 0 !important;
+ outline: 0;
+ min-width: 250px;
+ height: 24px !important;
+ line-height: 24px;
+ vertical-align: top;
+ border: none;
+ z-index: 1;
+ background-color: transparent;
+ -webkit-text-fill-color: #4d4e53;
+ color: #4d4e53;
+ transition: all 218ms ease 0s;
+ opacity: 1;
+ text-align: left;
+ left: 0
}
-.dealer-locator .sidebar .panel-header .filter-container button:hover,.dealer-locator .sidebar .panel-header .search-container button:hover {
- opacity: .5
+.dealer-locator .sidebar .panel-header .filter-container button:hover, .dealer-locator .sidebar .panel-header .search-container button:hover {
+ opacity: .5
}
-.dealer-locator .sidebar .panel-header.from-directions input,.dealer-locator .sidebar .panel-header.to-directions input {
- min-width: 335px
+.dealer-locator .sidebar .panel-header.from-directions input, .dealer-locator .sidebar .panel-header.to-directions input {
+ min-width: 335px
}
.dealer-locator .sidebar .panel-header .search-container {
- position: absolute;
- right: 90px;
- display: block;
- top: 0
+ position: absolute;
+ right: 90px;
+ display: block;
+ top: 0
}
.dealer-locator .sidebar .panel-header .search-container button {
- background: 0 0;
- border: 0;
- border-radius: 0;
- font: inherit;
- list-style: none;
- margin: 0;
- outline: 0;
- overflow: visible;
- vertical-align: baseline;
- cursor: pointer;
- padding: 10px 15px
+ background: 0 0;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ list-style: none;
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ vertical-align: baseline;
+ cursor: pointer;
+ padding: 10px 15px
}
.dealer-locator .sidebar .panel-header .search-container button#search::before {
- content: "\f002";
- display: none;
- width: 24px;
- height: 24px;
- background-size: 72px 24px;
- font-family: var(--ff-fontawesome)
+ content: "\f002";
+ display: none;
+ width: 24px;
+ height: 24px;
+ background-size: 72px 24px;
+ font-family: var(--ff-fontawesome)
}
.dealer-locator .sidebar .panel-header .search-container::after {
- content: "";
- position: absolute;
- right: 0;
- top: 10px;
- border-left: 1px solid #ddd;
- height: 28px
+ content: "";
+ position: absolute;
+ right: 0;
+ top: 10px;
+ border-left: 1px solid #ddd;
+ height: 28px
}
.dealer-locator .sidebar .panel-header .filter-container {
- position: absolute;
- right: 30px;
- display: block;
- top: 0
+ position: absolute;
+ right: 30px;
+ display: block;
+ top: 0
}
.dealer-locator .sidebar .panel-header .filter-container button {
- background: 0 0;
- border: 0;
- border-radius: 0;
- font: inherit;
- list-style: none;
- margin: 0;
- outline: 0;
- overflow: visible;
- vertical-align: baseline;
- cursor: pointer;
- padding: 10px 15px
+ background: 0 0;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ list-style: none;
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ vertical-align: baseline;
+ cursor: pointer;
+ padding: 10px 15px
}
.dealer-locator .sidebar .panel-header .filter-container button#search::before {
- content: "\f002";
- display: none;
- width: 24px;
- height: 24px;
- background-size: 72px 24px;
- font-family: var(--ff-fontawesome)
+ content: "\f002";
+ display: none;
+ width: 24px;
+ height: 24px;
+ background-size: 72px 24px;
+ font-family: var(--ff-fontawesome)
}
-.dealer-locator .sidebar .panel-header .geo-container button,.dealer-locator .sidebar .panel-header .go-back button {
- text-align: center;
- text-transform: uppercase;
- background: 0 0;
- overflow: visible;
- list-style: none;
- outline: 0;
- cursor: pointer
+.dealer-locator .sidebar .panel-header .geo-container button, .dealer-locator .sidebar .panel-header .go-back button {
+ text-align: center;
+ text-transform: uppercase;
+ background: 0 0;
+ overflow: visible;
+ list-style: none;
+ outline: 0;
+ cursor: pointer
}
.dealer-locator .sidebar .panel-header .filter-container::after {
- content: "";
- position: absolute;
- right: 15px;
- top: 10px;
- border-left: 1px solid #ddd;
- height: 28px
+ content: "";
+ position: absolute;
+ right: 15px;
+ top: 10px;
+ border-left: 1px solid #ddd;
+ height: 28px
}
.dealer-locator .sidebar .panel-header .geo-container {
- display: block;
- position: absolute;
- right: -3px;
- top: 0
+ display: block;
+ position: absolute;
+ right: -3px;
+ top: 0
}
.dealer-locator .sidebar .panel-header .geo-container button {
- color: #4174C4;
- display: block;
- opacity: .8;
- width: 54px;
- border: 0;
- border-radius: 0;
- font: inherit;
- margin: 0;
- padding: 10px 0
+ color: #4174C4;
+ display: block;
+ opacity: .8;
+ width: 54px;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ margin: 0;
+ padding: 10px 0
}
.dealer-locator .sidebar .panel-header .geo-container button::before {
- font-family: var(--ff-fontawesome);
- content: "\f05b";
- display: none;
- height: 22px;
- margin: 0 auto;
- width: 22px
+ font-family: var(--ff-fontawesome);
+ content: "\f05b";
+ display: none;
+ height: 22px;
+ margin: 0 auto;
+ width: 22px
}
.dealer-locator .sidebar .panel-header .geo-container button:hover {
- opacity: .5
+ opacity: .5
}
.dealer-locator .sidebar .panel-header .go-back {
- display: none;
- position: absolute;
- right: 0;
- top: 0
+ display: none;
+ position: absolute;
+ right: 0;
+ top: 0
}
.dealer-locator .sidebar .panel-header .go-back button {
- color: #000;
- display: block;
- height: 48px;
- opacity: .8;
- width: 54px;
- border: 0;
- border-radius: 0;
- font: inherit;
- margin: 0;
- padding: 0;
- font-size: 20px
+ color: #000;
+ display: block;
+ height: 48px;
+ opacity: .8;
+ width: 54px;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ margin: 0;
+ padding: 0;
+ font-size: 20px
}
.dealer-locator .sidebar .panel-header .go-back button::before {
- font-family: var(--ff-fontawesome);
- content: "\f00d";
- display: none;
- margin: 0 auto;
- width: 22px;
- height: 31px
+ font-family: var(--ff-fontawesome);
+ content: "\f00d";
+ display: none;
+ margin: 0 auto;
+ width: 22px;
+ height: 31px
}
.dealer-locator .sidebar .directions-panel {
- position: relative;
- height: 100%;
- overflow-y: scroll
+ position: relative;
+ height: 100%;
+ overflow-y: scroll
}
.dealer-locator .sidebar .directions-panel::-webkit-scrollbar-thumb {
- background-color: #888!important
+ background-color: #888 !important
}
.dealer-locator .sidebar .directions-panel::-webkit-scrollbar {
- width: 6px!important
+ width: 6px !important
}
.dealer-locator .sidebar .panel-card {
- box-sizing: border-box;
- border-radius: 2px;
- position: relative;
- width: 100%
+ box-sizing: border-box;
+ border-radius: 2px;
+ position: relative;
+ width: 100%
}
.dealer-locator .sidebar .panel-card.action {
- box-shadow: 0 2px 4px rgb(0 0 0 / 20%)
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%)
}
.dealer-locator .sidebar .panel-card .panel-container {
- display: block;
- width: 100%;
- position: relative
+ display: block;
+ width: 100%;
+ position: relative
}
.dealer-locator .sidebar .panel-card .panel-container ul {
- list-style-type: none;
- padding: 10px
+ list-style-type: none;
+ padding: 10px
}
.dealer-locator .sidebar .panel-card .panel-container img {
- margin-bottom: 70px
+ margin-bottom: 70px
}
.dealer-locator .sidebar .panel-card .panel-container button {
- display: flexbox;
- display: flex;
- -ms-flex-align: center;
- align-items: center;
- padding: 12px 16px;
- position: relative;
- text-align: left;
- width: 100%;
- box-sizing: border-box;
- cursor: pointer;
- background: #FFF;
- border: 0;
- border-radius: 0;
- font: inherit;
- list-style: none;
- margin: 0;
- outline: 0;
- overflow: visible;
- vertical-align: baseline
+ display: flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 12px 16px;
+ position: relative;
+ text-align: left;
+ width: 100%;
+ box-sizing: border-box;
+ cursor: pointer;
+ background: #FFF;
+ border: 0;
+ border-radius: 0;
+ font: inherit;
+ list-style: none;
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ vertical-align: baseline
}
.dealer-locator .sidebar .panel-card .panel-container button:hover {
- background-color: #f7f7f7;
- text-decoration: none
+ background-color: #f7f7f7;
+ text-decoration: none
}
.dealer-locator .sidebar .panel-card .panel-container button i {
- background-size: 24px 24px;
- height: 24px;
- width: 24px;
- font-size: 20px
+ background-size: 24px 24px;
+ height: 24px;
+ width: 24px;
+ font-size: 20px
}
.dealer-locator .sidebar .panel-card .panel-container button .text {
- min-width: 0;
- display: flexbox;
- display: flex;
- flex: 1;
- flex-direction: column;
- height: 36px;
- -ms-flex-pack: center;
- justify-content: center;
- line-height: 18px;
- padding-left: 4px;
- font-size: 15px;
- font-family: Arial,sans-serif
+ min-width: 0;
+ display: flexbox;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ height: 36px;
+ -ms-flex-pack: center;
+ justify-content: center;
+ line-height: 18px;
+ padding-left: 4px;
+ font-size: 15px;
+ font-family: Arial, sans-serif
}
.dealer-locator .sidebar .panel-card .panel-container button .icon {
- width: 24px;
- height: 24px
+ width: 24px;
+ height: 24px
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter {
- appearance: none;
- width: 100%;
- height: 15px;
- border-radius: 5px;
- background: #e1dfdd;
- outline: 0;
- opacity: .7;
- transition: .2s;
- transition: opacity .2s;
- z-index: 10
+ appearance: none;
+ width: 100%;
+ height: 15px;
+ border-radius: 5px;
+ background: #e1dfdd;
+ outline: 0;
+ opacity: .7;
+ transition: .2s;
+ transition: opacity .2s;
+ z-index: 10
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter:hover {
- opacity: 1
+ opacity: 1
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter::-webkit-slider-thumb {
- appearance: none;
- width: 25px;
- height: 25px;
- border-radius: 50%;
- background: #000;
- z-index: 15;
- cursor: pointer
+ appearance: none;
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: #000;
+ z-index: 15;
+ cursor: pointer
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter::-moz-range-thumb {
- width: 25px;
- height: 25px;
- border-radius: 50%;
- background: #000;
- z-index: 15;
- cursor: pointer
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: #000;
+ z-index: 15;
+ cursor: pointer
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter::-ms-track {
- width: 100%;
- height: 8.4px;
- cursor: pointer;
- animate: .2s;
- background: 0 0;
- border-color: transparent;
- border-width: 16px 0;
- color: transparent
+ width: 100%;
+ height: 8.4px;
+ cursor: pointer;
+ animate: .2s;
+ background: 0 0;
+ border-color: transparent;
+ border-width: 16px 0;
+ color: transparent
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter::-ms-fill-lower {
- background: #2a6495;
- border: .2px solid #010101;
- border-radius: 2.6px;
- box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d
+ background: #2a6495;
+ border: .2px solid #010101;
+ border-radius: 2.6px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter::-ms-fill-upper {
- background: #3071a9;
- border: .2px solid #010101;
- border-radius: 2.6px;
- box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d
+ background: #3071a9;
+ border: .2px solid #010101;
+ border-radius: 2.6px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter::-ms-thumb {
- box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d;
- border: 1px solid #000;
- height: 36px;
- width: 16px;
- border-radius: 3px;
- background: #fff;
- cursor: pointer
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ border: 1px solid #000;
+ height: 36px;
+ width: 16px;
+ border-radius: 3px;
+ background: #fff;
+ cursor: pointer
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter:focus::-ms-fill-lower {
- background: #3071a9
+ background: #3071a9
}
.dealer-locator .sidebar .panel-card .panel-container .range-filter:focus::-ms-fill-upper {
- background: #367ebd
+ background: #367ebd
}
.dealer-locator .sidebar .panel-card .panel-container .sliderticks {
- display: flex;
- justify-content: space-between;
- padding: 0 10px
+ display: flex;
+ justify-content: space-between;
+ padding: 0 10px
}
.dealer-locator .sidebar .panel-card .panel-container .sliderticks option {
- position: relative;
- z-index: 5;
- display: flex;
- justify-content: center;
- text-align: center;
- width: 1px;
- height: 10px;
- line-height: 40px
+ position: relative;
+ z-index: 5;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+ width: 1px;
+ height: 10px;
+ line-height: 40px
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li {
- display: block;
- position: relative;
- margin-bottom: 9px;
- padding: 1px;
- cursor: pointer;
- user-select: none;
- user-select: none
+ display: block;
+ position: relative;
+ margin-bottom: 9px;
+ padding: 1px;
+ cursor: pointer;
+ user-select: none;
+ user-select: none
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li label {
- display: block;
- position: relative;
- padding-left: 35px;
- margin-bottom: 12px;
- cursor: pointer;
- user-select: none;
- user-select: none;
- font-size: 12px;
- font-weight: 700
+ display: block;
+ position: relative;
+ padding-left: 35px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ user-select: none;
+ user-select: none;
+ font-size: 12px;
+ font-weight: 700
}
-.dealer-locator .sidebar-legend .dealer div,.dealer-locator .sidebar-legend .electric-dealer div,.dealer-locator .sidebar-legend .uptime-dealer div {
- padding: 8px
+.dealer-locator .sidebar-legend .dealer div, .dealer-locator .sidebar-legend .electric-dealer div, .dealer-locator .sidebar-legend .uptime-dealer div {
+ padding: 8px
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li label input {
- position: absolute;
- opacity: 0;
- cursor: pointer
+ position: absolute;
+ opacity: 0;
+ cursor: pointer
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li .checkmark {
- position: absolute;
- top: 0;
- left: 0;
- height: 25px;
- width: 25px;
- background-color: #eee;
- border-radius: 50%
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 25px;
+ width: 25px;
+ background-color: #eee;
+ border-radius: 50%
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li .checkmark::after {
- content: "";
- position: absolute;
- display: none;
- top: 3px;
- left: 3px;
- width: 19px!important;
- height: 18px!important;
- border-radius: 50%;
- background: #fff
+ content: "";
+ position: absolute;
+ display: none;
+ top: 3px;
+ left: 3px;
+ width: 19px !important;
+ height: 18px !important;
+ border-radius: 50%;
+ background: #fff
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li input:checked~.checkmark::after {
- display: block
+ display: block
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li input:checked~.checkmark {
- background-color: #000
+ background-color: #000
}
.dealer-locator .sidebar .panel-card .panel-container #filter-options li:hover input~.checkmark {
- background-color: #ccc
+ background-color: #ccc
}
.dealer-locator #marker {
- width: 31px;
- height: 43px
+ width: 31px;
+ height: 43px
}
.dealer-locator .sidebar-legend {
- position: relative;
- display: flex;
- transition-property: background,box-shadow;
- transition-duration: .3s
+ position: relative;
+ display: flex;
+ transition-property: background, box-shadow;
+ transition-duration: .3s
}
-.dealer-locator .sidebar-legend .dealer,.dealer-locator .sidebar-legend .electric-dealer,.dealer-locator .sidebar-legend .uptime-dealer {
- position: relative;
- display: inline-block;
- font-size: 12px;
- color: #fff;
- vertical-align: middle;
- text-align: center
+.dealer-locator .sidebar-legend .dealer, .dealer-locator .sidebar-legend .electric-dealer, .dealer-locator .sidebar-legend .uptime-dealer {
+ position: relative;
+ display: inline-block;
+ font-size: 12px;
+ color: #fff;
+ vertical-align: middle;
+ text-align: center
}
.dealer-locator .sidebar-legend .dealer {
- border: 1px solid #000;
- border-radius: 4px;
- width: 81px;
- background: #000;
- height: 35px
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 81px;
+ background: #000;
+ height: 35px
}
.dealer-locator .sidebar-legend .dealer img {
- width: 16px;
- height: 22px
+ width: 16px;
+ height: 22px
}
.dealer-locator .sidebar-legend .dealer:hover {
- background-color: #484a4e!important
+ background-color: #484a4e !important
}
@media (max-width: 992px) {
- .dealer-locator .sidebar-legend .dealer:hover {
- background-color:unset
- }
+ .dealer-locator .sidebar-legend .dealer:hover {
+ background-color: unset
+ }
}
.dealer-locator .sidebar-legend .uptime-dealer {
- border: 1px solid #000;
- border-radius: 4px;
- width: 178px;
- background: #000;
- height: 35px;
- margin-left: 4px
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 178px;
+ background: #000;
+ height: 35px;
+ margin-left: 4px
}
.dealer-locator .sidebar-legend .uptime-dealer img {
- width: 16px;
- height: 22px
+ width: 16px;
+ height: 22px
}
.dealer-locator .sidebar-legend .uptime-dealer:hover {
- background-color: #484a4e!important
+ background-color: #484a4e !important
}
@media (max-width: 992px) {
- .dealer-locator .sidebar-legend .uptime-dealer:hover {
- background-color:unset
- }
+ .dealer-locator .sidebar-legend .uptime-dealer:hover {
+ background-color: unset
+ }
}
.dealer-locator .sidebar-legend .electric-dealer {
- border: 1px solid #000;
- border-radius: 4px;
- width: 178px;
- background: #000;
- height: 35px;
- margin-left: 4px
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 178px;
+ background: #000;
+ height: 35px;
+ margin-left: 4px
}
.dealer-locator .sidebar-legend .electric-dealer img {
- width: 16px;
- height: 22px
+ width: 16px;
+ height: 22px
}
.dealer-locator .sidebar-legend .electric-dealer:hover {
- background-color: #484a4e!important
+ background-color: #484a4e !important
}
@media (max-width: 992px) {
- .dealer-locator .sidebar-legend .electric-dealer:hover {
- background-color:unset
- }
+ .dealer-locator .sidebar-legend .electric-dealer:hover {
+ background-color: unset
+ }
- .dealer-locator .sidebar-legend {
- display: flex
- }
+ .dealer-locator .sidebar-legend {
+ display: flex
+ }
}
.dealer-locator .sidebar-legend .legend-icon {
- margin-top: -3px
+ margin-top: -3px
}
.dealer-locator .no-dealer-text {
- width: 250px;
- text-align: center;
- margin: 0 auto;
- font-size: 20px;
- padding: 50px
+ width: 250px;
+ text-align: center;
+ margin: 0 auto;
+ font-size: 20px;
+ padding: 50px
}
.dealer-locator .slider-arrow {
- padding: 5px;
- float: left;
- background: #FFF;
- font-size: 30px;
- color: #000;
- text-decoration: none;
- box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
- height: 48px;
- width: 23px;
- cursor: pointer;
- position: absolute;
- top: 10px;
- left: 483px;
- z-index: 99
+ padding: 5px;
+ float: left;
+ background: #FFF;
+ font-size: 30px;
+ color: #000;
+ text-decoration: none;
+ box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
+ height: 48px;
+ width: 23px;
+ cursor: pointer;
+ position: absolute;
+ top: 10px;
+ left: 483px;
+ z-index: 99
}
.dealer-locator .wrapper {
- position: relative;
- overflow: hidden;
- min-height: 100%
+ position: relative;
+ overflow: hidden;
+ min-height: 100%
}
.dealer-locator .scroller {
- max-height: 750px;
- min-height: 450px;
- position: relative;
- display: block
+ max-height: 750px;
+ min-height: 450px;
+ position: relative;
+ display: block
}
.dealer-locator #locator-snackbar {
- visibility: hidden;
- min-width: 250px;
- margin-left: -125px;
- background-color: #bfbfbf;
- color: #000;
- text-align: center;
- border-radius: 2px;
- padding: 16px;
- position: fixed;
- z-index: 999;
- left: 50%;
- bottom: 0
+ visibility: hidden;
+ min-width: 250px;
+ margin-left: -125px;
+ background-color: #bfbfbf;
+ color: #000;
+ text-align: center;
+ border-radius: 2px;
+ padding: 16px;
+ position: fixed;
+ z-index: 999;
+ left: 50%;
+ bottom: 0
}
.dealer-locator #locator-snackbar.show {
- visibility: visible;
- animation: fadein .5s,fadeout .5s 5s
+ visibility: visible;
+ animation: fadein .5s, fadeout .5s 5s
}
@keyframes fadein {
- from {
- bottom: 0;
- opacity: 0
- }
+ from {
+ bottom: 0;
+ opacity: 0
+ }
- to {
- bottom: 30px;
- opacity: 1
- }
+ to {
+ bottom: 30px;
+ opacity: 1
+ }
}
@keyframes fadein {
- from {
- bottom: 0;
- opacity: 0
- }
+ from {
+ bottom: 0;
+ opacity: 0
+ }
- to {
- bottom: 0;
- opacity: 1
- }
+ to {
+ bottom: 0;
+ opacity: 1
+ }
}
@keyframes fadeout {
- from {
- bottom: 0;
- opacity: 1
- }
+ from {
+ bottom: 0;
+ opacity: 1
+ }
- to {
- bottom: 0;
- opacity: 0
- }
+ to {
+ bottom: 0;
+ opacity: 0
+ }
}
@keyframes fadeout {
- from {
- bottom: 0;
- opacity: 1
- }
+ from {
+ bottom: 0;
+ opacity: 1
+ }
- to {
- bottom: 0;
- opacity: 0
- }
+ to {
+ bottom: 0;
+ opacity: 0
+ }
}
.hide {
- display: initial!important
+ display: initial !important
}
-#scrollToTop,.mobile-dealer,.mobile-electric-dealer,.mobile-uptime-dealer {
- display: none!important
+#scrollToTop, .mobile-dealer, .mobile-electric-dealer, .mobile-uptime-dealer {
+ display: none !important
}
@media (max-width: 700px) {
- .dealer-locator .slider-arrow {
- left:80%
- }
+ .dealer-locator .slider-arrow {
+ left: 80%
+ }
- .dealer-locator .nearby-pins article.teaser>div img {
- width: 30px
- }
+ .dealer-locator .nearby-pins article.teaser>div img {
+ width: 30px
+ }
- .dealer-locator .nearby-pins article.teaser .teaser-top .heading p {
- font-size: 13px
- }
+ .dealer-locator .nearby-pins article.teaser .teaser-top .heading p {
+ font-size: 13px
+ }
- .dealer-locator .nearby-pins article.teaser .teaser-bottom .website {
- display: block!important
- }
+ .dealer-locator .nearby-pins article.teaser .teaser-bottom .website {
+ display: block !important
+ }
}
.main-header {
- display: block
+ display: block
}
@media (max-width: 992px) {
- .sidebar {
- width:100%!important;
- height: 50%!important;
- float: none!important;
- left: unset!important;
- top: unset!important;
- bottom: 0
- }
-
- .sidebar .mobile-dealer {
- position: relative;
- display: inline-block!important;
- font-size: 12px;
- border: 1px solid #000;
- padding: 5px;
- color: #fff;
- border-radius: 4px;
- width: 81px;
- background: #000;
- text-align: center
- }
-
- .sidebar .mobile-electric-dealer,.sidebar .mobile-uptime-dealer {
- position: relative;
- display: inline-block!important;
- font-size: 12px;
- padding: 5px 0;
- color: #fff;
- background: #000;
- text-align: center
- }
-
- .sidebar .mobile-dealer img {
- width: 16px;
- height: 22px
- }
-
- .sidebar .mobile-uptime-dealer {
- border: 1px solid #000;
- border-radius: 4px;
- width: 142px;
- margin-left: 2px;
- margin-right: 2px
- }
-
- .sidebar .mobile-uptime-dealer img {
- width: 16px;
- height: 22px
- }
-
- .sidebar .mobile-electric-dealer {
- border: 1px solid #000;
- border-radius: 4px;
- width: 144px
- }
-
- .sidebar .mobile-electric-dealer img {
- width: 16px;
- height: 22px
- }
-
- .sidebar .main-header {
- display: none!important
- }
-
- .sidebar .panel-header input {
- min-width: 123%
- }
-
- .sidebar .main-directions .panel-header {
- padding: 12px 10px 0;
- width: 100%
- }
-
- .sidebar .main-directions .panel-header input {
- min-width: 0
- }
-
- .sidebar .panel-card {
- box-shadow: none;
- border-bottom: 1px solid #e6e6e6;
- cursor: default
- }
-
- .sidebar .panel-card:hover {
- background-color: unset!important
- }
-
- .sidebar .dealerPanelContainer {
- width: 100%!important
- }
-
- .sidebar .sidebar-content {
- height: calc(100% - 4em)!important;
- width: calc(100% - 1.5em)!important
- }
-
- .sidebar .sidebar-content ul.pin-details #details>div span#time {
- padding-bottom: 10px
- }
-
- .sidebar .sidebar-content .pin-actions button {
- padding: 7px;
- font-size: 10px
- }
-
- .sidebar .direction-content {
- height: calc(100% - 1em)!important
- }
+ .sidebar {
+ width: 100% !important;
+ height: 50% !important;
+ float: none !important;
+ left: unset !important;
+ top: unset !important;
+ bottom: 0
+ }
+
+ .sidebar .mobile-dealer {
+ position: relative;
+ display: inline-block !important;
+ font-size: 12px;
+ border: 1px solid #000;
+ padding: 5px;
+ color: #fff;
+ border-radius: 4px;
+ width: 81px;
+ background: #000;
+ text-align: center
+ }
+
+ .sidebar .mobile-electric-dealer, .sidebar .mobile-uptime-dealer {
+ position: relative;
+ display: inline-block !important;
+ font-size: 12px;
+ padding: 5px 0;
+ color: #fff;
+ background: #000;
+ text-align: center
+ }
+
+ .sidebar .mobile-dealer img {
+ width: 16px;
+ height: 22px
+ }
+
+ .sidebar .mobile-uptime-dealer {
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 142px;
+ margin-left: 2px;
+ margin-right: 2px
+ }
+
+ .sidebar .mobile-uptime-dealer img {
+ width: 16px;
+ height: 22px
+ }
+
+ .sidebar .mobile-electric-dealer {
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 144px
+ }
+
+ .sidebar .mobile-electric-dealer img {
+ width: 16px;
+ height: 22px
+ }
+
+ .sidebar .main-header {
+ display: none !important
+ }
+
+ .sidebar .panel-header input {
+ min-width: 123%
+ }
+
+ .sidebar .main-directions .panel-header {
+ padding: 12px 10px 0;
+ width: 100%
+ }
+
+ .sidebar .main-directions .panel-header input {
+ min-width: 0
+ }
+
+ .sidebar .panel-card {
+ box-shadow: none;
+ border-bottom: 1px solid #e6e6e6;
+ cursor: default
+ }
+
+ .sidebar .panel-card:hover {
+ background-color: unset !important
+ }
+
+ .sidebar .dealerPanelContainer {
+ width: 100% !important
+ }
+
+ .sidebar .sidebar-content {
+ height: calc(100% - 4em) !important;
+ width: calc(100% - 1.5em) !important
+ }
+
+ .sidebar .sidebar-content ul.pin-details #details>div span#time {
+ padding-bottom: 10px
+ }
+
+ .sidebar .sidebar-content .pin-actions button {
+ padding: 7px;
+ font-size: 10px
+ }
+
+ .sidebar .direction-content {
+ height: calc(100% - 1em) !important
+ }
}
footer {
- margin-top: 0!important
+ margin-top: 0 !important
}
-#eloquaForm .field-holder,.contact-form .field-holder {
- width: 45.389%
+#eloquaForm .field-holder, .contact-form .field-holder {
+ width: 45.389%
}
.desktop-header {
- display: none
+ display: none
}
@@ -2451,116 +2453,116 @@ footer {
.tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- font-size: 16px;
- line-height: 1.4;
- opacity: 0;
- filter: alpha(opacity=0)
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ font-size: 16px;
+ line-height: 1.4;
+ opacity: 0;
+ filter: alpha(opacity=0)
}
.tooltip.in {
- opacity: .9;
- filter: alpha(opacity=90)
+ opacity: .9;
+ filter: alpha(opacity=90)
}
.tooltip.top {
- margin-top: -3px;
- padding: 5px 0
+ margin-top: -3px;
+ padding: 5px 0
}
.tooltip.right {
- margin-left: 3px;
- padding: 0 5px
+ margin-left: 3px;
+ padding: 0 5px
}
.tooltip.bottom {
- margin-top: 3px;
- padding: 5px 0
+ margin-top: 3px;
+ padding: 5px 0
}
.tooltip.left {
- margin-left: -3px;
- padding: 0 5px
+ margin-left: -3px;
+ padding: 0 5px
}
.tooltip-inner {
- max-width: 200px;
- padding: 3px 8px;
- color: #FFF;
- text-decoration: none;
- background-color: #000;
- border-radius: 3px
+ max-width: 200px;
+ padding: 3px 8px;
+ color: #FFF;
+ text-decoration: none;
+ background-color: #000;
+ border-radius: 3px
}
.tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid
}
-.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
- bottom: 0;
- border-width: 5px 5px 0;
- border-top-color: #000
+.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
+ bottom: 0;
+ border-width: 5px 5px 0;
+ border-top-color: #000
}
.tooltip.top .tooltip-arrow {
- left: 50%;
- margin-left: -5px
+ left: 50%;
+ margin-left: -5px
}
.tooltip.top-left .tooltip-arrow {
- right: 5px;
- margin-bottom: -5px
+ right: 5px;
+ margin-bottom: -5px
}
.tooltip.top-right .tooltip-arrow {
- left: 5px;
- margin-bottom: -5px
+ left: 5px;
+ margin-bottom: -5px
}
.tooltip.right .tooltip-arrow {
- top: 50%;
- left: 0;
- margin-top: -5px;
- border-width: 5px 5px 5px 0;
- border-right-color: #000
+ top: 50%;
+ left: 0;
+ margin-top: -5px;
+ border-width: 5px 5px 5px 0;
+ border-right-color: #000
}
.tooltip.left .tooltip-arrow {
- top: 50%;
- right: 0;
- margin-top: -5px;
- border-width: 5px 0 5px 5px;
- border-left-color: #000
+ top: 50%;
+ right: 0;
+ margin-top: -5px;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #000
}
-.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
- border-width: 0 5px 5px;
- border-bottom-color: #000;
- top: 0
+.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+ top: 0
}
.tooltip.bottom .tooltip-arrow {
- left: 50%;
- margin-left: -5px
+ left: 50%;
+ margin-left: -5px
}
.tooltip.bottom-left .tooltip-arrow {
- right: 5px;
- margin-top: -5px
+ right: 5px;
+ margin-top: -5px
}
.tooltip.bottom-right .tooltip-arrow {
- left: 5px;
- margin-top: -5px
+ left: 5px;
+ margin-top: -5px
}
.legend-header,
.dealer-locator .sidebar .panel-card .panel-filter-distance {
- display: none;
-}
\ No newline at end of file
+ display: none;
+}
diff --git a/blocks/dealer-locator/sidebar-maps.js b/blocks/dealer-locator/sidebar-maps.js
index 05023492e..70ae9b569 100644
--- a/blocks/dealer-locator/sidebar-maps.js
+++ b/blocks/dealer-locator/sidebar-maps.js
@@ -92,6 +92,7 @@ var uptimeClicked = false;
$electricDealer = false;
$hoverText = $('#hoverText').val();
$country = window.locatorConfig.country;
+var isLocationOFF = false;
// Google callback letting us know maps is ready to be used
(function () {
@@ -103,7 +104,7 @@ $country = window.locatorConfig.country;
lat: defaultCenterCoords.lat,
lng: defaultCenterCoords.lng
},
- zoom: 8,
+ zoom: 4,
mapTypeControl: false,
streetViewControl: false,
fullscreenControl: false,
@@ -1386,7 +1387,7 @@ $.fn.deleteCookie = function (name) {
document.cookie = name + '=; Max-Age=-99999999;';
}
-$.fn.sortedPins = function () {
+$.fn.sortedPins = function (isLocationOff = false) {
$pinLength = $pins.length;
for (var i = 0; i < $pinLength; i++) {
@@ -1399,7 +1400,9 @@ $.fn.sortedPins = function () {
$sortedPins = $pins;
$sortedPins.sort(function (a, b) {
- return parseFloat(a.distance) - parseFloat(b.distance);
+ return isLocationOff
+ ? a.COMPANY_DBA_NAME.localeCompare(b.COMPANY_DBA_NAME)
+ : parseFloat(a.distance) - parseFloat(b.distance);
});
$sortedPins.filter(function (i) {
@@ -1566,9 +1569,6 @@ $.fn.tmpPins = function (tmpPinList) {
$("", {
'html': templateClone,
'click': function () {
- // look into a child element with class teaser-top and get the data-id attribute
- var id = $(this).find('.teaser-top').attr('data-id');
- $.fn.switchSidebarPane('sidebar-pin', id);
},
'mouseenter': function () {
@@ -1680,7 +1680,7 @@ $.fn.filterNearbyPins = function () {
// First get the full details of our locations
var tmpPinList = [];
- var sorted = $.fn.sortedPins();
+ var sorted = $.fn.sortedPins(isLocationOFF);
$nearbyPins.forEach(function (pin) {
tmpPinList.push($.grep(sorted, function (v, i) {
@@ -1689,7 +1689,9 @@ $.fn.filterNearbyPins = function () {
});
tmpPinList.sort(function (a, b) {
- return parseFloat(a.distance) - parseFloat(b.distance);
+ return isLocationOFF
+ ? a.COMPANY_DBA_NAME.localeCompare(b.COMPANY_DBA_NAME)
+ : parseFloat(a.distance) - parseFloat(b.distance);
});
$("#filterUptime,#filterElectricDealer,#filterDealer").css("cursor", "pointer");
$('.no-dealer-text').hide();
@@ -2401,10 +2403,11 @@ $.fn.setAddress = function () {
};
// Handles geolocation
-$.fn.setLocation = function () {
+$.fn.setLocation = function (e) {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
+
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
@@ -2645,6 +2648,10 @@ $.fn.handleLocationError = function (browserHasGeolocation, infoWindow, pos) {
if (!browserHasGeolocation) {
alert('Error: Your browser doesn\'t support geolocation.');
} else {
+ console.log('%cError:%c The Geolocation service failed. Check your browser if Geolocation is enabled.'
+ , 'color: white; font-weight: bold; background-color: red', 'color: default; font-weight: normal;');
+ // sort pins Alphabetically by Brand Name if Geolocation is disabled
+ isLocationOFF = true;
$('.loading-overlay').css('display', 'none');
$('.waiting-overlay').css('display', 'block');
}
diff --git a/blocks/v2-dealer-locator/images/add.svg b/blocks/v2-dealer-locator/images/add.svg
new file mode 100644
index 000000000..034d0f7dd
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/add.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/bolt.svg b/blocks/v2-dealer-locator/images/bolt.svg
new file mode 100644
index 000000000..6e2948a02
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/bolt.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/clock.svg b/blocks/v2-dealer-locator/images/clock.svg
new file mode 100644
index 000000000..ec04c445f
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/clock.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/dealer-electric.svg b/blocks/v2-dealer-locator/images/dealer-electric.svg
new file mode 100644
index 000000000..9831ffbd5
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/dealer-electric.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/dealer.svg b/blocks/v2-dealer-locator/images/dealer.svg
new file mode 100644
index 000000000..69b1befef
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/dealer.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/filter.svg b/blocks/v2-dealer-locator/images/filter.svg
new file mode 100644
index 000000000..1ea8ae9f9
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/filter.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/globe-detail.svg b/blocks/v2-dealer-locator/images/globe-detail.svg
new file mode 100644
index 000000000..2309a5a6c
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/globe-detail.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/globe.svg b/blocks/v2-dealer-locator/images/globe.svg
new file mode 100644
index 000000000..572bc2aab
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/globe.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/google-maps.svg b/blocks/v2-dealer-locator/images/google-maps.svg
new file mode 100644
index 000000000..df3352fcc
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/google-maps.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/gps.svg b/blocks/v2-dealer-locator/images/gps.svg
new file mode 100644
index 000000000..bffa4ae87
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/gps.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/location.svg b/blocks/v2-dealer-locator/images/location.svg
new file mode 100644
index 000000000..8d2ee7aa7
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/location.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/mail.svg b/blocks/v2-dealer-locator/images/mail.svg
new file mode 100644
index 000000000..41950f34a
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/mail.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/map-detail.svg b/blocks/v2-dealer-locator/images/map-detail.svg
new file mode 100644
index 000000000..caf0c388d
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/map-detail.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/me-marker.png b/blocks/v2-dealer-locator/images/me-marker.png
new file mode 100644
index 000000000..40b2060a6
Binary files /dev/null and b/blocks/v2-dealer-locator/images/me-marker.png differ
diff --git a/blocks/v2-dealer-locator/images/phone.svg b/blocks/v2-dealer-locator/images/phone.svg
new file mode 100644
index 000000000..e4fd9c4e8
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/phone.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/print.svg b/blocks/v2-dealer-locator/images/print.svg
new file mode 100644
index 000000000..2a3cc1cfa
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/print.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/search.svg b/blocks/v2-dealer-locator/images/search.svg
new file mode 100644
index 000000000..006909ae6
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/search.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/share.svg b/blocks/v2-dealer-locator/images/share.svg
new file mode 100644
index 000000000..fd31a5ead
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/share.svg
@@ -0,0 +1,9 @@
+
diff --git a/blocks/v2-dealer-locator/images/star-2.svg b/blocks/v2-dealer-locator/images/star-2.svg
new file mode 100644
index 000000000..1c3566083
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/star-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/star.svg b/blocks/v2-dealer-locator/images/star.svg
new file mode 100644
index 000000000..e413c7ab8
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/star.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/uptime-electric.svg b/blocks/v2-dealer-locator/images/uptime-electric.svg
new file mode 100644
index 000000000..ba6081ca2
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/uptime-electric.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/images/uptime.svg b/blocks/v2-dealer-locator/images/uptime.svg
new file mode 100644
index 000000000..8aee785af
--- /dev/null
+++ b/blocks/v2-dealer-locator/images/uptime.svg
@@ -0,0 +1,3 @@
+
diff --git a/blocks/v2-dealer-locator/shared/my-dealer.js b/blocks/v2-dealer-locator/shared/my-dealer.js
new file mode 100644
index 000000000..aaffcaed4
--- /dev/null
+++ b/blocks/v2-dealer-locator/shared/my-dealer.js
@@ -0,0 +1,451 @@
+/* eslint-disable */
+
+function MyDealer() {
+ var $html = $('html');
+ var $location = [];
+ var $isOpen = false;
+ var allowDisplay = false;
+ var $brand = '';
+
+ this.init = function () {
+
+ if ($html.is('[data-brand]')) {
+ $brand = $html.attr('data-brand');
+ $brand = '-' + $brand;
+ }
+
+ if ($brand !== '') {
+
+ setListener();
+
+ $(".openfindadealer").click(function (e) {
+ if (allowDisplay === true) {
+ e.preventDefault();
+ $('.ancillaryNavPopup.findadealer').toggle();
+ }
+ });
+
+ }
+ }
+
+ this.isOpen = function () {
+ return $isOpen;
+ }
+
+
+ function readDealerCookie(name) {
+
+ var nameEQ = name + "=";
+ var ca = document.cookie.split(';');
+ for (var i = 0; i < ca.length; i++) {
+ var c = ca[i];
+ while (c.charAt(0) === ' ') {
+ c = c.substring(1, c.length);
+ }
+ if (c.indexOf(nameEQ) === 0) {
+ return c.substring(nameEQ.length, c.length);
+ }
+ }
+ return null;
+ }
+
+ function getDealerHoursInfo(hours, time) {
+
+ var zone = moment.tz.guess();
+
+ var closeSoon = false;
+
+ if (hours) {
+
+ if (!time) {
+ time = new Date();
+ }
+
+ var todayAtDealer = hours[time.getDay()];
+
+ if (todayAtDealer) {
+
+ var startTime = todayAtDealer.Start;
+ if (startTime.toLowerCase() === 'midnight') {
+ startTime = '12:00 AM';
+ }
+
+ var endTime = todayAtDealer.End;
+ if (endTime.toLowerCase() === 'midnight') {
+ endTime = '11:59 PM';
+ }
+
+ if (startTime.toLowerCase().indexOf('24') > -1) {
+ startTime = '12:00 AM';
+ // Dealer is open 24 hours
+ return { open: true, endTime: null, closeSoon: null, alwaysOpen: true };
+ }
+
+ if (endTime.toLowerCase().indexOf('24') > -1) {
+ endTime = '12:00 AM';
+ // Dealer is open 24 hours
+ return { open: true, endTime: null, closeSoon: null, alwaysOpen: true };
+ }
+
+ if (startTime.toLowerCase() === 'noon') {
+ startTime = '12:00 PM';
+ }
+
+ if (endTime.toLowerCase() === 'noon') {
+ endTime = '12:00 PM';
+ }
+
+ var start = new Date();
+ start.setFullYear(time.getFullYear());
+ start.setMonth(time.getMonth());
+ start.setDate(time.getDate());
+ start.setHours(moment(startTime, ["h:mm A"]).format("HH"));
+ start.setMinutes(moment(startTime, ["h:mm A"]).format("mm"));
+ start.setSeconds(0);
+
+ var end = new Date();
+ end.setFullYear(time.getFullYear());
+ end.setMonth(time.getMonth());
+ end.setDate(time.getDate());
+ end.setHours(moment(endTime, ["h:mm A"]).format("HH"));
+ end.setMinutes(moment(endTime, ["h:mm A"]).format("mm"));
+ end.setSeconds(0);
+
+ if (moment.tz(zone).isBetween(start, end)) {
+
+ var hours2 = Math.abs(time - end) / 36e5;
+
+ if (hours2 < 1) {
+ closeSoon = true;
+ }
+
+ //dealer is open
+ return { open: true, endTime: end, closeSoon: closeSoon, alwaysOpen: false };
+
+ } else {
+ //dealer is closed
+ return { open: false, endTime: end, closeSoon: closeSoon, alwaysOpen: false };
+ }
+ }
+ }
+
+ return 2;
+ }
+
+
+ function getMyDealer() {
+
+ var preferredSet = readDealerCookie('my-dealer');
+ if (preferredSet) {
+ // If user has selected a preferred dealer get that
+ $brand = '';
+ } else {
+ if ($html.is('[data-brand]')) {
+ $brand = $html.attr('data-brand');
+ $brand = '-' + $brand;
+ }
+ }
+
+ var dealer = {
+ dealer: '',
+ dealerName: '',
+ dealerCity: '',
+ dealerState: '',
+ dealerZip: '',
+ dealerAddr1: '',
+ dealerAddr2: '',
+ dealerHours: {},
+ dealerNumber: '',
+ coords: ''
+ };
+
+ var myDealer = readDealerCookie('my-dealer' + $brand);
+ if (myDealer) {
+ dealer.dealer = myDealer;
+ }
+
+ var myDealerName = readDealerCookie('my-dealer-name' + $brand);
+ if (myDealerName) {
+
+ dealer.dealerName = myDealerName;
+ }
+
+
+ var myDealerCity = readDealerCookie('my-dealer-city' + $brand);
+ if (myDealerCity) {
+
+ dealer.dealerCity = myDealerCity;
+ }
+ var myDealerState = readDealerCookie('my-dealer-state' + $brand);
+ if (myDealerState) {
+
+ dealer.dealerState = myDealerState;
+ }
+ var myDealerZip = readDealerCookie('my-dealer-zip' + $brand);
+ if (myDealerZip) {
+
+ dealer.dealerZip = myDealerZip;
+ }
+ var myDealerAddr1 = readDealerCookie('my-dealer-addr1' + $brand);
+ if (myDealerAddr1) {
+
+ dealer.dealerAddr1 = myDealerAddr1;
+ }
+ var myDealerAddr2 = readDealerCookie('my-dealer-addr2' + $brand);
+ if (myDealerAddr2) {
+
+ dealer.dealerAddr2 = myDealerAddr2;
+ }
+
+ var myDealerHours = readDealerCookie('my-dealer-hours' + $brand);
+ if (myDealerHours) {
+
+ dealer.dealerHours = JSON.parse(myDealerHours);
+ }
+
+ var myDealerCoords = readDealerCookie('my-dealer-coords' + $brand);
+ if (myDealerCoords) {
+
+ dealer.coords = myDealerCoords;
+ }
+
+ var myDealerFormattedNumber = '';
+ var myDealerNumber = readDealerCookie('my-dealer-number' + $brand);
+ if (myDealerNumber) {
+
+ dealer.dealerNumber = myDealerNumber;
+ myDealerFormattedNumber = formatPhoneNumber(myDealerNumber);
+ }
+
+ if (!myDealerNumber && !myDealerHours) {
+ return false;
+ }
+
+ // Restore brand
+ if ($html.is('[data-brand]')) {
+ $brand = $html.attr('data-brand');
+ $brand = '-' + $brand;
+ }
+
+ return dealer;
+ }
+
+ function error(err) {
+ console.log('Error getting user\'s location: ' +err.message);
+ }
+
+ function setLocation() {
+ navigator.geolocation.getCurrentPosition(function (position) {
+
+ if (position) {
+ $location.push(position.coords.latitude);
+ $location.push(position.coords.longitude);
+
+ setDealer();
+
+ } else {
+ // Error getting position or user denied access.
+ console.log('Error getting position or user denied access');
+ }
+ }, error);
+
+ }
+
+ function formatPhoneNumber(phoneNumberString) {
+ var cleaned = ("" + phoneNumberString).replace(/\D/g, '');
+ var match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
+ return (!match) ? null : match[1] + "-" + match[2] + "-" + match[3];
+ }
+
+ function createCookie(name, value, days) {
+ if (days) {
+ var date = new Date;
+ date.setTime(date.getTime() + 24 * days * 60 * 60 * 1e3);
+ var expires = "; expires=" + date.toGMTString()
+ } else expires = "";
+ document.cookie = name + "=" + value + expires + "; path=/"
+ }
+
+ // Only to be called after location is set
+ function setDealer() {
+
+ if (!$location) {
+ console.log("Could not find dealer because location is not set. ");
+ return false;
+ }
+
+ var ajaxUrl = '';
+ if ($brand === '-mack') {
+ ajaxUrl = 'https://mvservices.na.volvogroup.com/DealerJSON_new.ashx?nearest=1&lat=' + $location[0] + '&lng=' + $location[1];
+ }
+ else if ($brand === '-volvo') {
+ ajaxUrl = 'https://mvservices.na.volvogroup.com/volvo_dealerJSON.ashx?nearest=1&lat=' + $location[0] + '&lng=' + $location[1];
+ }
+
+ $.ajax({
+ url: ajaxUrl,
+ type: "GET",
+ success: function (data) {
+ var dealer = data[0][0];
+ if (dealer) {
+ createCookie('my-dealer' + $brand, dealer.IDENTIFIER_VALUE, 365 * 10);
+ createCookie('my-dealer-name' + $brand, dealer.COMPANY_DBA_NAME, 365 * 10);
+ createCookie('my-dealer-city' + $brand, dealer.MAIN_CITY_NM, 365 * 10);
+ createCookie('my-dealer-state' + $brand, dealer.MAIN_STATE_PROV_CD, 365 * 10);
+ createCookie('my-dealer-zip' + $brand, dealer.MAIN_POSTAL_CD, 365 * 10);
+ createCookie('my-dealer-addr1' + $brand, dealer.MAIN_ADDRESS_LINE_1_TXT, 365 * 10);
+ createCookie('my-dealer-addr2' + $brand, dealer.MAIN_ADDRESS_LINE_2_TXT, 365 * 10);
+
+
+ var hours = null;
+ if (dealer.hours.Parts) {
+ hours = dealer.hours.Parts;
+ }
+
+ if (!hours && dealer.hours.Service) {
+ hours = dealer.hours.Service;
+ }
+
+ if (!hours && dealer.hours.Leasing) {
+ hours = dealer.hours.Leasing;
+ }
+
+
+ createCookie('my-dealer-hours' + $brand, JSON.stringify(hours), 365 * 10);
+ createCookie('my-dealer-number' + $brand, dealer.REG_PHONE_NUMBER, 365 * 10);
+ createCookie('my-dealer-coords' + $brand, dealer.MAIN_LATITUDE + ',' + dealer.MAIN_LONGITUDE, 365 * 10);
+
+ dealer = getMyDealer();
+
+ if (dealer !== null) {
+ allowDisplay = true;
+ showDealerBox(dealer);
+ }
+ }
+ },
+ error: function (error) {
+ console.log("MVServices call failed with code: " + error.message);
+ }
+ });
+
+ }
+
+ function setListener() {
+
+ var dealer = null;
+
+ // If dealer cookie exists, use it
+ window.addEventListener(
+ 'my-dealer',
+ function (e) {
+ // Take existing dealer info and put it in dealer variable
+ dealer = getMyDealer();
+ if (dealer !== null) {
+ allowDisplay = true;
+ // Populate Find a Dealer box
+ showDealerBox(dealer);
+ }
+ },
+ false
+ );
+
+
+ // Dealer cookie does not exist
+ if (dealer === null) {
+ setLocation();
+ }
+
+ }
+
+
+ function normalizeCase(input) {
+ return input.charAt(0).toUpperCase() + input.slice(1).toLowerCase();
+ }
+
+
+ function showDealerBox(dealer) {
+
+ if (dealer !== null) {
+
+ // Find out if dealer city is two words
+ // Capitalize each word if city contains spaces
+ var splitCity = new Array();
+
+ if (dealer.dealerCity.includes(" ")) {
+ var cityParts = dealer.dealerCity.split(" ");
+
+ cityParts.forEach(function (part) {
+ var currentPart = normalizeCase(part);
+ splitCity.push(currentPart);
+ });
+ }
+
+ var today = new Date();
+ var openDetails = getDealerHoursInfo(dealer.dealerHours, today);
+ var popup = $('.ancillaryNavPopup.findadealer');
+
+ popup.html('');
+ popup.prepend('');
+
+ // Applies dealer name to pop-out.
+ popup.append('' + dealer.dealerName + '
');
+ // Applies address to pop-out.
+ popup.append('' + dealer.dealerAddr1 + '\n' + dealer.dealerAddr2 + '\n' + dealer.dealerCity + ', ' + dealer.dealerState + ' ' + dealer.dealerZip + '
' + formatPhoneNumber(dealer.dealerNumber) + '
Open until ' + moment(openDetails.endTime).format('LT') + '
+
+
+
+
Select a Brand
+
To view participating dealers near you.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
' + "Call" + '');
+ } else {
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+ templateClone.find('.detail-call a').css({'pointer-events':'none','cursor':'default','opacity':'0.5'});
+ }
+
+
+
+ templateClone.find('#head-marker').attr('src', $viewingPin.icon.url);
+ templateClone.find('#head-marker').css('width', '31px');
+ templateClone.find('#head-marker').css('height', '43px');
+
+ var myDealer = $.fn.getCookie('my-dealer');
+
+ if (myDealer == markerDetails.IDENTIFIER_VALUE) {
+ // templateClone.find('#set-dealer span').text('Preferred Dealer');
+ templateClone.find('#set-dealer').html('
');
+ templateClone.find('#head-marker').attr('src', $viewingPin.icon);
+ }
+ else {
+ // templateClone.find('#set-dealer span').text('Set As Your Dealer');
+ templateClone.find('#set-dealer').html('
');
+ }
+ templateClone.find('#set-dealer').attr('data-pin', markerDetails.IDENTIFIER_VALUE);
+
+ var openHours = $.fn.getOpenHours(markerDetails);
+ var isOpenHtml = "";
+
+ if (openHours.open === '' && openHours.close === '') {
+ isOpenHtml = "No schedule information available";
+ } else if (openHours.open.toLowerCase() === 'open 24 hours') {
+ isOpenHtml = openHours.open
+ } else if (openHours.open.toLowerCase() === 'closed') {
+ isOpenHtml = openHours.open
+ } else {
+ var isOpen = await $.fn.isOpen(markerDetails);
+ isOpenHtml = `${isOpen.open ? 'Open' : 'Closed' } - ${openHours.open.toLowerCase()} - ${openHours.close.toLowerCase()}`;
+ }
+
+ var servicesHtml = templateClone.find('#services');
+ var driversHtml = templateClone.find('#drivers');
+ var driverAmenities = [];
+ var newdriverAmenities = [];
+ var serviceAmenities = [];
+ if (markerDetails.services) {
+ var newMarkerDetail = Object.values(markerDetails.services);
+ }
+ if (newMarkerDetail) {
+ jQuery.grep(newMarkerDetail, function (el) {
+ if (jQuery.inArray(el, $isAmentities) == -1) serviceAmenities.push(el);
+ });
+ }
+ if ($isAmentities) {
+ jQuery.grep($isAmentities, function (el) {
+ if (jQuery.inArray(el, newMarkerDetail) == -1) driverAmenities.push(el);
+ });
+ }
+ if ($isAmentities) {
+ jQuery.grep($isAmentities, function (el) {
+ if (jQuery.inArray(el, driverAmenities) == -1) newdriverAmenities.push(el);
+ });
+ }
+ if (serviceAmenities) {
+ $.each(serviceAmenities, function (i, item) {
+
+ $("", {
+ 'html': serviceAmenities[i]
+ }).appendTo(servicesHtml);
+
+ });
+ }
+ if (newdriverAmenities) {
+ $.each(newdriverAmenities, function (i, item) {
+
+ $("", {
+ 'html': newdriverAmenities[i]
+ }).appendTo(driversHtml);
+ });
+ }
+ var driversId = templateClone.find('#drivers');
+ if (driversId && !driversId.find('li').length || newdriverAmenities.length == 0) {
+ templateClone.find('.header-driver-title').hide();
+ } else {
+ templateClone.find('.header-driver-title').show();
+ }
+
+ if ($.isEmptyObject(markerDetails.services)) {
+ templateClone.find('.header-title').css('display', 'none');
+ }
+
+ // We need to display all hours to the user in the details pane
+ var hours = null;
+ var hoursHtml = templateClone.find('#details');
+ var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+
+ var hasPartsHours = false,
+ hasServiceHours = false,
+ hasLeasingHours = false,
+ hasSalesHours = false;
+
+
+ if (markerDetails.hours.Parts) {
+ hours = markerDetails.hours.Parts;
+
+ $("", {
+ 'html': 'Parts:
'
+ }).appendTo(hoursHtml);
+
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasPartsHours = true;
+ });
+
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+
+ }
+
+ if (markerDetails.hours.Service) {
+ hours = markerDetails.hours.Service;
+
+ $("", {
+ 'html': 'Service:
'
+ }).appendTo(hoursHtml);
+
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasServiceHours = true;
+ });
+
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+ }
+
+ if (markerDetails.hours.Leasing) {
+ hours = markerDetails.hours.Leasing;
+
+ $("", {
+ 'html': 'Leasing:
'
+ }).appendTo(hoursHtml);
+
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasLeasingHours = true;
+ });
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+ }
+
+
+ if (markerDetails.hours.Sales) {
+ hours = markerDetails.hours.Sales;
+
+ if (hours[0].Start.length > 0) {
+ $("", {
+ 'html': 'Sales:
'
+ }).appendTo(hoursHtml);
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasSalesHours = true;
+ });
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+ }
+ }
+
+
+ if (!hasPartsHours && !hasServiceHours && !hasLeasingHours && !hasSalesHours) {
+ isOpenHtml = "Closed";
+ }
+
+ templateClone.find('#hours div').html(isOpenHtml);
+
+ $map.panTo(marker.position);
+
+
+ return templateClone;
+};
+
+$.fn.renderAddDirectionsPin = function (marker, details) {
+
+ var templateClone = $($('#sidebar-select-pin').clone(true).html());
+
+ templateClone.find('.fa-close').attr('data-id', details.IDENTIFIER_VALUE);
+
+ var openHours = $.fn.getOpenHours(pin);
+ var isOpenHtml = "";
+ if (openHours.open === '' && openHours.close === '') {
+ isOpenHtml = "No schedule information available";
+ } else if (openHours.open.toLowerCase() === 'open 24 hours') {
+ isOpenHtml = `${openHours.open}`;
+ } else if (openHours.open.toLowerCase() === 'closed') {
+ isOpenHtml = `${openHours.open}`;
+ } else {
+ isOpenHtml = `${openHours.open.toLowerCase()} - ${openHours.close.toLowerCase()}`;
+ }
+
+ templateClone.find('.heading p').text($.fn.camelCase(details.COMPANY_DBA_NAME));
+ templateClone.find('.hours').text(isOpenHtml);
+ templateClone.find('.distance').text(details.distance.toFixed(2) + ' mi');
+ templateClone.find('.address').text(details.MAIN_ADDRESS_LINE_1_TXT + ' ' + details.MAIN_ADDRESS_LINE_2_TXT);
+ templateClone.find('.city').text(details.MAIN_CITY_NM + ', ' + details.MAIN_STATE_PROV_CD + ' ' + details.MAIN_POSTAL_CD);
+ templateClone.find('.phone').text(details.REG_PHONE_NUMBER);
+ templateClone.find('.detail-website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+
+
+ $("", {
+ 'html': templateClone
+ }).appendTo('.nearby-select');
+
+
+};
+
+$.fn.setupAddDirectionsView = function () {
+
+ $('.go-back-pin').attr('onclick', '$.fn.switchSidebarPane(\'add-directions-return\',\'' + $lastPane.split('-').pop().trim() + '\');');
+
+ $('div[id*="sidebar-select-pins"] span#filter').text($.fn.currentFilterHumanReadable());
+
+ for (var i = 0; i < $markers.length; i++) {
+
+ for (var k = 0; k < $pins.length; k++) {
+
+ if ($pins[k].IDENTIFIER_VALUE == $markers[i].id) {
+
+ if ($.fn.showPin($pins[k])) {
+
+ $markers[i].setMap($map);
+
+ if ($.fn.isWaypoint($pins[k].waypoint)) {
+ var pinIcon = $.fn.drawPin('-', 38, 38, '808080');
+ }
+ else {
+ var pinIcon = $.fn.drawPin('+', 38, 38, '4174C4');
+ }
+
+ $markers[i].setIcon(pinIcon);
+ }
+ }
+ }
+ }
+
+ $map.setZoom(8);
+};
+
+$.fn.switchSidebarPane = async function (id, e) {
+ var markerId = ($(e).data('id') ? $(e).data('id') : e);
+ var content = $('#' + id).html();
+
+ var forceRefresh = false;
+ if (e && id == 'sidebar-pin') {
+ content = await $.fn.renderPinDetails(markerId);
+ }
+ if ((e && id == 'sidebar-directions') || id == 'add-directions-return' || id == 'sidebar-direction-list') {
+ content = $.fn.renderPinDirections(markerId);
+ $('.sidebar-content').addClass("direction-content");
+ $('.go-back').css('display', 'none');
+ $('.sidebar-legend').hide();
+ if ($(window).width() < 992) {
+ $('.sidebar').css("overflow", "scroll");
+ $('.add-directions').text("Recalculate");
+ }
+ if (id == 'add-directions-return') { forceRefresh = true; }
+
+ } else if (id.indexOf('sidebar-select-pins') >= 0) {
+
+ $.fn.setupAddDirectionsView();
+ content = $('#' + id).html();
+
+ $('.main-directions').css('display', 'none');
+ $('.main-header').css('display', 'none');
+
+ } else {
+ $('.main-directions').css('display', 'none');
+ $('.main-header').css('display', 'block');
+ $.fn.clearDirections();
+ $map.setZoom(8);
+ }
+ if ($lastPane) {
+ $('#d-' + $lastPane).css('display', 'none');
+ }
+ if (id == 'sidebar-directions' || id == 'sidebar-direction-list') {
+ $('.go-back').css('display', 'none');
+ }
+ else if (id == 'sidebar-filter') {
+ $('.go-back').css('display', 'block');
+ $('.go-back').css('background', 'none');
+ } else if (id == 'sidebar-pin') {
+ $('.go-back').css('display', 'block');
+ $('.go-back').css('background', '#202A44');
+ } else {
+ $('.go-back').css('display', 'none');
+ }
+ document.body.scrollTop = 0; // For Safari
+ $('.sidebar').scrollTop(0);
+ id = id + ((e != null) ? '-' + markerId : '');
+
+ var foundPane = false;
+
+ $panes.forEach(function (pane) {
+ if (pane == id) {
+ if (id.indexOf('directions') >= 0 || id.indexOf('direction') >= 0) {
+
+ $('#d-' + id).remove();
+ $('.go-back').css('display', 'none');
+ } else if (id.indexOf('sidebar-pin') >= 0 && id.indexOf('sidebar-pin-' + markerId) >= 0) {
+ $('#d-' + id).remove();
+ } else {
+ $('#d-' + id).css('display', 'block');
+ foundPane = true;
+ }
+
+ }
+ });
+
+ if (!foundPane) {
+
+ $("", {
+ 'id': 'd-' + id,
+ 'html': content
+ }).appendTo('.sidebar-content');
+
+ $panes.push(id);
+ }
+
+ if (forceRefresh) {
+ $('#d-' + id).html(content);
+ }
+
+
+ // Bring pane into view
+ if ($('.sidebar').css('left') != '0px') {
+
+ if ($(window).width() <= 700) {
+ $(".slider-arrow, .sidebar").animate({
+ left: "+=80%"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+ else {
+ $(".slider-arrow, .sidebar").animate({
+ left: "+=408"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+
+ $('.slider-arrow').html('«').removeClass('show').addClass('hide');
+ }
+
+ $lastPane = id;
+};
+
+$.fn.getPinById = function (id) {
+
+ return $.grep($pins, function (v, i) {
+ return v['IDENTIFIER_VALUE'] === id;
+ })[0];
+};
+
+// When in doubt or need to redraw pins, call this function
+$.fn.filterRadius = function () {
+
+ $nearbyPins = [];
+
+ $.fn.myDealer();
+
+ if (!$me && $location) {
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+ }
+
+ if ($isAsist) {
+ for (var i = 0; i < $markers.length; i++) {
+
+ var pin = $.grep($pins, function (v, b) {
+ return v['IDENTIFIER_VALUE'] === $markers[i].ID;
+ })[0];
+
+ $markers[i].setMap($map);
+
+ $markers[i].setZIndex(2);
+
+ $nearbyPins.push($markers[i].ID);
+
+ }
+
+ $.fn.filterNearbyPins();
+ $.fn.switchSidebarPane('sidebar-pins');
+ $('.waiting-overlay').css('display', 'none');
+ $map.setZoom(4);
+
+ return;
+ }
+
+ var radius = $.fn.milesInMeters($('#range').val());
+
+ var bounds = new google.maps.LatLngBounds();
+
+ var k = 1;
+ for (var i = 0; i < $markers.length; i++) {
+
+ if (google.maps.geometry.spherical.computeDistanceBetween($markers[i].getPosition(), $me.getPosition()) < radius) {
+
+ bounds.extend($markers[i].getPosition())
+
+ var pin = $.grep($pins, function (v, b) {
+ return v['IDENTIFIER_VALUE'] === $markers[i].ID;
+ })[0];
+
+
+ if ($.fn.showPin(pin)) {
+
+ $markers[i].setMap($map);
+
+ $markers[i].setZIndex(2);
+
+
+
+ $nearbyPins.push($markers[i].ID);
+
+ k++;
+ }
+ else {
+ $markers[i].setMap(null);
+ }
+
+ } else {
+
+ var pin = $.grep($pins, function (v, b) {
+ return v['IDENTIFIER_VALUE'] === $markers[i].ID;
+ })[0];
+
+ if ($.fn.showPin(pin)) {
+ $markers[i].setMap($map);
+ }
+
+ if ($myDealer != null && ($myDealer.IDENTIFIER_VALUE == $markers[i].id)) {
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+ }
+ else {
+ if (pin.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (pin.services && Object.values(pin.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (pin.services && Object.values(pin.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ }
+ $markers[i].setIcon(pinIcon);
+ $markers[i].pinIndex = null;
+
+ }
+
+ $map.fitBounds(bounds);
+
+ $map.setZoom(8);
+
+
+ }
+
+ $map.setCenter($me.getPosition());
+ $map.setZoom(8);
+
+ $.fn.filterNearbyPins();
+};
+
+$.fn.milesInMeters = function ($mi) {
+ return $mi * 1609.3;
+};
+
+$.fn.kmToMiles = function ($km) {
+ return $km * 0.621371;
+};
+
+$.fn.radiusChange = function () {
+
+ $value = $('#range').val() * 1;
+
+ $radiusLabel = $('label[for="range"] span');
+
+ $radiusLabel.html($value);
+
+ $radius.setRadius($.fn.milesInMeters($value));
+
+ $.fn.filterRadius();
+
+ if ($value < 100) {
+
+ $map.fitBounds($radius.getBounds());
+
+ } else {
+ $map.setZoom(8);
+ }
+};
+
+$.fn.setCookie = function (name, value, days) {
+ var expires = "";
+ if (days) {
+ var date = new Date();
+ date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+ expires = "; expires=" + date.toUTCString();
+ }
+ document.cookie = name + "=" + (value || "") + expires + "; path=/";
+}
+
+$.fn.getCookie = function (name) {
+ var nameEQ = name + "=";
+ var ca = document.cookie.split(';');
+ for (var i = 0; i < ca.length; i++) {
+ var c = ca[i];
+ while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
+ }
+ return null;
+}
+
+$.fn.deleteCookie = function (name) {
+ document.cookie = name + '=; Max-Age=-99999999;';
+}
+
+$.fn.sortedPins = function () {
+
+ $pinLength = $pins.length;
+
+ for (var i = 0; i < $pinLength; i++) {
+
+ $pins[i];
+ $pins[i].distance = $.fn.getDistanceInKm([$pins[i].MAIN_LATITUDE, $pins[i].MAIN_LONGITUDE]);
+
+ }
+
+ $sortedPins = $pins;
+
+ $sortedPins.sort(function (a, b) {
+ return parseFloat(a.distance) - parseFloat(b.distance);
+ });
+
+ $sortedPins.filter(function (i, n) {
+ $.fn.showPin(i);
+ });
+
+ return $sortedPins;
+};
+
+$.fn.showPin = function (pin) {
+ if ($isAsist) {
+ return true;
+ }
+
+ var filter = $.fn.currentFilter();
+
+ var condition;
+
+ if ($consolidateFilters) {
+ switch (filter) {
+ case 'all':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('full line') > -1
+ || pin.DEALER_TYPE_DESC.toLowerCase().indexOf('parts & service') > -1
+ || pin.DEALER_TYPE_DESC.toLowerCase().indexOf('parts only') > -1
+ || pin.DEALER_TYPE_DESC.toLowerCase().indexOf('satellite') > -1
+ || pin.isCertifiedCenter
+ || pin.isCertifiedUptimeCenter;
+ break;
+
+ case 'rental-leasing':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('leasing') > -1;
+ break;
+
+ default:
+ condition = false;
+ break;
+ }
+ } else {
+ switch (filter) {
+ case 'full-line':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('full line') > -1;
+ break;
+
+ case 'rental-leasing':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('leasing') > -1;
+ break;
+
+ case 'parts-service':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('parts & service') > -1;
+ break;
+
+ case 'parts-only':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('parts only') > -1;
+ break;
+
+ case 'satellite':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('satellite') > -1;
+ break;
+
+ case 'premium-certified':
+ condition = pin.isCertifiedCenter;
+ break;
+
+ case 'certified-uptime':
+ condition = pin.isCertifiedUptimeCenter;
+ break;
+
+ default:
+ condition = false;
+ break;
+ }
+ }
+ return condition;
+};
+
+$.fn.tmpPins = function (tmpPinList) {
+ var pinIndex = 1;
+ var nearbyHtml = $('.nearby-pins').empty();
+ tmpPinList.forEach(async function (pin) {
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+
+ var templateClone = $($('#nearbyPinDetails').clone(true).html());
+
+ templateClone.find('.teaser-top').attr('data-id', pin.IDENTIFIER_VALUE);
+ templateClone.find('.more').attr('data-id', pin.IDENTIFIER_VALUE);
+
+
+ var openHours = $.fn.getOpenHours(pin);
+ var isOpenHtml = "";
+ if (openHours.open === '' && openHours.close === '') {
+ isOpenHtml = "No schedule information available";
+ } else if (openHours.open.toLowerCase() === 'open 24 hours') {
+ isOpenHtml = `${openHours.open}`;
+ } else if (openHours.open.toLowerCase() === 'closed') {
+ isOpenHtml = `${openHours.open}`;
+ } else {
+ isOpenHtml = `${openHours.open.toLowerCase()} - ${openHours.close.toLowerCase()}`;
+ }
+
+
+ templateClone.find('.heading p').text($.fn.camelCase(pin.COMPANY_DBA_NAME));
+ templateClone.find('.hours').text(isOpenHtml);
+ templateClone.find('.distance').text(pin.distance.toFixed(2) + ' mi');
+ templateClone.find('.city').text(pin.MAIN_CITY_NM + ', ' + pin.MAIN_STATE_PROV_CD + ' ' + pin.MAIN_POSTAL_CD);
+ templateClone.find('.direction a').attr('data-id', pin.IDENTIFIER_VALUE);
+ templateClone.find('.direction a').text('Direction');
+ templateClone.find('.website a').text('Dealer Site');
+ templateClone.find('.phone').text($.fn.formatPhoneNumber(pin.REG_PHONE_NUMBER));
+
+
+ if (!pin.MAIN_ADDRESS_LINE_1_TXT) {
+ templateClone.find('.address').text(pin.MAIN_ADDRESS_LINE_2_TXT);
+ } else if (!pin.MAIN_ADDRESS_LINE_2_TXT) {
+ templateClone.find('.address').text(pin.MAIN_ADDRESS_LINE_1_TXT);
+ } else {
+ templateClone.find('.address').text(pin.MAIN_ADDRESS_LINE_1_TXT + ', ' + pin.MAIN_ADDRESS_LINE_2_TXT);
+ }
+
+ if (pin.WEB_ADDRESS) {
+ templateClone.find('.website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ } else {
+ templateClone.find('.website').css({'pointer-events':'none','cursor':'default','opacity':'0.7'});
+ }
+
+ if (pin.REG_PHONE_NUMBER) {
+ templateClone.find('.call').html('' + "Call" + '');
+ templateClone.find('.call a').attr("href", $.fn.formatPhoneNumber(pin.REG_PHONE_NUMBER));
+ } else {
+ templateClone.find('.call').text('Call');
+ templateClone.find('.call').css({'pointer-events':'none','cursor':'default','opacity':'0.7'});
+ }
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+
+ if (!$myDealer) {
+ $myDealer = { IDENTIFIER_VALUE: $.fn.getCookie('my-dealer') };
+ }
+
+ if ($myDealer.IDENTIFIER_VALUE == pin.IDENTIFIER_VALUE) {
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+
+ templateClone.find('#marker').css('width', 'auto');
+ templateClone.find('#marker').css('height', 'auto');
+ }
+ else {
+
+ if (pin.isCertifiedUptimeCenter) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/uptime.svg";
+ var pinIcon2 = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (pin.services && Object.values(pin.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/uptime-electric.svg";
+ var pinIcon2 = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (pin.services && Object.values(pin.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer-electric.svg";
+ var pinIcon2 = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ }
+
+ }
+ else {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer.svg";
+ var pinIcon2 = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ }
+ }
+ }
+
+
+ marker.setIcon(pinIcon2);
+
+ marker['pinIndex'] = pinIndex;
+
+
+
+ templateClone.find('#marker').attr('src', pinIcon);
+
+ pinIndex++;
+ }
+ }
+
+ $.fn.myDealer();
+
+ $("", {
+ 'html': templateClone,
+ 'click': function () {
+ },
+ 'mouseenter': function () {
+
+ $(this).click(function () {
+ $(this).attr('clicked', 'yes');
+ });
+
+ var details = $.fn.getPinById(marker.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ },
+ 'mouseleave': function () {
+
+ if ($(this).attr('clicked') != 'yes') {
+
+ var details = $.fn.getPinById(marker.ID);
+
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ }
+
+ }
+ }).appendTo(nearbyHtml);
+
+ });
+};
+// Creates pin result item
+$.fn.filterNearbyPins = function () {
+
+ $assist = 0;
+ $full = 0;
+ $rental = 0;
+ $partsService = 0;
+ $parts = 0;
+ $premium = 0;
+ $uptime = 0;
+
+
+ // First get the full details of our locations
+ var tmpPinList = [];
+ var sorted = $.fn.sortedPins();
+
+ var allPinsIds = [];
+ $pins.forEach(pin => {
+ allPinsIds.push(pin.IDENTIFIER_VALUE);
+ });
+
+ allPinsIds.forEach(function (pin) {
+ tmpPinList.push($.grep(sorted, function (v, i) {
+ return v['IDENTIFIER_VALUE'] === pin;
+ })[0]);
+ });
+
+ tmpPinList.sort(function (a, b) {
+ return parseFloat(a.distance) - parseFloat(b.distance);
+ });
+ $("#filterUptime,#filterElectricDealer,#filterDealer").css("cursor", "pointer");
+ $('.no-dealer-text').hide();
+ $("#filterUptime,#filterElectricDealer,#filterDealer").css('background', '#000');
+ $("#filterElectricDealerMobile,#filterDealerMobile,#filterUptimeMobile").css('background', '#000');
+ $("#filterUptime,#filterElectricDealer,#filterDealer").removeData("toggled");
+ $("#filterElectricDealerMobile,#filterDealerMobile,#filterUptimeMobile").removeData("toggled");
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterUptime').style.pointerEvents = 'auto';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'auto';
+
+ $("#filterUptime, #filterUptimeMobile ").unbind().bind("click", function (e) {
+ e.preventDefault();
+ var tmpPinList2 = [];
+ var toggled = $(this).data('toggled');
+ $(this).data('toggled', !toggled);
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').hide();
+ var filteredArray = tmpPinList.filter(function (item) {
+ return item.isCertifiedUptimeCenter == true || (item.isCertifiedUptimeCenter == true && (item.services && Object.values(item.services).includes('Mack Certified EV Dealer')));
+ });
+ if (filteredArray.length == 0) {
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').show();
+ }
+ var newList = [];
+ var pins = [];
+ pins = $pins;
+ if (pins) {
+ jQuery.grep(pins, function (el) {
+ if (jQuery.inArray(el, filteredArray) == -1) newList.push(el);
+ });
+ }
+ if (!toggled) {
+ $(this).css('background', '#484a4e');
+ tmpPinList2 = filteredArray;
+ $.fn.tmpPins(tmpPinList2);
+
+ newList.forEach(function (pin) {
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap(null);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'none';
+ document.getElementById('filterDealer').style.pointerEvents = 'none';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('dealer-tag').setAttribute("title", $hoverText);
+ document.getElementById('electric-tag').setAttribute("title", $hoverText);
+ }
+ else {
+ $(this).css('background', '#000');
+ $('.no-dealer-text').hide();
+ $.fn.tmpPins(tmpPinList);
+ newList.forEach(function (pin) {
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap($map);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('dealer-tag').removeAttribute("title", $hoverText);
+ document.getElementById('electric-tag').removeAttribute("title", $hoverText);
+ }
+ return false;
+ });
+
+ $("#filterElectricDealer, #filterElectricDealerMobile ").unbind().bind("click", function (e) {
+ e.preventDefault();
+ var tmpPinList3 = [];
+ var toggled = $(this).data('toggled');
+ $(this).data('toggled', !toggled);
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').hide();
+ var filteredDealerArray = tmpPinList.filter(function (item) {
+ return (item.services && Object.values(item.services).includes('Mack Certified EV Dealer'));
+
+ });
+ if (filteredDealerArray.length == 0) {
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').show();
+ }
+ var newList = [];
+ var pins = [];
+ pins = $pins;
+ if (pins) {
+ jQuery.grep(pins, function (el) {
+ if (jQuery.inArray(el, filteredDealerArray) == -1) newList.push(el);
+ });
+ }
+ if (!toggled) {
+ $(this).css('background', '#484a4e');
+ tmpPinList3 = filteredDealerArray;
+ $.fn.tmpPins(tmpPinList3);
+ newList.forEach(function (pin) {
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap(null);
+ }
+ }
+ });
+ document.getElementById('filterDealer').style.pointerEvents = 'none';
+ document.getElementById('filterUptime').style.pointerEvents = 'none';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'none';
+ document.getElementById('dealer-tag').setAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').setAttribute("title", $hoverText);
+ }
+ else {
+ $(this).css('background', '#000');
+ $('.no-dealer-text').hide();
+ $.fn.tmpPins(tmpPinList);
+ newList.forEach(function (pin) {
+
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap($map);
+ }
+ }
+ });
+ document.getElementById('filterDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterUptime').style.pointerEvents = 'auto';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'auto';
+ document.getElementById('dealer-tag').removeAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').removeAttribute("title", $hoverText);
+ }
+ return false;
+ });
+
+ $("#filterDealer, #filterDealerMobile ").unbind().bind("click", function (e) {
+ e.preventDefault();
+ var tmpPinList4 = [];
+ var toggled = $(this).data('toggled');
+ $(this).data('toggled', !toggled);
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').hide();
+ var filteredDealerArray = tmpPinList.filter(function (item) {
+ return ((item.services == undefined) || (item.isCertifiedUptimeCenter == undefined && (item.services && Object.values(item.services).includes('Mack Certified EV Dealer'))) || (item.isCertifiedUptimeCenter == undefined && (item.services && !Object.values(item.services).includes('Mack Certified EV Dealer'))));
+ });
+ if (filteredDealerArray.length == 0) {
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').show();
+ }
+ var newList = [];
+ var pins = [];
+ pins = $pins;
+ if (pins) {
+ jQuery.grep(pins, function (el) {
+ if (jQuery.inArray(el, filteredDealerArray) == -1) newList.push(el);
+ });
+ }
+ if (!toggled) {
+ $(this).css('background', '#484a4e');
+ tmpPinList4 = filteredDealerArray;
+ $.fn.tmpPins(tmpPinList4);
+
+ newList.forEach(function (pin) {
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap(null);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'none';
+ document.getElementById('filterUptime').style.pointerEvents = 'none';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'none';
+ document.getElementById('electric-tag').setAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').setAttribute("title", $hoverText);
+ }
+ else {
+ $(this).css('background', '#000');
+ $('.no-dealer-text').hide();
+ $.fn.tmpPins(tmpPinList);
+ newList.forEach(function (pin) {
+
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap($map);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterUptime').style.pointerEvents = 'auto';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'auto';
+ document.getElementById('electric-tag').removeAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').removeAttribute("title", $hoverText);
+ }
+ return false;
+ });
+
+
+ $.fn.tmpPins(tmpPinList);
+
+ if ($(window).width() <= 768) {
+ $('.panel-footer').html(' + ')
Certified Uptime Dealer');
+ } else {
+ $('.panel-footer').html('Showing ' + $nearbyPins.length + ' locations');
+
+ if ($isAsist) {
+ $('.panel-footer').html('Showing ' + $nearbyPins.length + ' ' + ($brandOptionSelected == "dual" ? "" : $brandOptionSelected) + ' locations');
+ }
+
+ }
+
+ $('.loading-overlay').css('display', 'none');
+};
+
+$.fn.selectNearbyPins = function () {
+
+ var nearbyHtml = $('.nearby-pins-select').empty();
+
+ // First get the full details of our locations
+ var tmpPinList = [];
+ var sorted = $.fn.sortedPins();
+
+ $nearbyPins.forEach(function (pin) {
+ tmpPinList.push($.grep(sorted, function (v, i) {
+ return v['IDENTIFIER_VALUE'] === pin;
+ })[0]);
+ });
+
+ tmpPinList.sort(function (a, b) {
+ return parseFloat(a.distance) - parseFloat(b.distance);
+ });
+
+ var pinIndex = 1;
+ // then iterate over them
+ tmpPinList.forEach(function (pin) {
+
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+
+ var templateClone = $($('#nearbyPinDetails').clone(true).html());
+
+ templateClone.find('.panel-container').parent().attr('data-id', pin.IDENTIFIER_VALUE);
+
+
+ var openHours = $.fn.getOpenHours(pin);
+ var isOpenHtml = "";
+ if (openHours.open === '' && openHours.close === '') {
+ isOpenHtml = "No schedule information available";
+ } else {
+ isOpenHtml = `${openHours.open.toLowerCase()} - ${openHours.close.toLowerCase()}`;
+ }
+
+
+ templateClone.find('.heading p').text($.fn.camelCase(pin.COMPANY_DBA_NAME));
+ templateClone.find('.hours').text(isOpenHtml);
+ templateClone.find('.distance').text(pin.distance.toFixed(2) + ' mi');
+ templateClone.find('.address').text(pin.MAIN_ADDRESS_LINE_1_TXT);
+ templateClone.find('.city').text(pin.MAIN_CITY_NM + ', ' + pin.MAIN_STATE_PROV_CD + ' ' + pin.MAIN_POSTAL_CD);
+ templateClone.find('.phone').text($.fn.formatPhoneNumber(pin.REG_PHONE_NUMBER));
+ templateClone.find('.website a').text('Dealer Site');
+ templateClone.find('.website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+
+ if (!$myDealer) {
+ $myDealer = { IDENTIFIER_VALUE: $.fn.getCookie('my-dealer') };
+ }
+
+ if ($myDealer.IDENTIFIER_VALUE == pin.IDENTIFIER_VALUE) {
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+ }
+ else {
+ var details = $.fn.getPinById(pin.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/uptime.svg";
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ pinIcon = "/blocks/v2-dealer-locator/images/uptime-electric.svg";
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer-electric.svg";
+ }
+ else {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer.svg";
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ marker['pinIndex'] = pinIndex;
+
+
+
+ templateClone.find('#marker').attr('src', pinIcon);
+ templateClone.find('#marker').css('width', '31px');
+ templateClone.find('#marker').css('height', '43px');
+
+ pinIndex++;
+ }
+ }
+
+ $.fn.myDealer();
+
+ $("", {
+ 'html': templateClone,
+ 'click': function () {
+ },
+ 'mouseenter': function () {
+
+ $(this).click(function () {
+ $(this).attr('clicked', 'yes');
+ });
+
+ var details = $.fn.getPinById(marker.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ },
+ 'mouseleave': function () {
+
+ if ($(this).attr('clicked') != 'yes') {
+
+ var details = $.fn.getPinById(marker.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ }
+
+ }
+ }).appendTo(nearbyHtml);
+
+ });
+
+ if ($(window).width() <= 768) {
+ $('.panel-footer').html(' Certified Uptime Dealer');
+ } else {
+ $('.panel-footer').html('Showing ' + $nearbyPins.length + ' locations');
+ }
+
+
+};
+
+$.fn.getDistanceInKm = function ($b) {
+
+ if (!$location) {
+ return 0;
+ }
+
+ $R = 6371; // Radius of the earth in km
+ $dLat = $.fn.deg2rad($b[0] - $location[0]); // deg2rad below
+ $dLon = $.fn.deg2rad($b[1] - $location[1]);
+ $a =
+ Math.sin($dLat / 2) * Math.sin($dLat / 2) +
+ Math.cos($.fn.deg2rad($location[0])) * Math.cos($.fn.deg2rad($b[0])) *
+ Math.sin($dLon / 2) * Math.sin($dLon / 2);
+ $c = 2 * Math.atan2(Math.sqrt($a), Math.sqrt(1 - $a));
+ $d = $R * $c; // Distance in km
+ return $d;
+};
+
+$.fn.deg2rad = function ($deg) {
+ return $deg * (Math.PI / 180);
+};
+
+// Fires when a client types a location manually
+$.fn.setAddress2 = function () {
+
+ address2 = $('#location2').val();
+
+
+ if (!address2) {
+ return null;
+ }
+
+ $geocoder = new google.maps.Geocoder;
+ $geocoder = new google.maps.Geocoder;
+ $geocoder.geocode({ 'address': address2 }, function (results, status) {
+ if (results.length == 0) {
+ setAddressNotFoundError();
+ console.log("results not found");
+ }
+ else {
+ $map.viewtype = (results[0].types[0]);
+ var ne = results[0].geometry.viewport.getNorthEast();
+ var sw = results[0].geometry.viewport.getSouthWest();
+ $map.fitBounds(results[0].geometry.viewport);
+
+ position = results[0].geometry.location;
+
+ var pos = {
+ lat: position.lat(),
+ lng: position.lng()
+ };
+
+ $location = [
+ position.lat(),
+ position.lng()
+ ];
+
+
+ if (!$me) {
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+
+ }
+
+
+ $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+
+ if (!$radius) {
+
+ if (!$isAsist) {
+ $radius = new google.maps.Circle({
+ strokeColor: '#2c6ba4',
+ strokeOpacity: 0.5,
+ strokeWeight: 2,
+ fillColor: '#2c6ba4',
+ fillOpacity: 0.15,
+ map: $map,
+ center: pos,
+ radius: $.fn.milesInMeters($('#range').val())
+ });
+ }
+
+ $('.loading-overlay').css('display', 'block');
+
+ // Load pins into client cache
+ $.fn.loadPins();
+
+ // Sort pins by distance (miles)
+ $.fn.sortedPins();
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+
+
+ } else {
+ $radius.setCenter({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+ $.fn.filterRadius();
+ }
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+ $('.waiting-overlay').css('display', 'none');
+
+ }
+ });
+};
+
+$.fn.setAddress = function () {
+
+ if ($(window).width() < 992) {
+ address = address2;
+ }
+ address = $('#location').val();
+ if (!address) {
+ return null;
+ }
+
+ $geocoder = new google.maps.Geocoder;
+ $geocoder = new google.maps.Geocoder;
+ $geocoder.geocode({ 'address': address }, function (results, status) {
+ if (results.length == 0) {
+ setAddressNotFoundError();
+ console.log("results not found");
+ }
+ else {
+ $map.viewtype = (results[0].types[0]);
+ var ne = results[0].geometry.viewport.getNorthEast();
+ var sw = results[0].geometry.viewport.getSouthWest();
+ $map.fitBounds(results[0].geometry.viewport);
+
+ position = results[0].geometry.location;
+
+ var pos = {
+ lat: position.lat(),
+ lng: position.lng()
+ };
+
+ $location = [
+ position.lat(),
+ position.lng()
+ ];
+
+
+ if (!$me) {
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+
+ }
+
+
+ $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+
+ if (!$radius) {
+
+ if (!$isAsist) {
+ $radius = new google.maps.Circle({
+ strokeColor: '#2c6ba4',
+ strokeOpacity: 0.5,
+ strokeWeight: 2,
+ fillColor: '#2c6ba4',
+ fillOpacity: 0.15,
+ map: $map,
+ center: pos,
+ radius: $.fn.milesInMeters($('#range').val())
+ });
+ }
+
+ $('.loading-overlay').css('display', 'block');
+
+ // Load pins into client cache
+ $.fn.loadPins();
+
+ // Sort pins by distance (miles)
+ $.fn.sortedPins();
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+
+
+ } else {
+ $radius.setCenter({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+ $.fn.filterRadius();
+ }
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+ $('.waiting-overlay').css('display', 'none');
+
+ }
+ });
+ // $.fn.filterNearbyPins();
+ // $.fn.filterRadius();
+};
+
+// Handles geolocation
+$.fn.setLocation = function () {
+
+ if (navigator.geolocation) {
+
+ navigator.geolocation.getCurrentPosition(function (position) {
+
+ var pos = {
+ lat: position.coords.latitude,
+ lng: position.coords.longitude
+ };
+
+ $location = [
+ position.coords.latitude,
+ position.coords.longitude
+ ];
+
+ $map.setCenter(pos);
+ $map.setZoom(8);
+
+
+ if (!$radius) {
+
+ if (!$isAsist) {
+ $radius = new google.maps.Circle({
+ strokeColor: '#2c6ba4',
+ strokeOpacity: 0.5,
+ strokeWeight: 2,
+ fillColor: '#2c6ba4',
+ fillOpacity: 0.15,
+ map: $map,
+ center: pos,
+ radius: $.fn.milesInMeters($('#range').val())
+ });
+ }
+
+ // Load pins into client cache
+ $.fn.loadPins();
+
+ // Sort pins be distance (miles)
+ $.fn.sortedPins();
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+
+
+ } else {
+
+ $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+ $radius.setCenter({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+ $.fn.filterRadius();
+
+ }
+
+ var address;
+
+ var latlng = new google.maps.LatLng(pos.lat, pos.lng);
+ $geocoder.geocode({ 'latLng': latlng }, function (results, status) {
+ if (status == google.maps.GeocoderStatus.OK) {
+
+ if (results[6]) {
+ address = results[0].formatted_address;
+ }
+ else if (results[0]) {
+ address = results[5].formatted_address;
+ }
+ else {
+ console.log('no results found');
+ }
+
+ if (address) {
+
+ $('.sidebar #location').val(address);
+ $currentAddress = address;
+ $('#location2').val(address);
+ $currentAddress = address;
+ }
+
+ } else {
+ console.log('geocode failed due to: ' + status);
+ }
+ });
+
+ }, function () {
+
+ //this.setMap(null);
+ console.log('error with navigator');
+ $.fn.handleLocationError(true);
+
+ });
+
+
+ } else {
+ // Browser doesn't support Geolocation
+
+ console.log('could not determine location');
+
+ $.fn.handleLocationError(false);
+
+ }
+};
+
+$.fn.currentFilter = function () {
+
+ $current = $('#filter-options input:checked').first();
+
+ if ($current.get(0) !== undefined) {
+
+ return $('#filter-options input:checked').first().attr('id');
+
+ }
+
+ return "";
+};
+
+$.fn.currentFilterHumanReadable = function () {
+
+ $current = $('#filter-options input:checked').first();
+
+ if ($current.get(0) !== undefined) {
+
+ return $('#filter-options input:checked').first().attr('value');
+
+ }
+
+ return "";
+};
+
+$.fn.setMyDealer = function (dealer) {
+
+ if ($myDealer != null && $myDealer.oldZIndex) {
+
+ //$myDealer.marker.setZIndex($myDealer.oldZIndex);
+
+ }
+
+ $eventData = {
+ dealer: '',
+ dealerName: '',
+ dealerHours: {},
+ dealerNumber: ''
+ };
+
+ if (dealer) {
+
+ $myDealer = dealer;
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == dealer.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+
+ }
+ }
+
+
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+
+ marker.setIcon(pinIcon);
+
+ $myDealer.marker = marker;
+
+ var hours = {};
+
+ if ($myDealer.hours.Parts) {
+ hours = $myDealer.hours.Parts;
+ }
+
+ if ($.isEmptyObject(hours) && $myDealer.hours.Service) {
+ hours = $myDealer.hours.Service;
+ }
+
+ if ($.isEmptyObject(hours) && $myDealer.hours.Leasing) {
+ hours = $myDealer.hours.Leasing;
+ }
+
+ $eventData.dealer = $myDealer.IDENTIFIER_VALUE;
+ $eventData.dealerName = $myDealer.COMPANY_DBA_NAME;
+ $eventData.dealerHours = hours;
+ $eventData.dealerNumber = $myDealer.REG_PHONE_NUMBER;
+
+ $.fn.setCookie('my-dealer', $myDealer.IDENTIFIER_VALUE, 365 * 10);
+ $.fn.setCookie('my-dealer-name', $myDealer.COMPANY_DBA_NAME, 365 * 10);
+ $.fn.setCookie('my-dealer-hours', JSON.stringify(hours), 365 * 10);
+ $.fn.setCookie('my-dealer-number', $myDealer.REG_PHONE_NUMBER, 365 * 10);
+ $.fn.setCookie('my-dealer-coords', $myDealer.MAIN_LATITUDE + ',' + $myDealer.MAIN_LONGITUDE, 365 * 10);
+
+ $.fn.setCookie('my-dealer-city', $myDealer.MAIN_ADDRESS_LINE_1_TXT, 365 * 10);
+ $.fn.setCookie('my-dealer-city', $myDealer.MAIN_ADDRESS_LINE_2_TXT, 365 * 10);
+ $.fn.setCookie('my-dealer-city', $myDealer.MAIN_CITY_NM, 365 * 10);
+ $.fn.setCookie('my-dealer-state', $myDealer.MAIN_STATE_PROV_CD, 365 * 10);
+ $.fn.setCookie('my-dealer-zip', $myDealer.MAIN_POSTAL_CD, 365 * 10);
+
+ $html.attr('data-dealer', $myDealer.IDENTIFIER_VALUE);
+
+ $.fn.filterRadius();
+
+ } else {
+
+ $.fn.deleteCookie('my-dealer');
+ $.fn.deleteCookie('my-dealer-name');
+ $.fn.deleteCookie('my-dealer-hours');
+ $.fn.deleteCookie('my-dealer-number');
+ $.fn.deleteCookie('my-dealer-coords');
+
+ $myDealer = null;
+
+ $html.attr('data-dealer', '');
+
+ }
+
+ $dealerEvent = new CustomEvent('my-dealer', { detail: $eventData });
+ window.dispatchEvent($dealerEvent);
+
+ //$.fn.myDealer();
+
+};
+
+$.fn.myDealer = function () {
+
+ var dealer = $.fn.getCookie('my-dealer');
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == dealer) {
+
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+
+ $markers[i].setIcon(pinIcon);
+
+ marker = $markers[i];
+
+ }
+ }
+
+ return marker;
+
+};
+
+$.fn.drawPin = function (text, width, height, color) {
+
+ if (!text) {
+ text = '';
+ }
+
+ // my dealer color for mack
+ if (color == '328E04' && $.fn.isMack()) {
+ //color = '85754d'; // 328E04
+ }
+
+ // uptime center color for mack
+ if (color == '3F62A5' && $.fn.isMack()) {
+ color = '85754d';
+ }
+
+ return 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22' + width + '%22%20height%3D%22' + height + '%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cpath%20fill%3D%22%23' + color + '%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%22.5%22%20d%3D%22M34.305%2016.234c0%208.83-15.148%2019.158-15.148%2019.158S3.507%2025.065%203.507%2016.1c0-8.505%206.894-14.304%2015.4-14.304%208.504%200%2015.398%205.933%2015.398%2014.438z%22%2F%3E%3Ctext%20transform%3D%22translate%2819%2018.5%29%22%20fill%3D%22%23fff%22%20style%3D%22font-family%3A%20Arial%2C%20sans-serif%3Bfont-weight%3Abold%3Btext-align%3Acenter%3B%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%3E' + text + '%3C%2Ftext%3E%3C%2Fsvg%3E';
+};
+
+$.fn.handleLocationError = function (browserHasGeolocation, infoWindow, pos) {
+
+ if (!browserHasGeolocation) {
+ alert('Error: Your browser doesn\'t support geolocation.');
+ } else {
+ $('.loading-overlay').css('display', 'none');
+ $('.waiting-overlay').css('display', 'block');
+ }
+
+};
+
+$.fn.camelCase = function (str) {
+ if (!str) return;
+ return str.toLowerCase().replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
+};
+
+$.fn.formatPhoneNumber = function (str) {
+ if (!str) return;
+ return str.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");
+}
+
+$.fn.formatWebAddress = function (str) {
+ var prefixes = 'http';
+ if (!str) return;
+ if (str.substr(0, prefixes.length).toLowerCase() === prefixes) {
+ return str.toLowerCase();
+ }
+ return 'https://' + str.toLowerCase();
+};
+
+$.fn.clearDirections = function () {
+
+ $.fn.directionsMessage();
+
+ $directionResults = null;
+ $directionsDisplay.setMap(null);
+
+ $directionsObject = null;
+ $wayPoints = [];
+};
+
+$.fn.getCurrentRouteTimeInHours = function () {
+
+ $currentRoute = null;
+ $currentTime = null;
+
+ if ($directionResults) {
+
+ if ($directionResults.routes && $directionResults.routes.length == 1) {
+
+ $currentRoute = $directionResults.routes[0];
+
+ } else if ($directionResults.routes && $directionResults.routes.length > 1) {
+
+ $referencePoint = $('.adp-listsel').first();
+ $currentRoute = $directionResults.routes[$referencePoint.attr('data-route-index')];
+ }
+ }
+
+ if ($currentRoute) {
+
+ $currentTime = $currentRoute.legs[0].duration.value / 60 / 60;
+ }
+
+ return $currentTime;
+};
+
+$.fn.wayPointArray = function () {
+
+ var waypoints = [];
+ var waypointLength = $wayPoints.length;
+
+ for (var wayPoint in $wayPoints) {
+
+ if ($wayPoints.hasOwnProperty(wayPoint)) {
+
+ waypoints.push($wayPoints[wayPoint].point);
+
+ }
+
+ }
+
+ return waypoints;
+};
+
+$.fn.directionsMessage = function (message) {
+
+ if (!message) {
+ $directionsMessage.html('');
+ } else {
+ $directionsMessage.html(message);
+ }
+};
+
+$.fn.getUrlParameter = function (sParam) {
+ var sPageURL = window.location.search.substring(1),
+ sURLVariables = sPageURL.split('&'),
+ sParameterName,
+ i;
+
+ for (i = 0; i < sURLVariables.length; i++) {
+ sParameterName = sURLVariables[i].split('=');
+
+ if (sParameterName[0] === sParam) {
+ return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
+ }
+ }
+};
+
+$.fn.snackbar = function (message) {
+
+ // Get the snackbar DIV
+ var x = document.getElementById("locator-snackbar");
+
+ x.innerHTML = message;
+
+ // Add the "show" class to DIV
+ x.className = "show";
+
+ // After 3 seconds, remove the show class from DIV
+ setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000);
+
+};
+
+$.fn.isMack = function () {
+
+ if ($.fn.brand() == 'mack') {
+
+ return true;
+
+ }
+
+ return false;
+
+};
+
+$.fn.isVolvo = function () {
+
+ if ($.fn.brand() == 'volvo') {
+
+ return true;
+
+ }
+
+ return false;
+
+};
+
+$.fn.brand = function () {
+
+ if ($html.is('[data-brand]')) {
+
+ return $html.attr('data-brand');
+
+ }
+
+ return '';
+
+};
+
+$.fn.copyToClipboard = function (text) {
+
+ if (typeof text != "string") {
+ text = $(text).attr('data-clipboard');
+ }
+
+ var textArea = document.createElement("textarea");
+
+ // Place in top-left corner of screen regardless of scroll position.
+ textArea.style.position = 'fixed';
+ textArea.style.bottom = '0';
+ textArea.style.left = '0';
+
+ // Ensure it has a small width and height. Setting to 1px / 1em
+ // doesn't work as this gives a negative w/h on some browsers.
+ textArea.style.width = '2em';
+ textArea.style.height = '2em';
+
+ // We don't need padding, reducing the size if it does flash render.
+ textArea.style.padding = '0';
+
+ // Clean up any borders.
+ textArea.style.border = 'none';
+ textArea.style.outline = 'none';
+ textArea.style.boxShadow = 'none';
+
+ // Avoid flash of white box if rendered for any reason.
+ textArea.style.background = 'transparent';
+
+ textArea.value = text;
+
+ document.body.appendChild(textArea);
+ textArea.focus();
+ textArea.select();
+
+ var result = false;
+
+ try {
+ var successful = document.execCommand('copy');
+
+ $.fn.snackbar('Copied to clipboard.');
+
+ result = successful ? true : false;
+
+ } catch (err) {
+ result = false;
+ }
+
+ document.body.removeChild(textArea);
+
+ return result;
+
+};
+
+$.fn.registration = function (evt) {
+
+ var dealerId = $(evt).attr("data-dealerid");
+ var dealerZipcode = $(evt).attr("data-postalcode");
+ var dealerEmail = $(evt).attr("data-dealeremail");
+ var dealerName = $(evt).attr("data-name");
+ var dealerFormTemplate = $($eloquaFormHTML).clone();
+
+ $(".partsasist-form").toggle();
+ $('.partsasist-form h3').text(dealerName);
+
+ dealerFormTemplate.find('input[name="Dealercode"]').val(dealerId);
+ dealerFormTemplate.find('input[name="SelectedBrand"]').val($brandOptionSelected);
+ dealerFormTemplate.find('input[name="DealerPartsEmail"]').val(dealerEmail);
+ dealerFormTemplate.find('input[name="Postalcode"]').val(dealerZipcode);
+
+ $("#select-form").html(dealerFormTemplate.html());
+
+ $(".ajax").each(function () {
+ var frm = $(this);
+ var frmId = frm.attr("id");
+ $(this).find(".ajaxSitecoreEloquaSubmit").each(function () {
+
+ var redirectURL = "";
+
+ if ($("input[name='redirectURL']").length) {
+ redirectURL = ", '" + $("input[name='redirectURL']").val() + "'";
+ }
+
+ $(this).attr("href", "javascript:void(submitSitecoreEloquaForm('" + frmId + "'" + redirectURL + "));")
+ });
+ $(this).find(".ajaxEloquaSubmit").each(function () {
+
+ var redirectURL = "";
+
+ if ($jq1("input[name='redirectURL']").length) {
+ redirectURL = ", '" + $jq1("input[name='redirectURL']").val() + "'";
+ }
+
+ $(this).attr("href", "javascript:void(submitEloquaForm('" + frmId + "'" + redirectURL + "));")
+ });
+ });
+
+};
+
+$.fn.resetRegistration = function (evt) {
+ $(".partsasist-form").toggle();
+ $("#select-form").html("");
+ $('.partsasist-form h3').text("");
+};
+
+// Event listeners
+$('.go-back').on('click', function () {
+ $.fn.switchSidebarPane('sidebar-pins');
+
+ $wayPoints = [];
+ $('.nearby-select').empty();
+ $('.sidebar-content').removeClass("direction-content");
+ $('.sidebar-legend').css("display", "flex");
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+});
+
+$('.go-back-direction').on('click', function () {
+ $.fn.switchSidebarPane('sidebar-pins');
+ $wayPoints = [];
+ $('.nearby-select').empty();
+ $('.sidebar-content').removeClass("direction-content");
+ $('.sidebar-legend').css("display", "flex");
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+});
+
+$("#location").on('keyup', function (e) {
+ if (e.keyCode == 13) {
+ $.fn.setAddress();
+ }
+});
+
+$("#location2").on('keyup', function (e) {
+ if (e.keyCode == 13) {
+ $.fn.setAddress2();
+ }
+});
+
+$('#cancel').on('click', function () {
+
+ try {
+
+ var details = $.fn.getPinById($viewingPin.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ $viewingPin.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ } catch (e) {
+ // ignore
+ }
+ $('.nearby-pins').children().attr('clicked', '');
+});
+
+$('#cancel2').on('click', function () {
+
+ try {
+
+ var details = $.fn.getPinById($viewingPin.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ $viewingPin.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ } catch (e) {
+ // ignore
+ }
+ $('.nearby-pins').children().attr('clicked', '');
+});
+
+$(window).on('resize', function () {
+ if ($(window).width() < 992) {
+ if ($(".direction-content")) {
+ $('.sidebar').css("overflow", "scroll");
+ $('.add-directions').text("Recalculate");
+ } else {
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+ }
+ } else {
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+ }
+ if ($('#location').val()) {
+ $('#location2').val($('#location').val());
+ }
+ if ($('#location2').val()) {
+ $('#location').val($('#location2').val());
+ }
+
+});
+
+$(document).on('click', '.sidebar-content #filter-options input[type="checkbox"]', function (e) {
+
+ $clicked = $(this);
+
+ if ($('.sidebar-content #filter-options input[type="checkbox"]:checked').length < 1) {
+ $clicked.prop('checked', true);
+ return;
+ }
+
+ $('.sidebar-content #filter-options input[type="checkbox"]').each(function (i) {
+
+ $filter = $(this);
+
+ if ($clicked.get(0) !== $filter.get(0)) {
+
+ $filter.prop('checked', false);
+
+ }
+
+ });
+
+ $.fn.filterRadius();
+});
+
+$(document).on('click', '.accordion', function (eventObject) {
+
+ $(this).next('.accordion-panel').slideToggle("slow");
+ $(this).find('.toggle-arrow').toggleClass('close');
+
+ document.getElementById("share-link").select();
+
+
+});
+
+$(document).on('click', '#set-dealer', function (eventObject) {
+ console.log("inside set dealer");
+ var pinId = $(this).attr('data-pin');
+
+ var pin = $.fn.getPinById(pinId);
+
+ $.fn.setMyDealer(pin);
+
+ $(this).find('#set-dealer').html('');
+
+});
+
+$(document).on('click', '#print', function (eventObject) {
+
+ var divToPrint = $(this).parents('.directions-panel').find('#directions-container');
+
+ var newWin = window.open('', 'Print Window');
+
+ newWin.document.open();
+
+ newWin.document.write('' + divToPrint.html() + '');
+
+ newWin.document.close();
+
+ setTimeout(function () { newWin.close(); }, 10);
+
+});
+
+$.fn.initGoogleMaps();//entry point to dealer locator
diff --git a/blocks/v2-dealer-locator/versions/export/dealer-locator.css b/blocks/v2-dealer-locator/versions/export/dealer-locator.css
new file mode 100644
index 000000000..97b772bd4
--- /dev/null
+++ b/blocks/v2-dealer-locator/versions/export/dealer-locator.css
@@ -0,0 +1,39 @@
+.v2-dealer-locator .nearby-pins article.teaser .teaser-top .heading p,
+.v2-dealer-locator .nearby-pins article.teaser .teaser-top .left {
+ max-width: none;
+}
+
+.v2-dealer-locator .mobile-main-header {
+ position: relative;
+ z-index: 1;
+}
+
+.v2-dealer-locator .mobile-main-header .panel-header .search-container {
+ right: 90px;
+}
+
+.v2-dealer-locator .mobile-main-header .panel-header .filter-container {
+ display: block;
+}
+
+.v2-dealer-locator .go-back {
+ padding-right: 5px;
+}
+
+.v2-dealer-locator .go-back button {
+ position: relative;
+ left: 0;
+}
+
+.v2-dealer-locator .sidebar .panel-header .search-container {
+ right: 90px;
+}
+
+.v2-dealer-locator .sidebar .panel-header .filter-container {
+ display: block;
+}
+
+.legend-header,
+.v2-dealer-locator .sidebar .panel-card .panel-filter-distance {
+ display: none;
+}
diff --git a/blocks/v2-dealer-locator/versions/export/sidebar-maps.js b/blocks/v2-dealer-locator/versions/export/sidebar-maps.js
new file mode 100644
index 000000000..c718de63b
--- /dev/null
+++ b/blocks/v2-dealer-locator/versions/export/sidebar-maps.js
@@ -0,0 +1,3124 @@
+/* eslint-disable */
+
+// these variable set the coords of where the map should appear when the user does not allow the location set.
+// in this case it is set to CHILE
+var defaultCenterCoords = {
+ lat: -33,
+ lng: -70,
+}
+
+// Map Sidebar Animation
+$('.slider-arrow').click(function () {
+
+ if ($(this).hasClass('show')) {
+
+ if ($(window).width() <= 700) {
+ $(".slider-arrow, .sidebar, .sidebar-legend").animate({
+ left: "+=80%"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+ else {
+ $(".slider-arrow, .sidebar, .sidebar-legend").animate({
+ left: "+=483"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+
+ $(this).removeClass('show').addClass('hide').find('i').removeClass('fa fa-angle-right').addClass('fa fa-angle-left');
+ }
+ else {
+
+ if ($(window).width() <= 700) {
+ $(".slider-arrow, .sidebar, .sidebar-legend").animate({
+ left: "-=80%"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+ else {
+ $(".slider-arrow, .sidebar, .sidebar-legend").animate({
+ left: "-=483"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+
+ $(this).removeClass('hide').addClass('show').find('i').removeClass('fa fa-angle-left').addClass('fa fa-angle-right');
+ }
+});
+
+// Global values
+$html = $('html');
+$pins2 = [];
+$pins = []; // array of all pin details (YOUR ARRAY OF PINS GO HERE)
+$location = null; // stores users current coordinates {lat, lng}
+$radius = null; // stores current google maps radius object
+$me = null; // stores the 'me' marker object
+$nearbyPins = []; // stores pin ID's for pins shown in radius
+$markers = []; // stores all google marker objects
+$radiusControl = $('#filters input[type="range"]'); // the radius filter control input
+$map = null; // the main google map object
+$geocoder = null; // geocoder object for all things geocode
+$filters = $('.sidebar-content #filter-options input[type="checkbox"]'); // the radio group filter values
+$consolidateFilters = window.locatorConfig.consolidateFilters; // Shows "All Dealers" and "Rental & Leasing" filter options
+$viewingPin = null; // tracks current pin in view
+$pinIcon = 'pin.svg'; // sets basic marker pin icon
+$meIcon = '/blocks/v2-dealer-locator/images/me-marker.png'; // sets the icon of the ME marker
+$panes = []; // cache all panes created
+$lastPane = ""; // track the last pane in view
+$radiusValue = $('#range').val(); // the current radius value
+$sortedPins = null; // stores all pins by distance (miles)
+$offset = ((new Date().getTimezoneOffset()) / 60) * -1;
+$key = 'AIzaSyAP8IewqHuU8SMz_6tNiIUlbU_l0GFOd1w';
+$myDealer = null;
+$wayPoints = [];
+$directionsService = null;
+$directionsDisplay = null;
+$directionsObject = null;
+$printDirections = $('#print-directions');
+$printableDirections = $('#printable-directions');
+$directionResults = null;
+$currentAddress = '';
+$directionsMessage = $('#directions-message');
+$isAsist = window.locatorConfig.asist;
+$isAmentities = window.locatorConfig.amenities;
+$brandOptionSelected = "";
+$eloquaFormHTML = $('script#eloquaForm').html();
+$showAsistDialog = window.locatorConfig.showAsistDialog;
+var uptimeClicked = false;
+$electricDealer = false;
+$hoverText = $('#hoverText').val();
+$country = window.locatorConfig.country;
+var isLocationOFF = false;
+
+// Google callback letting us know maps is ready to be used
+(function () {
+ initMap = function () {
+ $geocoder = new google.maps.Geocoder();
+
+ $map = new google.maps.Map(document.getElementById("map"),{
+ center: {
+ lat: defaultCenterCoords.lat,
+ lng: defaultCenterCoords.lng
+ },
+ zoom: 4,
+ mapTypeControl: false,
+ streetViewControl: false,
+ fullscreenControl: false,
+ styles: [{
+ elementType: "geometry",
+ stylers: [{
+ color: "#212121"
+ }]
+ }, {
+ elementType: "labels.icon",
+ stylers: [{
+ visibility: "on"
+ }]
+ }, {
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#757575"
+ }]
+ }, {
+ elementType: "labels.text.stroke",
+ stylers: [{
+ color: "#212121"
+ }]
+ }, {
+ featureType: "administrative",
+ elementType: "geometry",
+ stylers: [{
+ color: "#757575"
+ }]
+ }, {
+ featureType: "administrative.country",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#9e9e9e"
+ }]
+ }, {
+ featureType: "administrative.land_parcel",
+ stylers: [{
+ visibility: "off"
+ }]
+ }, {
+ featureType: "administrative.locality",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#bdbdbd"
+ }]
+ }, {
+ featureType: "poi",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#757575"
+ }]
+ }, {
+ featureType: "poi.park",
+ elementType: "geometry",
+ stylers: [{
+ color: "#181818"
+ }]
+ }, {
+ featureType: "poi.park",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#616161"
+ }]
+ }, {
+ featureType: "poi.park",
+ elementType: "labels.text.stroke",
+ stylers: [{
+ color: "#1b1b1b"
+ }]
+ }, {
+ featureType: "road",
+ elementType: "geometry.fill",
+ stylers: [{
+ color: "#2c2c2c"
+ }]
+ }, {
+ featureType: "road",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#8a8a8a"
+ }]
+ }, {
+ featureType: "road.arterial",
+ elementType: "geometry",
+ stylers: [{
+ color: "#373737"
+ }]
+ }, {
+ featureType: "road.highway",
+ elementType: "geometry",
+ stylers: [{
+ color: "#3c3c3c"
+ }]
+ }, {
+ featureType: "road.highway.controlled_access",
+ elementType: "geometry",
+ stylers: [{
+ color: "#4e4e4e"
+ }]
+ }, {
+ featureType: "road.local",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#616161"
+ }]
+ }, {
+ featureType: "transit",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#757575"
+ }]
+ }, {
+ featureType: "water",
+ elementType: "geometry",
+ stylers: [{
+ color: "#000000"
+ }]
+ }, {
+ featureType: "water",
+ elementType: "labels.text.fill",
+ stylers: [{
+ color: "#3d3d3d"
+ }]
+ }]
+ });
+ // Remove setting location by default load all pins
+
+ $.fn.setLocation();
+
+ $directionsService = new google.maps.DirectionsService();
+ $directionsDisplay = new google.maps.DirectionsRenderer();
+
+ google.maps.event.addListener(
+ $directionsDisplay,
+ 'routeindex_changed',
+ );
+
+ google.maps.event.addListenerOnce( $map, 'idle', function() {
+ if (document.getElementById('location').value){
+ $.fn.setAddress();
+ }
+ }
+ );
+
+ if ($isAsist) {
+ $('#filter-options').css('display', 'none');
+ $brandOptionSelected = window.locatorConfig.selectedBrand;
+ }
+
+ if ($isAsist && $showAsistDialog) {
+
+ $(".datasource-option").toggle();
+
+ var options = $.map([$(".brand button#volvo"), $(".brand button#mack"), $(".brand button#dual")], function (el) { return el.get() });
+ $(options).on('click', function (ev) {
+
+ $id = $brandOptionSelected = $(ev.target).attr("id");
+
+ $.fn.loadPins();
+
+ $(".datasource-option").toggle();
+ });
+ }
+
+ // by default load pins
+ if (!window.locatorConfig.dataSource) {
+ window.locatorConfig.dataSource = '/buy-mack/find-a-dealer/market-export-dealer.json';
+ }
+
+ // set the default location for country if there is no postcode in url or stored location
+ if (!$('#location').val() && ($location === null)) {
+ $geocoder = new google.maps.Geocoder;
+ $geocoder.geocode({ 'address': $country }, function (results) {
+ if (!results || results.length == 0) {
+ $('.waiting-overlay').css('display', 'block');
+ console.log("results not found");
+ } else {
+ $('.waiting-overlay').css('display', 'none');
+ $map.viewtype = (results[0].types[0]);
+
+ $map.fitBounds(results[0].geometry.viewport);
+
+ position = results[0].geometry.location;
+
+ if (!$location) {
+ $location = [
+ position.lat(),
+ position.lng()
+ ];
+ }
+
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+ $me.setPosition({ lat: parseFloat($location[0]), lng: parseFloat($location[1]) });
+
+ $.fn.loadPins();
+ $.fn.switchSidebarPane('sidebar-pins');
+ }
+ });
+ }
+ }
+})();
+
+$.fn.initGoogleMaps = function () {
+ // Lets us control OOO when some cases gmaps takes longer to initialize
+ $.ajax({
+ type: "GET",
+ url: "https://maps.googleapis.com/maps/api/js?key=AIzaSyAP8IewqHuU8SMz_6tNiIUlbU_l0GFOd1w&libraries=places,geometry",
+ dataType: "script",
+ success: function (d) {
+ initMap();
+ }
+ });
+};
+
+$.fn.loadPins = function () {
+ $nearbyPins = [];
+
+ let dealers;
+
+ // fetch markers only if they are not present, as by default we load all markers
+ if (!$markers.length) {
+ $.ajax({
+ // use json file from franklin
+ url: '/buy-mack/find-a-dealer/market-export-dealer.json',
+ type: "GET",
+ success: function ({ data }) {
+
+ try {
+ dealers = data;
+ for (var dealer of dealers) {
+ $dealer = dealer;
+
+ $marker = new google.maps.Marker({
+ id: $dealer.IDENTIFIER_VALUE,
+ position: { lat: parseFloat($dealer.MAIN_LATITUDE), lng: parseFloat($dealer.MAIN_LONGITUDE) },
+ title: $dealer.COMPANY_DBA_NAME,
+ map: $map,
+ icon: {
+ // by default use only one marker
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ });
+ // Marker click event listener
+ $marker.addListener('click', function () {
+
+ var index = $markers.indexOf(this);
+
+ var marker = $markers[index];
+
+ $map.panTo(marker.position);
+
+ if ($lastPane == 'sidebar-select-pins') {
+
+ var details = null;
+ for (i = 0; i < $pins.length; i++) {
+
+ if ($pins[i].IDENTIFIER_VALUE == marker.id) {
+
+ if ($.fn.isWaypoint($pins[i].waypoint)) {
+ continue;
+ }
+
+ $wayPoints.push($pins[i].waypoint);
+ details = $pins[i];
+ // minus icon
+ var pinIcon = $.fn.drawPin('-', 38, 38, '808080');
+ marker.setIcon(pinIcon);
+ // update select-pins display with location
+ $.fn.renderAddDirectionsPin(marker, details);
+
+ }
+
+ }
+
+ return;
+ }
+
+ // reset all markers to basic
+ // by default use only one marker
+ $markers.forEach(function (marker) {
+ marker.setIcon({
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ });
+
+ });
+
+ marker.setIcon({
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ });
+
+ $.fn.myDealer();
+
+ $.fn.switchSidebarPane('sidebar-pin', marker.id);
+
+ });
+
+ $markers.push($marker);
+
+ $marker.ID = $dealer.IDENTIFIER_VALUE;
+
+ $dealer.waypoint = {
+ id: $dealer.IDENTIFIER_VALUE,
+ point: {
+ location: new google.maps.LatLng($dealer.MAIN_LATITUDE, $dealer.MAIN_LONGITUDE),
+ stopover: false
+ }
+ };
+ $pins.push($dealer);
+
+ $pins2.push($dealer);
+ }
+
+ $.fn.myDealer();
+ $.fn.filterRadius();
+
+ var markerId = $.fn.getUrlParameter('view');
+ var viewMarker = $.fn.getPinById(markerId);
+ if (markerId && viewMarker) {
+
+ //setCenter
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == markerId) {
+
+ $.fn.switchSidebarPane('sidebar-pin', markerId);
+
+ }
+ }
+ }
+
+ } catch (e) {
+ // data is already an object, proceed.
+ }
+ }
+
+ });
+ } else {
+ $.fn.myDealer();
+ $.fn.filterRadius();
+
+ var markerId = $.fn.getUrlParameter('view');
+ var viewMarker = $.fn.getPinById(markerId);
+ if (markerId && viewMarker) {
+
+ //setCenter
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == markerId) {
+
+ $.fn.switchSidebarPane('sidebar-pin', markerId);
+
+ }
+ }
+ }
+ }
+};
+$.fn.removeWaypoint = function (pin) {
+
+ var $this = $(pin);
+ var $id = $this.attr('data-id');
+
+ for (var i = 0; i < $pins.length; i++) {
+
+ if ($markers[i].id == $id) {
+
+ var pinIcon = $.fn.drawPin('+', 38, 38, '4174C4');
+
+ $markers[i].setIcon(pinIcon);
+ }
+
+ }
+
+ $wayPoints = $.grep($wayPoints, function (w) {
+ return w.id != $id;
+ });
+
+ var parent = $this.parents('.panel-card');
+
+ parent.remove();
+
+};
+
+$.fn.isWaypoint = function (waypoint) {
+
+ for (var i = 0; i < $wayPoints.length; i++) {
+ if ($wayPoints[i].id == waypoint.id) {
+ return true;
+ }
+ }
+ return false;
+};
+
+$.fn.getHours = function (dealer) {
+ let hours = null;
+ let week = {};
+
+ const hoursArray = dealer.hours.split(',');
+
+ hoursArray.forEach((hours, idx) => {
+ if (hours.toLowerCase() === 'closed') {
+ week[idx] = { 'Start': 'Closed', 'End': 'Closed' }
+ } else {
+ const [start, end] = hours.split('-')
+ week[idx] = { 'Start': start, 'End': end }
+ }
+ });
+ if (dealer.hours) hours = week;
+
+ return hours;
+};
+
+$.fn.isOpen = function (dealer, time) {
+ var hours = $.fn.getHours(dealer);
+ var zone = moment.tz.guess();
+ var closeSoon = false;
+
+ if (hours) {
+ if (!time) {
+ time = new Date();
+ }
+
+ var todayAtDealer = hours[time.getDay()];
+
+ if (todayAtDealer) {
+
+ var startTime = todayAtDealer.Start;
+ if (startTime.toLowerCase() == 'midnight') {
+ startTime = '12:00 AM';
+ }
+
+ var endTime = todayAtDealer.End;
+ if (endTime.toLowerCase() == 'midnight') {
+ endTime = '11:59 PM';
+ }
+
+ if (startTime.toLowerCase().indexOf('24') > -1) {
+ startTime = '12:00 AM';
+ }
+
+ if (endTime.toLowerCase().indexOf('24') > -1) {
+ endTime = '11:59 PM';
+ }
+
+ if (startTime.toLowerCase() == 'noon') {
+ startTime = '12:00 PM';
+ }
+
+ if (endTime.toLowerCase() == 'noon') {
+ endTime = '12:00 PM';
+ }
+
+ var start = new Date();
+ start.setFullYear(time.getFullYear());
+ start.setMonth(time.getMonth());
+ start.setDate(time.getDate());
+ start.setHours(moment(startTime, ["h:mm A"]).format("HH"));
+ start.setMinutes(moment(startTime, ["h:mm A"]).format("mm"));
+ start.setSeconds(0);
+
+ var end = new Date();
+ end.setFullYear(time.getFullYear());
+ end.setMonth(time.getMonth());
+ end.setDate(time.getDate());
+ end.setHours(moment(endTime, ["h:mm A"]).format("HH"));
+ end.setMinutes(moment(endTime, ["h:mm A"]).format("mm"));
+ end.setSeconds(0);
+
+ if (~endTime.toLowerCase().indexOf("am")) {
+ console.log('end date is AM, add 1 day');
+ end.setDate(time.getDate() + 1);
+ }
+
+ if (moment.tz(zone).isBetween(start, end)) {
+
+ hours = Math.abs(time - end) / 36e5;
+
+ if (hours < 1) {
+ closeSoon = true;
+ }
+
+ return { open: true, endTime: end, closeSoon: closeSoon };
+
+ } else {
+ return { open: false, endTime: end, closeSoon: closeSoon };
+ }
+ }
+
+
+ }
+
+ return 2;
+
+};
+
+$.fn.canDetermineHours = function (pin) {
+
+ var hours = null;
+
+ if (pin.hours['Parts']) {
+ hours = pin.hours['Parts'];
+ }
+
+ if (!hours && pin.hours['Service']) {
+ hours = pin.hours['Service'];
+ }
+
+ if (!hours && pin.hours['Leasing']) {
+ hours = pin.hours['Leasing'];
+ }
+
+ if (hours) {
+
+ return true;
+ }
+ return false;
+};
+
+$.fn.renderPinDirections = function (markerId) {
+
+ var templateClone = $($('#sidebar-directions').clone(true).html());
+ var templateClone = $($('#sidebar-direction-list').clone(true).html());
+ var markerDetails;
+
+ $('.add-directions').attr('data-id', markerId);
+
+ for (i = 0; i < $sortedPins.length; i++) {
+
+ if ($sortedPins[i].IDENTIFIER_VALUE == markerId) {
+
+ markerDetails = $sortedPins[i];
+ }
+
+ }
+
+ $('.main-header').css('display', 'none');
+ $('.main-directions').css('display', 'block');
+ $('.go-back').css('display', 'none');
+
+ $origin = $currentAddress;
+ if (!$origin || $origin == '') {
+ $origin = $location[0] + ',' + $location[1];
+ $('.from-directions input').val($origin);
+ }
+
+ $destination = markerDetails.MAIN_ADDRESS_LINE_1_TXT + ' ' + markerDetails.MAIN_ADDRESS_LINE_2_TXT + ', ' + markerDetails.MAIN_CITY_NM + ', ' + markerDetails.MAIN_STATE_PROV_CD + ' ' + markerDetails.MAIN_POSTAL_CD;
+
+ if ($('.from-directions input').val()) {
+ $origin = $('.from-directions input').val();
+ }
+
+ $directionsObject = {
+ origin: $origin,
+ destination: $destination,
+ travelMode: 'DRIVING',
+ optimizeWaypoints: true,
+ provideRouteAlternatives: true,
+ waypoints: $.fn.wayPointArray()
+ };
+
+ $directionsService.route(
+ $directionsObject,
+ function (result, status) {
+ if (status == 'OK') {
+
+ $directionsDisplay.setMap($map);
+
+ $directionsDisplay.setPanel(templateClone.find("#directions-container").get(0));
+ $directionsDisplay.setDirections(result);
+ $directionResults = result;
+ }
+ }
+ );
+
+ $('.from-directions input').val($origin);
+ $('.to-directions input').val($destination);
+
+ var waypointDecodeUrl = "";
+ for (var x = 0; x < $wayPoints.length; x++) {
+ var loc = $wayPoints[x].point.location;
+
+ waypointDecodeUrl += '/' + loc.lat() + ',' + loc.lng() + '/';
+ }
+
+ templateClone.find('#gmaps-link').attr('onclick', 'window.open("https://www.google.com/maps/dir/' + $origin + '/' + $destination + waypointDecodeUrl + '", "_blank")');
+
+ return templateClone;
+}
+
+// Creates sidebar-pini overview item
+$.fn.renderPinDetails = function (markerId) {
+
+ var templateClone = $($('#sidebar-pin').clone(true).html());
+
+
+ var markerDetails;
+
+ for (i = 0; i < $sortedPins.length; i++) {
+
+ if ($sortedPins[i].IDENTIFIER_VALUE == markerId) {
+
+ markerDetails = $sortedPins[i];
+ }
+
+ }
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == markerId) {
+
+ marker = $markers[i];
+
+ $viewingPin = marker;
+
+ }
+ }
+ $asistHtml = '';
+ if ($isAsist) {
+ templateClone.find('#partsasist-button').html($asistHtml);
+ templateClone.find('#partsasist-button').attr('data-dealerid', markerDetails.IDENTIFIER_VALUE);
+ templateClone.find('#partsasist-button').attr('data-name', $.fn.camelCase(markerDetails.COMPANY_DBA_NAME));
+ //Ticket 1072
+ if (markerDetails.PARTS_EMAIL) {
+ templateClone.find('#partsasist-button').attr('data-dealeremail', markerDetails.PARTS_EMAIL.toLowerCase());
+ }
+ else {
+ templateClone.find('#partsasist-button').attr('data-dealeremail', markerDetails.EMAIL_ADDRESS.toLowerCase());
+ }
+ templateClone.find('#partsasist-button').attr('data-postalcode', markerDetails.MAIN_POSTAL_CD);
+ }
+ templateClone.find('#title').text($.fn.camelCase(markerDetails.COMPANY_DBA_NAME));
+ templateClone.find('#title2').text($.fn.camelCase(markerDetails.COMPANY_DBA_NAME));
+ templateClone.find('#address1 div').text(markerDetails.MAIN_ADDRESS_LINE_1_TXT);
+ templateClone.find('#address2 div').text(markerDetails.MAIN_ADDRESS_LINE_2_TXT);
+ templateClone.find('#city-state-zip div').text(markerDetails.MAIN_CITY_NM + ', ' + markerDetails.MAIN_STATE_PROV_CD + ' ' + markerDetails.MAIN_POSTAL_CD);
+ if (markerDetails.WEB_ADDRESS) {
+ templateClone.find('#website').html('' + $.fn.formatWebAddress(markerDetails.WEB_ADDRESS) + '');
+ } else {
+ templateClone.find('#website .controls').css('display', 'none');
+ }
+ if (markerDetails.EMAIL_ADDRESS) {
+ templateClone.find('#email').html('' + markerDetails.EMAIL_ADDRESS.toLowerCase() + '');
+
+ }
+ templateClone.find('.detail-website a').attr('href', $.fn.formatWebAddress(markerDetails.WEB_ADDRESS));
+ templateClone.find('#phone div').html('' + $.fn.formatPhoneNumber(markerDetails.REG_PHONE_NUMBER) + '');
+ templateClone.find('#directions').attr('data-id', markerDetails.IDENTIFIER_VALUE);
+ templateClone.find('#clipboard-address').attr('data-clipboard', markerDetails.MAIN_ADDRESS_LINE_1_TXT + ' ' + markerDetails.MAIN_ADDRESS_LINE_2_TXT + ' ' + markerDetails.MAIN_CITY_NM + ', ' + markerDetails.MAIN_STATE_PROV_CD + ' ' + markerDetails.MAIN_POSTAL_CD);
+ templateClone.find('#open-website').attr('onclick', "window.open('" + $.fn.formatWebAddress(markerDetails.WEB_ADDRESS) + "', '_blank')");
+ templateClone.find('#share-link').val(window.location.href.split('?')[0] + '?view=' + markerDetails.IDENTIFIER_VALUE);
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+ templateClone.find('#head-marker').attr('src', $viewingPin.icon.url);
+ templateClone.find('#head-marker').css('width', '31px');
+ templateClone.find('#head-marker').css('height', '43px');
+
+ var myDealer = $.fn.getCookie('my-dealer');
+
+ if (myDealer == markerDetails.IDENTIFIER_VALUE) {
+ templateClone.find('#set-dealer').html('');
+ templateClone.find('#head-marker').attr('src', $viewingPin.icon);
+ }
+ else {
+ templateClone.find('#set-dealer').html('');
+ }
+ templateClone.find('#set-dealer').attr('data-pin', markerDetails.IDENTIFIER_VALUE);
+
+
+ var isOpen = $.fn.isOpen(markerDetails);
+ var isOpenHtml = "";
+ if (isOpen.open && !isOpen.closeSoon) {
+ isOpenHtml = "Open till " + moment(isOpen.endTime).format("h:mm A");
+ } else if (isOpen.open && isOpen.closeSoon) {
+ isOpenHtml = "Closing soon";
+ } else {
+ isOpenHtml = "Closed";
+ }
+
+
+ var servicesHtml = templateClone.find('#services');
+ var driversHtml = templateClone.find('#drivers');
+ var driverAmenities = [];
+ var newdriverAmenities = [];
+ var serviceAmenities = [];
+ // services can be array or string handle both cases here;
+ if (Array.isArray(markerDetails.services)) {
+ var newMarkerDetail = Object.values(markerDetails.services);
+ } else {
+ serviceAmenities.push(markerDetails.services)
+ }
+ if (newMarkerDetail) {
+ jQuery.grep(newMarkerDetail, function (el) {
+ if (jQuery.inArray(el, $isAmentities) == -1) serviceAmenities.push(el);
+ });
+ }
+ if ($isAmentities) {
+ jQuery.grep($isAmentities, function (el) {
+ if (jQuery.inArray(el, newMarkerDetail) == -1) driverAmenities.push(el);
+ });
+ }
+ if ($isAmentities) {
+ jQuery.grep($isAmentities, function (el) {
+ if (jQuery.inArray(el, driverAmenities) == -1) newdriverAmenities.push(el);
+ });
+ }
+ if (serviceAmenities) {
+ $.each(serviceAmenities, function (i, item) {
+
+ $("", {
+ 'html': serviceAmenities[i]
+ }).appendTo(servicesHtml);
+
+ });
+ }
+ if (newdriverAmenities) {
+ $.each(newdriverAmenities, function (i, item) {
+
+ $("", {
+ 'html': newdriverAmenities[i]
+ }).appendTo(driversHtml);
+ });
+ }
+ var driversId = templateClone.find('#drivers');
+ if (driversId && !driversId.find('li').length || newdriverAmenities.length == 0) {
+ templateClone.find('.header-driver-title').hide();
+ } else {
+ templateClone.find('.header-driver-title').show();
+ }
+
+ if ($.isEmptyObject(markerDetails.services)) {
+ templateClone.find('.header-title').css('display', 'none');
+ }
+
+ // We need to display all hours to the user in the details pane
+ var hours = null;
+ var hoursHtml = templateClone.find('#details');
+ var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+
+ var hasPartsHours = false,
+ hasServiceHours = false,
+ hasLeasingHours = false,
+ hasSalesHours = false;
+
+
+ if (markerDetails.hours.Parts) {
+ hours = markerDetails.hours.Parts;
+
+ $("", {
+ 'html': 'Parts:
'
+ }).appendTo(hoursHtml);
+
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasPartsHours = true;
+ });
+
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+
+ }
+
+ if (markerDetails.hours.Service) {
+ hours = markerDetails.hours.Service;
+
+ $("", {
+ 'html': 'Service:
'
+ }).appendTo(hoursHtml);
+
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasServiceHours = true;
+ });
+
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+ }
+
+ if (markerDetails.hours.Leasing) {
+ hours = markerDetails.hours.Leasing;
+
+ $("", {
+ 'html': 'Leasing:
'
+ }).appendTo(hoursHtml);
+
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasLeasingHours = true;
+ });
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+ }
+
+
+ if (markerDetails.hours.Sales) {
+ hours = markerDetails.hours.Sales;
+
+ if (hours[0].Start.length > 0) {
+ $("", {
+ 'html': 'Sales:
'
+ }).appendTo(hoursHtml);
+ var added = 0;
+ $.each(hours, function (i, item) {
+
+ if (hours[i].Start.toLowerCase().indexOf('24 hours') >= 0 || hours[i].Start.toLowerCase().indexOf('closed') >= 0) {
+ hours[i].Start = '';
+ } else if (hours[i].Start.toLowerCase().length <= 0) {
+ return;
+ }
+
+ $("", {
+ 'html': '' + days[i] + ' ' + hours[i].Start + ((!hours[i].Start) ? '' : ' - ') + hours[i].End + ''
+ }).appendTo(hoursHtml);
+ added++;
+ hasSalesHours = true;
+ });
+ if (added <= 0) {
+ $("", {
+ 'html': 'Please call for hours.'
+ }).appendTo(hoursHtml);
+ }
+ }
+ }
+
+ if (!hasPartsHours && !hasServiceHours && !hasLeasingHours && !hasSalesHours) {
+ isOpenHtml = "Call";
+ }
+
+ templateClone.find('#hours div').html(isOpenHtml + ' ');
+
+ if ($.isEmptyObject(hours)) {
+ templateClone.find('.toggle-arrow').css('display', 'none');
+ }
+
+ $.fn.isOpen(markerDetails);
+
+ $map.panTo(marker.position);
+
+ return templateClone;
+};
+
+$.fn.renderAddDirectionsPin = function (marker, details) {
+
+ var templateClone = $($('#sidebar-select-pin').clone(true).html());
+
+ templateClone.find('.fa-close').attr('data-id', details.IDENTIFIER_VALUE);
+
+ var isOpen = $.fn.isOpen(details);
+ var isOpenHtml = "";
+ if (isOpen.open && !isOpen.closeSoon) {
+ isOpenHtml = "Open till " + moment(isOpen.endTime).format("h:mm A");
+ } else if (isOpen.open && isOpen.closeSoon) {
+ isOpenHtml = "Closing soon";
+ } else {
+ isOpenHtml = "Closed";
+ }
+
+ templateClone.find('.heading p').text($.fn.camelCase(details.COMPANY_DBA_NAME));
+ templateClone.find('.hours').text(isOpenHtml);
+ templateClone.find('.distance').text(details.distance.toFixed(2) + ' mi');
+ templateClone.find('.address').text(details.MAIN_ADDRESS_LINE_1_TXT);
+ templateClone.find('.city').text(details.MAIN_CITY_NM + ', ' + details.MAIN_STATE_PROV_CD + ' ' + details.MAIN_POSTAL_CD);
+ templateClone.find('.phone').text(details.REG_PHONE_NUMBER);
+ templateClone.find('.detail-website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+
+ $("", {
+ 'html': templateClone
+ }).appendTo('.nearby-select');
+};
+
+$.fn.setupAddDirectionsView = function () {
+
+ $('.go-back-pin').attr('onclick', '$.fn.switchSidebarPane(\'add-directions-return\',\'' + $lastPane.split('-').pop().trim() + '\');');
+
+ $('div[id*="sidebar-select-pins"] span#filter').text($.fn.currentFilterHumanReadable());
+
+ for (var i = 0; i < $markers.length; i++) {
+
+ for (var k = 0; k < $pins.length; k++) {
+
+ if ($pins[k].IDENTIFIER_VALUE == $markers[i].id) {
+
+ if ($.fn.showPin($pins[k])) {
+
+ $markers[i].setMap($map);
+
+ if ($.fn.isWaypoint($pins[k].waypoint)) {
+ var pinIcon = $.fn.drawPin('-', 38, 38, '808080');
+ }
+ else {
+ var pinIcon = $.fn.drawPin('+', 38, 38, '4174C4');
+ }
+
+ $markers[i].setIcon(pinIcon);
+ }
+ }
+ }
+ }
+
+ $map.setZoom(8);
+};
+$.fn.switchSidebarPane = function (id, e) {
+ var markerId = ($(e).data('id') ? $(e).data('id') : e);
+
+ var content = $('#' + id).html();
+
+ var forceRefresh = false;
+ if (e && id == 'sidebar-pin') {
+ content = $.fn.renderPinDetails(markerId);
+ }
+ if ((e && id == 'sidebar-directions') || id == 'add-directions-return' || id == 'sidebar-direction-list') {
+ content = $.fn.renderPinDirections(markerId);
+ $('.sidebar-content').addClass("direction-content");
+ $('.go-back').css('display', 'none');
+ $('.sidebar-legend').hide();
+ if ($(window).width() < 992) {
+ $('.sidebar').css("overflow", "scroll");
+ $('.add-directions').text("Recalculate");
+ }
+ if (id == 'add-directions-return') { forceRefresh = true; }
+
+ } else if (id.indexOf('sidebar-select-pins') >= 0) {
+
+ $.fn.setupAddDirectionsView();
+ content = $('#' + id).html();
+
+ $('.main-directions').css('display', 'none');
+ $('.main-header').css('display', 'none');
+
+ } else {
+ $('.main-directions').css('display', 'none');
+ $('.main-header').css('display', 'block');
+ $.fn.clearDirections();
+ $map.setZoom(8);
+ }
+ if ($lastPane) {
+ $('#d-' + $lastPane).css('display', 'none');
+ }
+ if (id == 'sidebar-directions' || id == 'sidebar-direction-list') {
+ $('.go-back').css('display', 'none');
+ }
+ else if (id == 'sidebar-filter') {
+ $('.go-back').css('display', 'block');
+ $('.go-back').css('background', 'none');
+ } else if (id == 'sidebar-pin') {
+ $('.go-back').css('display', 'block');
+ $('.go-back').css('background', '#202A44');
+ } else {
+ $('.go-back').css('display', 'none');
+ }
+ document.body.scrollTop = 0; // For Safari
+ $('.sidebar').scrollTop(0);
+ id = id + ((e != null) ? '-' + markerId : '');
+
+ var foundPane = false;
+
+ $panes.forEach(function (pane) {
+ if (pane == id) {
+ if (id.indexOf('directions') >= 0 || id.indexOf('direction') >= 0) {
+
+ $('#d-' + id).remove();
+ $('.go-back').css('display', 'none');
+ } else if (id.indexOf('sidebar-pin') >= 0 && id.indexOf('sidebar-pin-' + markerId) >= 0) {
+ $('#d-' + id).remove();
+ } else {
+ $('#d-' + id).css('display', 'block');
+ foundPane = true;
+ }
+
+ }
+ });
+
+ if (!foundPane) {
+
+ $("", {
+ 'id': 'd-' + id,
+ 'html': content
+ }).appendTo('.sidebar-content');
+
+ $panes.push(id);
+ }
+
+ if (forceRefresh) {
+ $('#d-' + id).html(content);
+ }
+
+
+ // Bring pane into view
+ if ($('.sidebar').css('left') != '0px') {
+
+ if ($(window).width() <= 700) {
+ $(".slider-arrow, .sidebar").animate({
+ left: "+=80%"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+ else {
+ $(".slider-arrow, .sidebar").animate({
+ left: "+=408"
+ }, 200, function () {
+ // Animation complete.
+ });
+ }
+
+ $('.slider-arrow').html('«').removeClass('show').addClass('hide');
+ }
+
+ $lastPane = id;
+};
+
+$.fn.getPinById = function (id) {
+
+ return $.grep($pins, function (v, i) {
+ return v['IDENTIFIER_VALUE'] === id;
+ })[0];
+};
+
+// When in doubt or need to redraw pins, call this function
+$.fn.filterRadius = function () {
+
+ $nearbyPins = [];
+
+ $.fn.myDealer();
+
+ if (!$me && $location) {
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+ }
+
+ if ($isAsist) {
+ for (var i = 0; i < $markers.length; i++) {
+
+ var pin = $.grep($pins, function (v, b) {
+ return v['IDENTIFIER_VALUE'] === $markers[i].ID;
+ })[0];
+
+ $markers[i].setMap($map);
+
+ $markers[i].setZIndex(2);
+
+ $nearbyPins.push($markers[i].ID);
+
+ }
+
+ $.fn.filterNearbyPins();
+ $.fn.switchSidebarPane('sidebar-pins');
+ $('.waiting-overlay').css('display', 'none');
+ $map.setZoom(4);
+
+ return;
+ }
+
+ var radius = $.fn.milesInMeters($('#range').val());
+
+ var bounds = new google.maps.LatLngBounds();
+
+ var k = 1;
+ for (var i = 0; i < $markers.length; i++) {
+
+ const postcode = $('#location').val() || $('#location2').val();
+
+ if (google.maps.geometry.spherical.computeDistanceBetween($markers[i].getPosition(), $me.getPosition()) < radius) {
+
+ bounds.extend($markers[i].getPosition())
+
+ var pin = $.grep($pins, function (v, b) {
+ return v['IDENTIFIER_VALUE'] === $markers[i].ID;
+ })[0];
+
+
+ if ($.fn.showPin(pin)) {
+
+ $markers[i].setMap($map);
+
+ $markers[i].setZIndex(2);
+
+
+
+ $nearbyPins.push($markers[i].ID);
+
+ k++;
+ }
+ else {
+ $markers[i].setMap(null);
+ }
+
+ } else {
+
+ var pin = $.grep($pins, function (v, b) {
+ return v['IDENTIFIER_VALUE'] === $markers[i].ID;
+ })[0];
+
+ if ($.fn.showPin(pin) && !postcode) {
+ $markers[i].setMap($map);
+ $nearbyPins.push($markers[i].ID);
+ } else {
+ $markers[i].setMap($map);
+ }
+
+ if ($myDealer != null && ($myDealer.IDENTIFIER_VALUE == $markers[i].id)) {
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ $markers[i].setIcon(pinIcon);
+ $markers[i].pinIndex = null;
+
+ }
+
+ $map.fitBounds(bounds);
+
+ $map.setZoom(8);
+ }
+
+ $map.setCenter($me.getPosition());
+
+ // check for address and filter dealers based on postcode
+ const postcode = $('#location').val() || $('#location2').val();
+ if (!postcode) {
+ $map.setZoom(4);
+ } else {
+ $map.setZoom(8);
+ }
+
+ $.fn.filterNearbyPins();
+};
+
+$.fn.milesInMeters = function ($mi) {
+ return $mi * 1609.3;
+};
+
+$.fn.kmToMiles = function ($km) {
+ return $km * 0.621371;
+};
+
+$.fn.radiusChange = function () {
+
+ $value = $('#range').val() * 1;
+
+ $radiusLabel = $('label[for="range"] span');
+
+ $radiusLabel.html($value);
+
+ $radius.setRadius($.fn.milesInMeters($value));
+
+ $.fn.filterRadius();
+
+ if ($value < 100) {
+
+ $map.fitBounds($radius.getBounds());
+
+ } else {
+ $map.setZoom(8);
+ }
+};
+
+$.fn.setCookie = function (name, value, days) {
+ var expires = "";
+ if (days) {
+ var date = new Date();
+ date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+ expires = "; expires=" + date.toUTCString();
+ }
+ document.cookie = name + "=" + (value || "") + expires + "; path=/";
+}
+
+$.fn.getCookie = function (name) {
+ var nameEQ = name + "=";
+ var ca = document.cookie.split(';');
+ for (var i = 0; i < ca.length; i++) {
+ var c = ca[i];
+ while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
+ }
+ return null;
+}
+
+$.fn.deleteCookie = function (name) {
+ document.cookie = name + '=; Max-Age=-99999999;';
+}
+
+$.fn.sortedPins = function (isLocationOff = false) {
+ $pinLength = $pins.length;
+
+ for (var i = 0; i < $pinLength; i++) {
+
+ $pins[i];
+ $pins[i].distance = $.fn.getDistanceInKm([$pins[i].MAIN_LATITUDE, $pins[i].MAIN_LONGITUDE]);
+
+ }
+
+ $sortedPins = $pins;
+
+ $sortedPins.sort(function (a, b) {
+ return isLocationOff
+ ? a.COMPANY_DBA_NAME.localeCompare(b.COMPANY_DBA_NAME)
+ : parseFloat(a.distance) - parseFloat(b.distance);
+ });
+
+ $sortedPins.filter(function (i) {
+ $.fn.showPin(i);
+ });
+
+ return $sortedPins;
+};
+
+$.fn.showPin = function (pin) {
+
+ if ($isAsist) {
+ return true;
+ }
+
+ var filter = $.fn.currentFilter();
+
+ var condition;
+
+ if ($consolidateFilters) {
+ switch (filter) {
+ case 'all':
+ condition = ['Sales, Service & Parts', 'Service and Parts', 'Customer Service Centre', 'Head office'].includes(pin.DEALER_TYPE_DESC);
+ break;
+
+ case 'sales-service':
+ condition = pin.DEALER_TYPE_DESC.indexOf('Sales, Service & Parts') > -1;
+ break;
+
+ case 'services-parts':
+ condition = pin.DEALER_TYPE_DESC.indexOf('Service and Parts') > -1;
+ break;
+
+ case 'customer-service':
+ condition = pin.DEALER_TYPE_DESC.indexOf('Customer Service Centre') > -1;
+ break;
+
+ case 'head-office':
+ condition = pin.DEALER_TYPE_DESC.indexOf('Head office') > -1;
+ break;
+
+ default:
+ condition = false;
+ break;
+ }
+ } else {
+ switch (filter) {
+ case 'full-line':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('full line') > -1;
+ break;
+
+ case 'rental-leasing':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('leasing') > -1;
+ break;
+
+ case 'parts-service':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('parts & service') > -1;
+ break;
+
+ case 'parts-only':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('parts only') > -1;
+ break;
+
+ case 'satellite':
+ condition = pin.DEALER_TYPE_DESC.toLowerCase().indexOf('satellite') > -1;
+ break;
+
+ case 'premium-certified':
+ condition = pin.isCertifiedCenter;
+ break;
+
+ case 'certified-uptime':
+ condition = pin.isCertifiedUptimeCenter;
+ break;
+
+ default:
+ condition = false;
+ break;
+ }
+ }
+
+ return condition;
+};
+
+$.fn.tmpPins = function (tmpPinList) {
+ var pinIndex = 1;
+ var nearbyHtml = $('.nearby-pins').empty();
+ tmpPinList.forEach(function (pin) {
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+
+ var templateClone = $($('#nearbyPinDetails').clone(true).html());
+
+ templateClone.find('.teaser-top').attr('data-id', pin.IDENTIFIER_VALUE);
+ templateClone.find('.more').attr('data-id', pin.IDENTIFIER_VALUE);
+
+
+ var isOpen = $.fn.isOpen(pin);
+ var isOpenHtml = "";
+ if (isOpen.open && !isOpen.closeSoon) {
+ isOpenHtml = "Open till " + moment(isOpen.endTime).format("h:mm A");
+ } else if (isOpen.open && isOpen.closeSoon) {
+ isOpenHtml = "Closing soon";
+ } else {
+ isOpenHtml = "Closed";
+ }
+
+ templateClone.find('.heading p').text($.fn.camelCase(pin.COMPANY_DBA_NAME));
+ templateClone.find('.hours').text(isOpenHtml);
+ templateClone.find('.distance').text(pin.distance.toFixed(2) + ' mi');
+ templateClone.find('.address').text(pin.MAIN_ADDRESS_LINE_1_TXT);
+ templateClone.find('.city').text(pin.MAIN_CITY_NM + ', ' + pin.MAIN_STATE_PROV_CD + ' ' + pin.MAIN_POSTAL_CD);
+ templateClone.find('.phone').text($.fn.formatPhoneNumber(pin.REG_PHONE_NUMBER));
+ templateClone.find('.website a').text('Dealer Site');
+ templateClone.find('.call a').text('Call');
+ templateClone.find('.direction a').text('Direction');
+ templateClone.find('.website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+ templateClone.find('.call a').attr("href", $.fn.formatPhoneNumber(pin.REG_PHONE_NUMBER));
+ templateClone.find('.call').html('' + "Call" + '');
+ templateClone.find('.direction a').attr('data-id', pin.IDENTIFIER_VALUE);
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+
+ if (!$myDealer) {
+ $myDealer = { IDENTIFIER_VALUE: $.fn.getCookie('my-dealer') };
+ }
+
+ if ($myDealer.IDENTIFIER_VALUE == pin.IDENTIFIER_VALUE) {
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+
+ templateClone.find('#marker').css('width', 'auto');
+ templateClone.find('#marker').css('height', 'auto');
+ }
+ else {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer.svg";
+ }
+
+
+ marker.setIcon({
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ });
+
+ marker['pinIndex'] = pinIndex;
+
+
+
+ templateClone.find('#marker').attr('src', pinIcon);
+
+ pinIndex++;
+ }
+ }
+
+ $.fn.myDealer();
+
+ $("", {
+ 'html': templateClone,
+ 'click': function () {
+ },
+ 'mouseenter': function () {
+
+ $(this).click(function () {
+ $(this).attr('clicked', 'yes');
+ });
+
+ var details = $.fn.getPinById(marker.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(58, 80), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ },
+ 'mouseleave': function () {
+
+ if ($(this).attr('clicked') != 'yes') {
+
+ var details = $.fn.getPinById(marker.ID);
+
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ }
+
+ }
+ }).appendTo(nearbyHtml);
+
+ });
+};
+
+// Creates pin result item
+$.fn.filterNearbyPins = function () {
+
+ $assist = 0;
+ $full = 0;
+ $rental = 0;
+ $partsService = 0;
+ $parts = 0;
+ $premium = 0;
+ $uptime = 0;
+
+
+ // First get the full details of our locations
+ var tmpPinList = [];
+ var sorted = $.fn.sortedPins(isLocationOFF);
+
+ $nearbyPins.forEach(function (pin) {
+ tmpPinList.push($.grep(sorted, function (v, i) {
+ return v['IDENTIFIER_VALUE'] === pin;
+ })[0]);
+ });
+
+ tmpPinList.sort(function (a, b) {
+ return isLocationOFF
+ ? a.COMPANY_DBA_NAME.localeCompare(b.COMPANY_DBA_NAME)
+ : parseFloat(a.distance) - parseFloat(b.distance);
+ });
+ $("#filterUptime,#filterElectricDealer,#filterDealer").css("cursor", "pointer");
+ $('.no-dealer-text').hide();
+ $("#filterUptime,#filterElectricDealer,#filterDealer").css('background', '#000');
+ $("#filterElectricDealerMobile,#filterDealerMobile,#filterUptimeMobile").css('background', '#000');
+ $("#filterUptime,#filterElectricDealer,#filterDealer").removeData("toggled");
+ $("#filterElectricDealerMobile,#filterDealerMobile,#filterUptimeMobile").removeData("toggled");
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterUptime').style.pointerEvents = 'auto';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'auto';
+
+ $("#filterUptime, #filterUptimeMobile ").unbind().bind("click", function (e) {
+ e.preventDefault();
+ var tmpPinList2 = [];
+ var toggled = $(this).data('toggled');
+ $(this).data('toggled', !toggled);
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').hide();
+ var filteredArray = tmpPinList.filter(function (item) {
+ return item.isCertifiedUptimeCenter == true || (item.isCertifiedUptimeCenter == true && (item.services && Object.values(item.services).includes('Mack Certified EV Dealer')));
+ });
+ if (filteredArray.length == 0) {
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').show();
+ }
+ var newList = [];
+ var pins = [];
+ pins = $pins;
+ if (pins) {
+ jQuery.grep(pins, function (el) {
+ if (jQuery.inArray(el, filteredArray) == -1) newList.push(el);
+ });
+ }
+ if (!toggled) {
+ $(this).css('background', '#484a4e');
+ tmpPinList2 = filteredArray;
+ $.fn.tmpPins(tmpPinList2);
+
+ newList.forEach(function (pin) {
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap(null);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'none';
+ document.getElementById('filterDealer').style.pointerEvents = 'none';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('dealer-tag').setAttribute("title", $hoverText);
+ document.getElementById('electric-tag').setAttribute("title", $hoverText);
+ }
+ else {
+ $(this).css('background', '#000');
+ $('.no-dealer-text').hide();
+ $.fn.tmpPins(tmpPinList);
+ newList.forEach(function (pin) {
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap($map);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('dealer-tag').removeAttribute("title", $hoverText);
+ document.getElementById('electric-tag').removeAttribute("title", $hoverText);
+ }
+ return false;
+ });
+
+ $("#filterElectricDealer, #filterElectricDealerMobile ").unbind().bind("click", function (e) {
+ e.preventDefault();
+ var tmpPinList3 = [];
+ var toggled = $(this).data('toggled');
+ $(this).data('toggled', !toggled);
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').hide();
+ var filteredDealerArray = tmpPinList.filter(function (item) {
+ return (item.services && Object.values(item.services).includes('Mack Certified EV Dealer'));
+
+ });
+ if (filteredDealerArray.length == 0) {
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').show();
+ }
+ var newList = [];
+ var pins = [];
+ pins = $pins;
+ if (pins) {
+ jQuery.grep(pins, function (el) {
+ if (jQuery.inArray(el, filteredDealerArray) == -1) newList.push(el);
+ });
+ }
+ if (!toggled) {
+ $(this).css('background', '#484a4e');
+ tmpPinList3 = filteredDealerArray;
+ $.fn.tmpPins(tmpPinList3);
+ newList.forEach(function (pin) {
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap(null);
+ }
+ }
+ });
+ document.getElementById('filterDealer').style.pointerEvents = 'none';
+ document.getElementById('filterUptime').style.pointerEvents = 'none';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'none';
+ document.getElementById('dealer-tag').setAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').setAttribute("title", $hoverText);
+ }
+ else {
+ $(this).css('background', '#000');
+ $('.no-dealer-text').hide();
+ $.fn.tmpPins(tmpPinList);
+ newList.forEach(function (pin) {
+
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap($map);
+ }
+ }
+ });
+ document.getElementById('filterDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterUptime').style.pointerEvents = 'auto';
+ document.getElementById('filterDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'auto';
+ document.getElementById('dealer-tag').removeAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').removeAttribute("title", $hoverText);
+ }
+ return false;
+ });
+
+ $("#filterDealer, #filterDealerMobile ").unbind().bind("click", function (e) {
+ e.preventDefault();
+ var tmpPinList4 = [];
+ var toggled = $(this).data('toggled');
+ $(this).data('toggled', !toggled);
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').hide();
+ var filteredDealerArray = tmpPinList.filter(function (item) {
+ return ((item.services == undefined) || (item.isCertifiedUptimeCenter == undefined && (item.services && Object.values(item.services).includes('Mack Certified EV Dealer'))) || (item.isCertifiedUptimeCenter == undefined && (item.services && !Object.values(item.services).includes('Mack Certified EV Dealer'))));
+ });
+ if (filteredDealerArray.length == 0) {
+ $('.nearby-pins').empty();
+ $('.no-dealer-text').show();
+ }
+ var newList = [];
+ var pins = [];
+ pins = $pins;
+ if (pins) {
+ jQuery.grep(pins, function (el) {
+ if (jQuery.inArray(el, filteredDealerArray) == -1) newList.push(el);
+ });
+ }
+ if (!toggled) {
+ $(this).css('background', '#484a4e');
+ tmpPinList4 = filteredDealerArray;
+ $.fn.tmpPins(tmpPinList4);
+
+ newList.forEach(function (pin) {
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap(null);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'none';
+ document.getElementById('filterUptime').style.pointerEvents = 'none';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'none';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'none';
+ document.getElementById('electric-tag').setAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').setAttribute("title", $hoverText);
+ }
+ else {
+ $(this).css('background', '#000');
+ $('.no-dealer-text').hide();
+ $.fn.tmpPins(tmpPinList);
+ newList.forEach(function (pin) {
+
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+ marker.setMap($map);
+ }
+ }
+ });
+ document.getElementById('filterElectricDealer').style.pointerEvents = 'auto';
+ document.getElementById('filterUptime').style.pointerEvents = 'auto';
+ document.getElementById('filterElectricDealerMobile').style.pointerEvents = 'auto';
+ document.getElementById('filterUptimeMobile').style.pointerEvents = 'auto';
+ document.getElementById('electric-tag').removeAttribute("title", $hoverText);
+ document.getElementById('uptime-tag').removeAttribute("title", $hoverText);
+ }
+ return false;
+ });
+
+
+ $.fn.tmpPins(tmpPinList);
+
+ if ($(window).width() <= 768) {
+ $('.panel-footer').html(' Certified Uptime Dealer');
+ } else {
+ $('.panel-footer').html('Showing ' + $nearbyPins.length + ' locations');
+
+ if ($isAsist) {
+ $('.panel-footer').html('Showing ' + $nearbyPins.length + ' ' + ($brandOptionSelected == "dual" ? "" : $brandOptionSelected) + ' locations');
+ }
+
+ }
+
+ $('.loading-overlay').css('display', 'none');
+};
+
+$.fn.selectNearbyPins = function () {
+
+ var nearbyHtml = $('.nearby-pins-select').empty();
+
+ // First get the full details of our locations
+ var tmpPinList = [];
+ var sorted = $.fn.sortedPins();
+
+ $nearbyPins.forEach(function (pin) {
+ tmpPinList.push($.grep(sorted, function (v, i) {
+ return v['IDENTIFIER_VALUE'] === pin;
+ })[0]);
+ });
+
+ tmpPinList.sort(function (a, b) {
+ return parseFloat(a.distance) - parseFloat(b.distance);
+ });
+
+ var pinIndex = 1;
+ // then iterate over them
+ tmpPinList.forEach(function (pin) {
+
+ if (!$.fn.showPin(pin)) {
+ return true;
+ }
+
+ var templateClone = $($('#nearbyPinDetails').clone(true).html());
+
+ templateClone.find('.panel-container').parent().attr('data-id', pin.IDENTIFIER_VALUE);
+
+
+ var isOpen = $.fn.isOpen(pin);
+ var isOpenHtml = "";
+ if (isOpen.open && !isOpen.closeSoon) {
+ isOpenHtml = "Open till " + moment(isOpen.endTime).format("h:mm A");
+ } else if (isOpen.open && isOpen.closeSoon) {
+ isOpenHtml = "Closing soon";
+ } else {
+ isOpenHtml = "Closed";
+ }
+
+
+ templateClone.find('.heading p').text($.fn.camelCase(pin.COMPANY_DBA_NAME));
+ templateClone.find('.hours').text(isOpenHtml);
+ templateClone.find('.distance').text(pin.distance.toFixed(2) + ' mi');
+ templateClone.find('.address').text(pin.MAIN_ADDRESS_LINE_1_TXT);
+ templateClone.find('.city').text(pin.MAIN_CITY_NM + ', ' + pin.MAIN_STATE_PROV_CD + ' ' + pin.MAIN_POSTAL_CD);
+ templateClone.find('.phone').text($.fn.formatPhoneNumber(pin.REG_PHONE_NUMBER));
+ templateClone.find('.website a').text('Dealer Site');
+ templateClone.find('.website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-website a').attr("href", $.fn.formatWebAddress(pin.WEB_ADDRESS));
+ templateClone.find('.detail-call').html('' + '' + "Call" + '');
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == pin.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+
+ if (!$myDealer) {
+ $myDealer = { IDENTIFIER_VALUE: $.fn.getCookie('my-dealer') };
+ }
+
+ if ($myDealer.IDENTIFIER_VALUE == pin.IDENTIFIER_VALUE) {
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+ }
+ else {
+ var details = $.fn.getPinById(pin.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/uptime.svg";
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ pinIcon = "/blocks/v2-dealer-locator/images/uptime-electric.svg";
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer-electric.svg";
+ }
+ else {
+ var pinIcon = "/blocks/v2-dealer-locator/images/dealer.svg";
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ marker['pinIndex'] = pinIndex;
+
+ templateClone.find('#marker').attr('src', pinIcon);
+ templateClone.find('#marker').css('width', '31px');
+ templateClone.find('#marker').css('height', '43px');
+
+ pinIndex++;
+ }
+ }
+
+ $.fn.myDealer();
+
+ $("", {
+ 'html': templateClone,
+ 'click': function () {
+ },
+ 'mouseenter': function () {
+
+ $(this).click(function () {
+ $(this).attr('clicked', 'yes');
+ });
+
+ var details = $.fn.getPinById(marker.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ },
+ 'mouseleave': function () {
+
+ if ($(this).attr('clicked') != 'yes') {
+
+ var details = $.fn.getPinById(marker.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ marker.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ }
+
+ }
+ }).appendTo(nearbyHtml);
+
+ });
+
+ if ($(window).width() <= 768) {
+ $('.panel-footer').html(' Certified Uptime Dealer');
+ } else {
+ $('.panel-footer').html('Showing ' + $nearbyPins.length + ' locations');
+ }
+
+
+};
+
+$.fn.getDistanceInKm = function ($b) {
+
+ if (!$location) {
+ return 0;
+ }
+
+ $R = 6371; // Radius of the earth in km
+ $dLat = $.fn.deg2rad($b[0] - $location[0]); // deg2rad below
+ $dLon = $.fn.deg2rad($b[1] - $location[1]);
+ $a =
+ Math.sin($dLat / 2) * Math.sin($dLat / 2) +
+ Math.cos($.fn.deg2rad($location[0])) * Math.cos($.fn.deg2rad($b[0])) *
+ Math.sin($dLon / 2) * Math.sin($dLon / 2);
+ $c = 2 * Math.atan2(Math.sqrt($a), Math.sqrt(1 - $a));
+ $d = $R * $c; // Distance in km
+ return $d;
+};
+
+$.fn.deg2rad = function ($deg) {
+ return $deg * (Math.PI / 180);
+};
+
+$.fn.getTimezone = function (dealerId) {
+
+ var time = Date.now();
+
+ var dealerLength = $dealers.length;
+ var dealer = null;
+ for (var i = 0; i < dealerLength; i++) {
+
+ if ($dealers[i].IDENTIFIER_VALUE == dealerId) {
+
+ dealer = $dealers[i];
+ break;
+ }
+ }
+
+ if (!dealer.timezone) {
+
+ $.ajax({
+
+ url: "https://maps.googleapis.com/maps/api/timezone/json?location=" + dealer.MAIN_LATITUDE + "," + dealer.MAIN_LONGITUDE + "×tamp=" + Math.floor(time / 1000) + '&key=' + $key,
+ type: "GET",
+ success: function (data) {
+ dealer.hourOffset = (data.rawOffset + data.dstOffset) / 60 / 60;
+ dealer.timezone = data.timeZoneId;
+ $.fn.isCurrentlyOpen(dealer);
+ }
+ });
+ } else {
+
+ $.fn.isCurrentlyOpen(dealer);
+ }
+};
+
+// Fires when a client types a location manually
+$.fn.setAddress2 = function () {
+
+ address2 = $('#location2').val();
+
+
+ if (!address2) {
+ return null;
+ }
+
+ $geocoder = new google.maps.Geocoder;
+ $geocoder = new google.maps.Geocoder;
+ $geocoder.geocode({ 'address': address2 }, function (results, status) {
+ if (!results || results.length == 0) {
+ $('.waiting-overlay').css('display', 'block');
+ console.log("results not found");
+ }
+ else {
+ $('.waiting-overlay').css('display', 'none');
+ $map.viewtype = (results[0].types[0]);
+ var ne = results[0].geometry.viewport.getNorthEast();
+ var sw = results[0].geometry.viewport.getSouthWest();
+ $map.fitBounds(results[0].geometry.viewport);
+
+ position = results[0].geometry.location;
+
+ var pos = {
+ lat: position.lat(),
+ lng: position.lng()
+ };
+
+ $location = [
+ position.lat(),
+ position.lng()
+ ];
+
+
+ if (!$me) {
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+
+ }
+
+
+ $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+
+ if (!$radius) {
+
+ if (!$isAsist) {
+ $radius = new google.maps.Circle({
+ strokeColor: '#2c6ba4',
+ strokeOpacity: 0.5,
+ strokeWeight: 2,
+ fillColor: '#2c6ba4',
+ fillOpacity: 0.15,
+ map: $map,
+ center: pos,
+ radius: $.fn.milesInMeters($('#range').val())
+ });
+ }
+
+ $('.loading-overlay').css('display', 'block');
+
+ // Load pins into client cache
+ $.fn.loadPins();
+
+ // Sort pins by distance (miles)
+ $.fn.sortedPins();
+ } else {
+ $radius.setCenter({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+ $.fn.filterRadius();
+ }
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+ $('.waiting-overlay').css('display', 'none');
+
+ }
+ });
+};
+
+$.fn.setAddress = function () {
+
+ if ($(window).width() < 992) {
+ address = address2;
+ }
+ address = $('#location').val();
+ if (!address) {
+ return null;
+ }
+
+ $geocoder = new google.maps.Geocoder;
+ $geocoder.geocode({ 'address': address }, function (results, status) {
+ if (!results || results.length == 0) {
+ $('.waiting-overlay').css('display', 'block');
+ console.log("results not found");
+ }
+ else {
+ $('.waiting-overlay').css('display', 'none');
+ $map.viewtype = (results[0].types[0]);
+ var ne = results[0].geometry.viewport.getNorthEast();
+ var sw = results[0].geometry.viewport.getSouthWest();
+ $map.fitBounds(results[0].geometry.viewport);
+
+ position = results[0].geometry.location;
+
+ var pos = {
+ lat: position.lat(),
+ lng: position.lng()
+ };
+
+ $location = [
+ position.lat(),
+ position.lng()
+ ];
+
+
+ if (!$me) {
+ $pin = {
+ url: $meIcon,
+ // This marker is 20 pixels wide by 32 pixels high.
+ size: new google.maps.Size(100, 100),
+
+ scaledSize: new google.maps.Size(30, 30),
+
+ // The origin for this image is (0, 0).
+ origin: new google.maps.Point(0, 0),
+
+ // The anchor for this image is the base of the flagpole at (0, 32).
+ anchor: new google.maps.Point(30, 30)
+ };
+
+ $me = new google.maps.Marker({
+ position: { lat: $location[0], lng: $location[1] },
+ title: 'ME',
+ map: $map,
+ zIndex: 0,
+ icon: $pin
+ });
+
+ $me.setZIndex(0);
+
+ }
+
+
+ $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+
+ if (!$radius) {
+
+ if (!$isAsist) {
+ $radius = new google.maps.Circle({
+ strokeColor: '#2c6ba4',
+ strokeOpacity: 0.5,
+ strokeWeight: 2,
+ fillColor: '#2c6ba4',
+ fillOpacity: 0.15,
+ map: $map,
+ center: pos,
+ radius: $.fn.milesInMeters($('#range').val())
+ });
+ }
+
+ $('.loading-overlay').css('display', 'block');
+
+ // Load pins into client cache
+ $.fn.loadPins();
+
+ // Sort pins by distance (miles)
+ $.fn.sortedPins();
+ } else {
+ $radius.setCenter({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+ $.fn.filterRadius();
+ }
+
+ // Set default sidebar pane
+ $.fn.switchSidebarPane('sidebar-pins');
+
+ }
+ });
+};
+
+// Handles geolocation
+$.fn.setLocation = function (e) {
+ if (navigator.geolocation) {
+
+ navigator.geolocation.getCurrentPosition(function (position) {
+
+ var pos = {
+ lat: position.coords.latitude,
+ lng: position.coords.longitude
+ };
+
+ $location = [
+ position.coords.latitude,
+ position.coords.longitude
+ ];
+
+ $map.setCenter(pos);
+ $map.setZoom(8);
+ if ($me) $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+ if (!$radius) {
+
+ if (!$isAsist) {
+ $radius = new google.maps.Circle({
+ strokeColor: '#2c6ba4',
+ strokeOpacity: 0.5,
+ strokeWeight: 2,
+ fillColor: '#2c6ba4',
+ fillOpacity: 0.15,
+ map: $map,
+ center: pos,
+ radius: $.fn.milesInMeters($('#range').val())
+ });
+ }
+ } else {
+
+ $me.setPosition({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+ $radius.setCenter({ lat: parseFloat(pos.lat), lng: parseFloat(pos.lng) });
+
+ $.fn.filterRadius();
+
+ }
+
+ var address;
+
+ var latlng = new google.maps.LatLng(pos.lat, pos.lng);
+ $geocoder.geocode({ 'latLng': latlng }, function (results, status) {
+ if (status == google.maps.GeocoderStatus.OK) {
+
+ if (results[6]) {
+ address = results[0].formatted_address;
+ }
+ else if (results[0]) {
+ address = results[5].formatted_address;
+ }
+ else {
+ console.log('no results found');
+ }
+
+ if (address) {
+
+ $('.sidebar #location').val(address);
+ $currentAddress = address;
+ $('#location2').val(address);
+ $currentAddress = address;
+ }
+
+ } else {
+ console.log('geocode failed due to: ' + status);
+ }
+ });
+
+ }, function () {
+
+ console.log('error with navigator');
+ $.fn.handleLocationError(true);
+
+ const waiting = $location ? 'none' : 'block';
+ $('.waiting-overlay').css('display', waiting);
+ });
+ } else {
+ // Browser doesn't support Geolocation
+
+ console.log('could not determine location');
+
+ $.fn.handleLocationError(false);
+
+ }
+};
+
+$.fn.currentFilter = function () {
+
+ $current = $('#filter-options input:checked').first();
+
+ if ($current.get(0) !== undefined) {
+
+ return $('#filter-options input:checked').first().attr('id');
+
+ }
+
+ return "";
+};
+
+$.fn.currentFilterHumanReadable = function () {
+
+ $current = $('#filter-options input:checked').first();
+
+ if ($current.get(0) !== undefined) {
+
+ return $('#filter-options input:checked').first().attr('value');
+
+ }
+
+ return "";
+};
+
+$.fn.setMyDealer = function (dealer) {
+ $eventData = {
+ dealer: '',
+ dealerName: '',
+ dealerHours: {},
+ dealerNumber: ''
+ };
+
+ if (dealer) {
+
+ $myDealer = dealer;
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == dealer.IDENTIFIER_VALUE) {
+
+ marker = $markers[i];
+
+ }
+ }
+
+
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+
+ marker.setIcon(pinIcon);
+
+ $myDealer.marker = marker;
+
+ var hours = {};
+
+ if ($myDealer.hours.Parts) {
+ hours = $myDealer.hours.Parts;
+ }
+
+ if ($.isEmptyObject(hours) && $myDealer.hours.Service) {
+ hours = $myDealer.hours.Service;
+ }
+
+ if ($.isEmptyObject(hours) && $myDealer.hours.Leasing) {
+ hours = $myDealer.hours.Leasing;
+ }
+
+ $eventData.dealer = $myDealer.IDENTIFIER_VALUE;
+ $eventData.dealerName = $myDealer.COMPANY_DBA_NAME;
+ $eventData.dealerHours = hours;
+ $eventData.dealerNumber = $myDealer.REG_PHONE_NUMBER;
+
+ $.fn.setCookie('my-dealer', $myDealer.IDENTIFIER_VALUE, 365 * 10);
+ $.fn.setCookie('my-dealer-name', $myDealer.COMPANY_DBA_NAME, 365 * 10);
+ $.fn.setCookie('my-dealer-hours', JSON.stringify(hours), 365 * 10);
+ $.fn.setCookie('my-dealer-number', $myDealer.REG_PHONE_NUMBER, 365 * 10);
+ $.fn.setCookie('my-dealer-coords', $myDealer.MAIN_LATITUDE + ',' + $myDealer.MAIN_LONGITUDE, 365 * 10);
+
+ $.fn.setCookie('my-dealer-city', $myDealer.MAIN_ADDRESS_LINE_1_TXT, 365 * 10);
+ $.fn.setCookie('my-dealer-city', $myDealer.MAIN_ADDRESS_LINE_2_TXT, 365 * 10);
+ $.fn.setCookie('my-dealer-city', $myDealer.MAIN_CITY_NM, 365 * 10);
+ $.fn.setCookie('my-dealer-state', $myDealer.MAIN_STATE_PROV_CD, 365 * 10);
+ $.fn.setCookie('my-dealer-zip', $myDealer.MAIN_POSTAL_CD, 365 * 10);
+
+ $html.attr('data-dealer', $myDealer.IDENTIFIER_VALUE);
+
+ $.fn.filterRadius();
+
+ } else {
+
+ $.fn.deleteCookie('my-dealer');
+ $.fn.deleteCookie('my-dealer-name');
+ $.fn.deleteCookie('my-dealer-hours');
+ $.fn.deleteCookie('my-dealer-number');
+ $.fn.deleteCookie('my-dealer-coords');
+
+ $myDealer = null;
+
+ $html.attr('data-dealer', '');
+
+ }
+
+ $dealerEvent = new CustomEvent('my-dealer', { detail: $eventData });
+ window.dispatchEvent($dealerEvent);
+
+};
+
+$.fn.myDealer = function () {
+
+ var dealer = $.fn.getCookie('my-dealer');
+
+ var marker;
+ for (i = 0; i < $markers.length; i++) {
+
+ if ($markers[i].id == dealer) {
+
+ var pinIcon = $.fn.drawPin('', 43, 63, '328E04');
+
+ $markers[i].setIcon(pinIcon);
+
+ marker = $markers[i];
+
+ }
+ }
+
+ return marker;
+
+};
+
+$.fn.drawPin = function (text, width, height, color) {
+
+ if (!text) {
+ text = '';
+ }
+
+ // my dealer color for mack
+ if (color == '328E04' && $.fn.isMack()) {
+ //color = '85754d'; // 328E04
+ }
+
+ // uptime center color for mack
+ if (color == '3F62A5' && $.fn.isMack()) {
+ color = '85754d';
+ }
+
+ return 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22' + width + '%22%20height%3D%22' + height + '%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cpath%20fill%3D%22%23' + color + '%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%22.5%22%20d%3D%22M34.305%2016.234c0%208.83-15.148%2019.158-15.148%2019.158S3.507%2025.065%203.507%2016.1c0-8.505%206.894-14.304%2015.4-14.304%208.504%200%2015.398%205.933%2015.398%2014.438z%22%2F%3E%3Ctext%20transform%3D%22translate%2819%2018.5%29%22%20fill%3D%22%23fff%22%20style%3D%22font-family%3A%20Arial%2C%20sans-serif%3Bfont-weight%3Abold%3Btext-align%3Acenter%3B%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%3E' + text + '%3C%2Ftext%3E%3C%2Fsvg%3E';
+};
+
+$.fn.handleLocationError = function (browserHasGeolocation, infoWindow, pos) {
+
+ if (!browserHasGeolocation) {
+ alert('Error: Your browser doesn\'t support geolocation.');
+ } else {
+ console.log('%cError:%c The Geolocation service failed. Check your browser if Geolocation is enabled.'
+ , 'color: white; font-weight: bold; background-color: red', 'color: default; font-weight: normal;');
+ // sort pins Alphabetically by Brand Name if Geolocation is disabled
+ isLocationOFF = true;
+ $('.loading-overlay').css('display', 'none');
+ $('.waiting-overlay').css('display', 'block');
+ }
+
+};
+
+$.fn.camelCase = function (str) {
+ return str.toLowerCase().replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
+};
+
+$.fn.formatPhoneNumber = function (str) {
+ return str.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");
+}
+
+$.fn.formatWebAddress = function (str) {
+ var prefix = 'http://';
+ if (str.substr(0, prefix.length) !== prefix) {
+ return prefix + str.toLowerCase();
+ }
+ return str.toLowerCase();
+}
+
+$.fn.clearDirections = function () {
+
+ $.fn.directionsMessage();
+
+ $directionResults = null;
+ $directionsDisplay.setMap(null);
+
+ $directionsObject = null;
+ $wayPoints = [];
+};
+
+$.fn.getCurrentRouteTimeInHours = function () {
+
+ $currentRoute = null;
+ $currentTime = null;
+
+ if ($directionResults) {
+
+ if ($directionResults.routes && $directionResults.routes.length == 1) {
+
+ $currentRoute = $directionResults.routes[0];
+
+ } else if ($directionResults.routes && $directionResults.routes.length > 1) {
+
+ $referencePoint = $('.adp-listsel').first();
+ $currentRoute = $directionResults.routes[$referencePoint.attr('data-route-index')];
+ }
+ }
+
+ if ($currentRoute) {
+
+ $currentTime = $currentRoute.legs[0].duration.value / 60 / 60;
+ }
+
+ return $currentTime;
+};
+
+$.fn.wayPointArray = function () {
+
+ var waypoints = [];
+ var waypointLength = $wayPoints.length;
+
+ for (var wayPoint in $wayPoints) {
+
+ if ($wayPoints.hasOwnProperty(wayPoint)) {
+
+ waypoints.push($wayPoints[wayPoint].point);
+
+ }
+
+ }
+
+ return waypoints;
+};
+
+$.fn.directionsMessage = function (message) {
+
+ if (!message) {
+ $directionsMessage.html('');
+ } else {
+ $directionsMessage.html(message);
+ }
+};
+
+$.fn.getUrlParameter = function (sParam) {
+ var sPageURL = window.location.search.substring(1),
+ sURLVariables = sPageURL.split('&'),
+ sParameterName,
+ i;
+
+ for (i = 0; i < sURLVariables.length; i++) {
+ sParameterName = sURLVariables[i].split('=');
+
+ if (sParameterName[0] === sParam) {
+ return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
+ }
+ }
+};
+
+$.fn.snackbar = function (message) {
+
+ // Get the snackbar DIV
+ var x = document.getElementById("locator-snackbar");
+
+ x.innerHTML = message;
+
+ // Add the "show" class to DIV
+ x.className = "show";
+
+ // After 3 seconds, remove the show class from DIV
+ setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000);
+
+};
+
+$.fn.isMack = function () {
+
+ if ($.fn.brand() == 'mack') {
+
+ return true;
+
+ }
+
+ return false;
+
+};
+
+$.fn.isVolvo = function () {
+
+ if ($.fn.brand() == 'volvo') {
+
+ return true;
+
+ }
+
+ return false;
+
+};
+
+$.fn.brand = function () {
+
+ if ($html.is('[data-brand]')) {
+
+ return $html.attr('data-brand');
+
+ }
+
+ return '';
+
+};
+
+$.fn.copyToClipboard = function (text) {
+
+ if (typeof text != "string") {
+ text = $(text).attr('data-clipboard');
+ }
+
+ var textArea = document.createElement("textarea");
+
+ // Place in top-left corner of screen regardless of scroll position.
+ textArea.style.position = 'fixed';
+ textArea.style.bottom = '0';
+ textArea.style.left = '0';
+
+ // Ensure it has a small width and height. Setting to 1px / 1em
+ // doesn't work as this gives a negative w/h on some browsers.
+ textArea.style.width = '2em';
+ textArea.style.height = '2em';
+
+ // We don't need padding, reducing the size if it does flash render.
+ textArea.style.padding = '0';
+
+ // Clean up any borders.
+ textArea.style.border = 'none';
+ textArea.style.outline = 'none';
+ textArea.style.boxShadow = 'none';
+
+ // Avoid flash of white box if rendered for any reason.
+ textArea.style.background = 'transparent';
+
+ textArea.value = text;
+
+ document.body.appendChild(textArea);
+ textArea.focus();
+ textArea.select();
+
+ var result = false;
+
+ try {
+ var successful = document.execCommand('copy');
+
+ $.fn.snackbar('Copied to clipboard.');
+
+ result = successful ? true : false;
+
+ } catch (err) {
+ result = false;
+ }
+
+ document.body.removeChild(textArea);
+
+ return result;
+
+};
+
+$.fn.registration = function (evt) {
+
+ var dealerId = $(evt).attr("data-dealerid");
+ var dealerZipcode = $(evt).attr("data-postalcode");
+ var dealerEmail = $(evt).attr("data-dealeremail");
+ var dealerName = $(evt).attr("data-name");
+ var dealerFormTemplate = $($eloquaFormHTML).clone();
+
+ $(".partsasist-form").toggle();
+ $('.partsasist-form h3').text(dealerName);
+
+ dealerFormTemplate.find('input[name="Dealercode"]').val(dealerId);
+ dealerFormTemplate.find('input[name="SelectedBrand"]').val($brandOptionSelected);
+ dealerFormTemplate.find('input[name="DealerPartsEmail"]').val(dealerEmail);
+ dealerFormTemplate.find('input[name="Postalcode"]').val(dealerZipcode);
+
+ $("#select-form").html(dealerFormTemplate.html());
+
+ $(".ajax").each(function () {
+ var frm = $(this);
+ var frmId = frm.attr("id");
+ $(this).find(".ajaxSitecoreEloquaSubmit").each(function () {
+
+ var redirectURL = "";
+
+ if ($("input[name='redirectURL']").length) {
+ redirectURL = ", '" + $("input[name='redirectURL']").val() + "'";
+ }
+
+ $(this).attr("href", "javascript:void(submitSitecoreEloquaForm('" + frmId + "'" + redirectURL + "));")
+ });
+ $(this).find(".ajaxEloquaSubmit").each(function () {
+
+ var redirectURL = "";
+
+ if ($jq1("input[name='redirectURL']").length) {
+ redirectURL = ", '" + $jq1("input[name='redirectURL']").val() + "'";
+ }
+
+ $(this).attr("href", "javascript:void(submitEloquaForm('" + frmId + "'" + redirectURL + "));")
+ });
+ });
+
+};
+
+$.fn.resetRegistration = function (evt) {
+ $(".partsasist-form").toggle();
+ $("#select-form").html("");
+ $('.partsasist-form h3').text("");
+};
+
+// Event listeners
+$('.go-back').on('click', function () {
+ $.fn.switchSidebarPane('sidebar-pins');
+
+ $wayPoints = [];
+ $('.nearby-select').empty();
+ $('.sidebar-content').removeClass("direction-content");
+ $('.sidebar-legend').css("display", "flex");
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+});
+$('.go-back-direction').on('click', function () {
+ $.fn.switchSidebarPane('sidebar-pins');
+ $wayPoints = [];
+ $('.nearby-select').empty();
+ $('.sidebar-content').removeClass("direction-content");
+ $('.sidebar-legend').css("display", "flex");
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+});
+
+$("#location").on('keyup', function (e) {
+ if (e.keyCode == 13) {
+ $.fn.setAddress();
+ }
+});
+$("#location2").on('keyup', function (e) {
+ if (e.keyCode == 13) {
+ $.fn.setAddress2();
+ }
+});
+
+$('#cancel').on('click', function () {
+
+ try {
+
+ var details = $.fn.getPinById($viewingPin.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ $viewingPin.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ } catch (e) {
+ // ignore
+ }
+ $('.nearby-pins').children().attr('clicked', '');
+});
+
+$('#cancel2').on('click', function () {
+
+ try {
+
+ var details = $.fn.getPinById($viewingPin.ID);
+ if (details.isCertifiedUptimeCenter) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/uptime-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ }
+ else if ($electricDealer === true || (details.services && Object.values(details.services).includes('Mack Certified EV Dealer'))) {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer-electric.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+ else {
+ var pinIcon = {
+ url: "/blocks/v2-dealer-locator/images/dealer.svg",
+ scaledSize: new google.maps.Size(17, 23), // scaled size
+ origin: new google.maps.Point(0, 0), // origin
+ anchor: new google.maps.Point(0, 0)
+ }
+ }
+
+ $viewingPin.setIcon(pinIcon);
+
+ $.fn.myDealer();
+
+ } catch (e) {
+ // ignore
+ }
+ $('.nearby-pins').children().attr('clicked', '');
+});
+
+$(window).on('resize', function () {
+ if ($(window).width() < 992) {
+ if ($(".direction-content")) {
+ $('.sidebar').css("overflow", "scroll");
+ $('.add-directions').text("Recalculate");
+ } else {
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+ }
+ } else {
+ $('.sidebar').css("overflow", "hidden");
+ $('.add-directions').text("Recalculate Directions");
+ }
+ if ($('#location').val()) {
+ $('#location2').val($('#location').val());
+ }
+ if ($('#location2').val()) {
+ $('#location').val($('#location2').val());
+ }
+
+});
+
+$(document).on('click', '.sidebar-content #filter-options input[type="checkbox"]', function (e) {
+
+ $clicked = $(this);
+
+ if ($('.sidebar-content #filter-options input[type="checkbox"]:checked').length < 1) {
+ $clicked.prop('checked', true);
+ return;
+ }
+
+ $('.sidebar-content #filter-options input[type="checkbox"]').each(function (i) {
+
+ $filter = $(this);
+
+ if ($clicked.get(0) !== $filter.get(0)) {
+
+ $filter.prop('checked', false);
+
+ }
+
+ });
+
+ $.fn.filterRadius();
+});
+
+$(document).on('click', '.accordion', function (eventObject) {
+
+ $(this).next('.accordion-panel').slideToggle("slow");
+ $(this).find('.toggle-arrow').toggleClass('close');
+
+ document.getElementById("share-link").select();
+
+
+});
+
+$(document).on('click', '#set-dealer', function (eventObject) {
+ console.log("inside set dealer");
+ var pinId = $(this).attr('data-pin');
+
+ var pin = $.fn.getPinById(pinId);
+
+ $.fn.setMyDealer(pin);
+
+ $(this).find('#set-dealer').html('');
+
+});
+
+$(document).on('click', '#print', function (eventObject) {
+
+ var divToPrint = $(this).parents('.directions-panel').find('#directions-container');
+
+ var newWin = window.open('', 'Print Window');
+
+ newWin.document.open();
+
+ newWin.document.write('' + divToPrint.html() + '');
+
+ newWin.document.close();
+
+ setTimeout(function () { newWin.close(); }, 10);
+
+});
+
+$.fn.initGoogleMaps();//entry point to dealer locator
+ Website
+ Directions
+
+ 
+
+ 
+ 
+
+ 
+ Dealer
+ 
Certified Uptime Dealer
+ 
Certified Electric Dealer
+