Files
Gainsight/Custom_Templates/customer_templates/Douglas Elliman/_footer.html.liquid

247 lines
7.8 KiB
Plaintext

{% if current_person.signed_in? %}
<footer role="contentinfo" class="footer--main section-margin">
<div class="footer-bottom">
<div class="grid">
<div class="grid__inner">
<div
id="contact-us"
class="
grid__item grid__item--tablet-up-4
footer-bottom__links
text-center--mobile
"
style="padding-top: 10px"
>
<small
>Need help? Email
<a
class="side-navbar-item"
href="mailto:detraining@elliman.com"
style="font-size: 100% !important"
>detraining@elliman.com</a
></small
>
<!-- <a href="/">Courses</a>
<a href="#">Workshops</a>
<a href="/resources">Quick Links & Resources</a> -->
</div>
<div class="grid__item grid__item--tablet-up-2 text-center--mobile">
<div
class="responsive-svg footer-bottom__academy-logo--light"
style="padding-top: 10px"
>
<small
class="ui-inline-svg text-white"
aria-labelledby="inline-academy-logo--light-title"
>
&copy Douglas Elliman all rights reserved.
</small>
</div>
</div>
</div>
</div>
</div>
</footer>
{% else %}
<footer class="uk-padding-large-vertical uk-border-top">
<div class="uk-container uk-container-center">
<div class="uk-grid uk-padding-large-left uk-padding-large-right">
<div class="uk-width-small-1-1 uk-width-medium-7-10 uk-margin-bottom">
{% if website_footer.show_navigation_links? %}
<nav>
<ul class="uk-margin-bottom-remove uk-text-center-small">
{% for website_navigation in footer_navigations %}
<li>
<a
href="{{ website_navigation.path }}"
{%
if
website_navigation.external?
%}
target="_blank"
{%
endif
%}
>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</nav>
{% endif %} {% if website_footer.show_customer_service_email? and
website_footer.school_customer_service_email %}
<p class="uk-text-center-small">
{% t .need_help %} {% t .email %}
<a href="mailto:{{ website_footer.school_customer_service_email }}">
{{ website_footer.school_customer_service_email }}
</a>
</p>
{% endif %}
</div>
<div
class="
{%
if
website_footer.show_customer_service_email?
or
website_footer.show_navigation_links?
%}uk-width-medium-3-10{%
else
%}uk-width-medium-1-1{%
endif
%}
"
>
{% if website_footer.show_social_media_links? %}
<nav class="social-links">
<ul
class="
uk-margin-bottom-remove
{%
if
website_footer.show_customer_service_email?
or
website_footer.show_navigation_links?
%}uk-text-right
{%
else
%}uk-text-center
{%
endif
%}
uk-text-center-small
"
>
{% for social_media_link in website_footer.social_media_links %}
<li>
<a
href="{{ social_media_link.link }}"
class="{{ social_media_link.name }}"
target="_blank"
title="{{ social_media_link.name }}"
>
<i class="uk-icon-{{ social_media_link.name }}"></i>
</a>
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
</div>
</div>
</div>
</footer>
{% endif %}
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"
></script>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
></script>
<script>
function hideCarouselIfEmpty() {
$(".slick-track").each(function () {
anyCourse = false;
$(this)
.children()
.each(function () {
if ($(this).css("display") == "block") {
anyCourse = true;
}
});
if (!anyCourse) {
$(this)
.parents()
.each(function () {
var parent = $(this);
if (parent.hasClass("single-carousel")) {
parent.css("display", "none");
parent.find(".show-more").css("display", "none");
}
if (parent.hasClass("test-carousel")) {
parent.find(".slick-dots").css("display", "none");
// parent.append("<p class='sainte-colombe-medium' style='padding-left: 20px;'>No courses in the category yet.");
}
});
}
});
}
window.onload = function () {
var openButton = document.getElementsByClassName(
"marketing-nav__hamburger"
)[0];
var closeButton = document.getElementsByClassName(
"drawer__close-button"
)[0];
var mobileNavOverlay = document.getElementsByClassName(
"mobile-nav__overlay"
)[0];
if (typeof openButton != "undefined" && openButton != null) {
openButton.addEventListener("click", function () {
document.body.classList.add("js-drawer-open");
});
closeButton.addEventListener("click", function () {
document.body.classList.remove("js-drawer-open");
});
mobileNavOverlay.addEventListener("click", function () {
document.body.classList.remove("js-drawer-open");
});
}
hideCarouselIfEmpty()
addSideMenuBar()
};
</script>
<style>
.arrow {
font-size: 10px;
}
.breadcrumbs {
font-size: 16px;
}
.breadcrumbs a {
color: #0061df;
}
.breadcrumbs p {
margin: 40px 0;
}
</style>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
></script>
<script>
function addSideMenuBar() {
var path = window.location.pathname;
var sideBar = '<div class="sidenav"> <a href="/" class="side-navbar-item euclid-circular-regular">Home</a> <a href="/my_courses" class="side-navbar-item euclid-circular-regular">My Courses</a> <a href="/training_events" class="side-navbar-item euclid-circular-regular">Training Calendar</a> <a href="/catalog?filter%5Bcategories_name%5D=Mandatory+Courses" class="side-navbar-item euclid-circular-regular">Mandatory Courses</a> <a href="/catalog" class="side-navbar-item euclid-circular-regular">Categories</a> <a href="/catalog" class="side-navbar-item euclid-circular-regular">All Courses</a> <a href="/catalog?filter%5Bcategories_name%5D=StudioPro" class="side-navbar-item euclid-circular-regular">StudioPro</a> <a href="/catalog?filter%5Bcategories_name%5D=On+Boarding" class="side-navbar-item euclid-circular-regular">On Boarding</a> <a href="#" class="side-navbar-item euclid-circular-regular">Quick Links<br> & Resources</a> <a href="#" class="side-navbar-item euclid-circular-regular">Contact Us</a> </div>'
if (path === "/my_courses" &&
document.body.innerHTML.search("Looks like you haven't signed up for any courses yet") > -1) {
$(".main-content").addClass("section-margin")
$(".main-content").after(sideBar)
$("#search_results_count").remove()
}
if (path.includes("search")) {
$(".main-content").addClass("section-margin")
$(".search").addClass("section-margin")
$("header").remove()
$(".main-content").after(sideBar)
}
}
</script>