3202 lines
120 KiB
JavaScript
3202 lines
120 KiB
JavaScript
//----------------------------------------------------/
|
||
//
|
||
// POLO - HTML5 Template
|
||
// Author: INSPIRO - Ardian Berisha
|
||
// Version: v5.9.6
|
||
// Update: January 28, 2020
|
||
//
|
||
//----------------------------------------------------/
|
||
//INSPIRO Global var
|
||
var INSPIRO = {},
|
||
$ = jQuery.noConflict();
|
||
(function($) {
|
||
"use strict";
|
||
// Predefined Global Variables
|
||
var $window = $(window),
|
||
$theme_color = "#2250fc",
|
||
//Main
|
||
$body = $("body"),
|
||
$bodyInner = $(".body-inner"),
|
||
$section = $("section"),
|
||
//Header
|
||
$topbar = $("#topbar"),
|
||
$header = $("#header"),
|
||
$headerCurrentClasses = $header.attr("class"),
|
||
//Logo
|
||
headerLogo = $("#logo"),
|
||
//Menu
|
||
$mainMenu = $("#mainMenu"),
|
||
$mainMenuTriggerBtn = $("#mainMenu-trigger a, #mainMenu-trigger button"),
|
||
$pageMenu = $(".page-menu"),
|
||
//Slider
|
||
$slider = $("#slider"),
|
||
$inspiroSlider = $(".inspiro-slider"),
|
||
$carousel = $(".carousel"),
|
||
/*Grid Layout*/
|
||
$gridLayout = $(".grid-layout"),
|
||
$gridFilter = $(".grid-filter"),
|
||
windowWidth = $window.width();
|
||
if ($gridFilter.length > 0) {
|
||
$gridFilter = $gridFilter;
|
||
} else {
|
||
$gridFilter = $(".page-grid-filter");
|
||
}
|
||
//Check if header exist
|
||
if ($header.length > 0) {
|
||
var $headerOffsetTop = $header.offset().top;
|
||
}
|
||
var Events = {
|
||
browser: {
|
||
isMobile: function() {
|
||
if (
|
||
navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)
|
||
) {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
};
|
||
//Settings
|
||
var Settings = {
|
||
isMobile: Events.browser.isMobile,
|
||
submenuLight: $header.hasClass("submenu-light") == true ? true : false,
|
||
menuIsOpen: false,
|
||
menuOverlayOpened: false
|
||
};
|
||
//Window breakpoints
|
||
$(window).breakpoints({
|
||
breakpoints: [
|
||
{
|
||
name: "xs",
|
||
width: 0
|
||
},
|
||
{
|
||
name: "sm",
|
||
width: 576
|
||
},
|
||
{
|
||
name: "md",
|
||
width: 768
|
||
},
|
||
{
|
||
name: "lg",
|
||
width: 1025
|
||
},
|
||
{
|
||
name: "xl",
|
||
width: 1200
|
||
}
|
||
]
|
||
});
|
||
var currentBreakpoint = $(window).breakpoints("getBreakpoint");
|
||
$body.addClass("breakpoint-" + currentBreakpoint);
|
||
$(window).bind("breakpoint-change", function(breakpoint) {
|
||
$body.removeClass("breakpoint-" + breakpoint.from);
|
||
$body.addClass("breakpoint-" + breakpoint.to);
|
||
});
|
||
$(window).breakpoints("greaterEqualTo", "lg", function() {
|
||
$body.addClass("b--desktop");
|
||
$body.removeClass("b--responsive");
|
||
});
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
$body.removeClass("b--desktop");
|
||
$body.addClass("b--responsive");
|
||
});
|
||
INSPIRO.core = {
|
||
functions: function() {
|
||
INSPIRO.core.scrollTop();
|
||
INSPIRO.core.rtlStatus();
|
||
INSPIRO.core.rtlStatusActivate();
|
||
INSPIRO.core.equalize();
|
||
INSPIRO.core.customHeight();
|
||
INSPIRO.core.darkTheme();
|
||
},
|
||
scrollTop: function() {
|
||
var $scrollTop = $("#scrollTop");
|
||
if ($scrollTop.length > 0) {
|
||
var scrollOffset = $body.attr("data-offset") || 400;
|
||
if ($window.scrollTop() > scrollOffset) {
|
||
if ($body.hasClass("frame")) {
|
||
$scrollTop.css({
|
||
bottom: "46px",
|
||
opacity: 1,
|
||
"z-index": 199
|
||
});
|
||
} else {
|
||
$scrollTop.css({
|
||
bottom: "26px",
|
||
opacity: 1,
|
||
"z-index": 199
|
||
});
|
||
}
|
||
} else {
|
||
$scrollTop.css({
|
||
bottom: "16px",
|
||
opacity: 0
|
||
});
|
||
}
|
||
$scrollTop.off("click").on("click", function() {
|
||
$("body,html")
|
||
.stop(true)
|
||
.animate(
|
||
{
|
||
scrollTop: 0
|
||
},
|
||
1000,
|
||
"easeInOutExpo"
|
||
);
|
||
return false;
|
||
});
|
||
}
|
||
},
|
||
rtlStatus: function() {
|
||
var $rtlStatusCheck = $("html").attr("dir");
|
||
if ($rtlStatusCheck == "rtl") {
|
||
return true;
|
||
}
|
||
return false;
|
||
},
|
||
rtlStatusActivate: function() {
|
||
if (INSPIRO.core.rtlStatus() == true) {
|
||
$("head").append(
|
||
'<link rel="stylesheet" type="text/css" href="css/rtl.css">'
|
||
);
|
||
}
|
||
},
|
||
equalize: function() {
|
||
var $equalize = $(".equalize");
|
||
if ($equalize.length > 0) {
|
||
$equalize.each(function() {
|
||
var elem = $(this),
|
||
selectorItem =
|
||
elem.find(elem.attr("data-equalize-item")) || "> div",
|
||
maxHeight = 0;
|
||
selectorItem.each(function() {
|
||
if ($(this).outerHeight(true) > maxHeight) {
|
||
maxHeight = $(this).outerHeight(true);
|
||
}
|
||
});
|
||
selectorItem.height(maxHeight);
|
||
});
|
||
}
|
||
},
|
||
customHeight: function(setHeight) {
|
||
var $customHeight = $(".custom-height");
|
||
if ($customHeight.length > 0) {
|
||
$customHeight.each(function() {
|
||
var elem = $(this),
|
||
elemHeight = elem.attr("data-height") || 400,
|
||
elemHeightLg = elem.attr("data-height-lg") || elemHeight,
|
||
elemHeightMd = elem.attr("data-height-md") || elemHeightLg,
|
||
elemHeightSm = elem.attr("data-height-sm") || elemHeightMd,
|
||
elemHeightXs = elem.attr("data-height-xs") || elemHeightSm;
|
||
|
||
function customHeightBreakpoint(setHeight) {
|
||
if (setHeight) {
|
||
elem = setHeight;
|
||
}
|
||
switch ($(window).breakpoints("getBreakpoint")) {
|
||
case "xs":
|
||
elem.height(elemHeightXs);
|
||
break;
|
||
case "sm":
|
||
elem.height(elemHeightSm);
|
||
break;
|
||
case "md":
|
||
elem.height(elemHeightMd);
|
||
break;
|
||
case "lg":
|
||
elem.height(elemHeightLg);
|
||
break;
|
||
case "xl":
|
||
elem.height(elemHeight);
|
||
break;
|
||
}
|
||
}
|
||
customHeightBreakpoint(setHeight);
|
||
$(window).resize(function() {
|
||
setTimeout(function() {
|
||
customHeightBreakpoint(setHeight);
|
||
}, 100);
|
||
});
|
||
});
|
||
}
|
||
},
|
||
darkTheme: function() {
|
||
var $darkElement = $("[data-dark-src]"),
|
||
$lightBtnTrigger = $("#light-mode"),
|
||
$darkBtnTrigger = $("#dark-mode"),
|
||
darkColorScheme = "darkColorScheme",
|
||
defaultDark = $body.hasClass("dark");
|
||
|
||
if (typeof Cookies.get(darkColorScheme) !== "undefined") {
|
||
$body.addClass("dark");
|
||
}
|
||
|
||
$darkBtnTrigger.on("click", function(e) {
|
||
darkElemSrc();
|
||
$body.addClass("dark");
|
||
INSPIRO.elements.shapeDivider();
|
||
Cookies.set(darkColorScheme, true, {
|
||
expires: Number(365)
|
||
});
|
||
});
|
||
|
||
$lightBtnTrigger.on("click", function(e) {
|
||
lightElemSrc();
|
||
$body.removeClass("dark");
|
||
INSPIRO.elements.shapeDivider();
|
||
Cookies.remove(darkColorScheme);
|
||
});
|
||
|
||
if ($body.hasClass("dark")) {
|
||
darkElemSrc();
|
||
}
|
||
|
||
function darkElemSrc() {
|
||
$darkElement.each(function() {
|
||
var elem = $(this),
|
||
elemOriginalSrc = elem.attr("src"),
|
||
elemDarkSrc = elem.attr("data-dark-src");
|
||
|
||
if (elemDarkSrc) {
|
||
elem.attr("data-original-src", elemOriginalSrc);
|
||
elem.attr("src", elemDarkSrc);
|
||
}
|
||
});
|
||
}
|
||
|
||
function lightElemSrc() {
|
||
$darkElement.each(function() {
|
||
var elem = $(this),
|
||
elemLightSrc = elem.attr("data-original-src");
|
||
|
||
if (elemLightSrc) {
|
||
elem.attr("src", elemLightSrc);
|
||
}
|
||
});
|
||
}
|
||
},
|
||
};
|
||
INSPIRO.header = {
|
||
functions: function() {
|
||
INSPIRO.header.logoStatus();
|
||
INSPIRO.header.stickyHeader();
|
||
INSPIRO.header.topBar();
|
||
INSPIRO.header.search();
|
||
INSPIRO.header.mainMenu();
|
||
INSPIRO.header.mainMenuOverlay();
|
||
INSPIRO.header.pageMenu();
|
||
INSPIRO.header.sidebarOverlay();
|
||
INSPIRO.header.dotsMenu();
|
||
INSPIRO.header.onepageMenu();
|
||
},
|
||
logoStatus: function(status) {
|
||
var headerLogoDefault = headerLogo.find($(".logo-default")),
|
||
headerLogoDark = headerLogo.find($(".logo-dark")),
|
||
headerLogoFixed = headerLogo.find(".logo-fixed"),
|
||
headerLogoResponsive = headerLogo.find(".logo-responsive");
|
||
|
||
if ($header.hasClass("header-sticky") && headerLogoFixed.length > 0) {
|
||
headerLogoDefault.css("display", "none");
|
||
headerLogoDark.css("display", "none");
|
||
headerLogoResponsive.css("display", "none");
|
||
headerLogoFixed.css("display", "block");
|
||
} else {
|
||
headerLogoDefault.removeAttr("style");
|
||
headerLogoDark.removeAttr("style");
|
||
headerLogoResponsive.removeAttr("style");
|
||
headerLogoFixed.removeAttr("style");
|
||
}
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
if (headerLogoResponsive.length > 0) {
|
||
headerLogoDefault.css("display", "none");
|
||
headerLogoDark.css("display", "none");
|
||
headerLogoFixed.css("display", "none");
|
||
headerLogoResponsive.css("display", "block");
|
||
}
|
||
});
|
||
},
|
||
stickyHeader: function() {
|
||
var elem = $(this),
|
||
shrinkHeader = elem.attr("data-shrink") || 0,
|
||
shrinkHeaderActive = elem.attr("data-sticky-active") || 200,
|
||
scrollOnTop = $window.scrollTop(),
|
||
darkClassRemoved;
|
||
|
||
if ($header.hasClass("header-modern")) {
|
||
shrinkHeader = 300;
|
||
}
|
||
|
||
$(window).breakpoints("greaterEqualTo", "lg", function() {
|
||
if (!$header.is(".header-disable-fixed")) {
|
||
if (scrollOnTop > $headerOffsetTop + shrinkHeader) {
|
||
$header.addClass("header-sticky");
|
||
if (scrollOnTop > $headerOffsetTop + shrinkHeaderActive) {
|
||
$header.addClass("sticky-active");
|
||
if (Settings.submenuLight) {
|
||
$header.removeClass("dark");
|
||
darkClassRemoved = true;
|
||
}
|
||
INSPIRO.header.logoStatus();
|
||
}
|
||
} else {
|
||
$header.removeClass().addClass($headerCurrentClasses);
|
||
INSPIRO.header.logoStatus();
|
||
}
|
||
}
|
||
});
|
||
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
if ($header.attr("data-responsive-fixed") == "true") {
|
||
if (scrollOnTop > $headerOffsetTop + shrinkHeader) {
|
||
$header.addClass("header-sticky");
|
||
if (scrollOnTop > $headerOffsetTop + shrinkHeaderActive) {
|
||
$header.addClass("sticky-active");
|
||
if (Settings.submenuLight) {
|
||
$header.removeClass("dark");
|
||
darkClassRemoved = true;
|
||
}
|
||
INSPIRO.header.logoStatus();
|
||
}
|
||
} else {
|
||
$header.removeClass().addClass($headerCurrentClasses);
|
||
INSPIRO.header.logoStatus();
|
||
}
|
||
}
|
||
});
|
||
},
|
||
//chkd
|
||
topBar: function() {
|
||
if ($topbar.length > 0) {
|
||
$("#topbar .topbar-dropdown .topbar-form").each(function(
|
||
index,
|
||
element
|
||
) {
|
||
if (
|
||
$window.width() - ($(element).width() + $(element).offset().left) <
|
||
0
|
||
) {
|
||
$(element).addClass("dropdown-invert");
|
||
}
|
||
});
|
||
}
|
||
},
|
||
search: function() {
|
||
var $search = $("#search");
|
||
if ($search.length > 0) {
|
||
var searchBtn = $("#btn-search"),
|
||
searchBtnClose = $("#btn-search-close"),
|
||
searchInput = $search.find(".form-control");
|
||
|
||
function openSearch() {
|
||
$body.addClass("search-open");
|
||
searchInput.focus();
|
||
}
|
||
|
||
function closeSearch() {
|
||
$body.removeClass("search-open");
|
||
searchInput.value = "";
|
||
}
|
||
searchBtn.on("click", function() {
|
||
openSearch();
|
||
return false;
|
||
});
|
||
searchBtnClose.on("click", function() {
|
||
closeSearch();
|
||
return false;
|
||
});
|
||
document.addEventListener("keyup", function(ev) {
|
||
if (ev.keyCode == 27) {
|
||
closeSearch();
|
||
}
|
||
});
|
||
}
|
||
},
|
||
mainMenu: function() {
|
||
if ($mainMenu.length > 0) {
|
||
var $menuItemLinks = $(
|
||
"#mainMenu nav > ul > li.dropdown > a, .dropdown-submenu > a, .dropdown-submenu > span, .page-menu nav > ul > li.dropdown > a"
|
||
),
|
||
$triggerButton = $("#mainMenu-trigger a, #mainMenu-trigger button"),
|
||
darkClassRemoved,
|
||
processing = false,
|
||
triggerEvent;
|
||
$triggerButton.on("click", function(e) {
|
||
var elem = $(this);
|
||
e.preventDefault();
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
var openMenu = function() {
|
||
if (!processing) {
|
||
processing = true;
|
||
Settings.menuIsOpen = true;
|
||
if (Settings.submenuLight) {
|
||
$header.removeClass("dark");
|
||
darkClassRemoved = true;
|
||
}
|
||
elem.addClass("toggle-active");
|
||
$body.addClass("mainMenu-open");
|
||
INSPIRO.header.logoStatus();
|
||
$mainMenu.animate(
|
||
{
|
||
"min-height": $window.height()
|
||
},
|
||
{
|
||
duration: 500,
|
||
easing: "easeInOutQuart",
|
||
start: function() {
|
||
setTimeout(function() {
|
||
$mainMenu.addClass("menu-animate");
|
||
}, 300);
|
||
},
|
||
complete: function() {
|
||
processing = false;
|
||
}
|
||
}
|
||
);
|
||
}
|
||
};
|
||
var closeMenu = function() {
|
||
if (!processing) {
|
||
processing = true;
|
||
Settings.menuIsOpen = false;
|
||
INSPIRO.header.logoStatus();
|
||
$mainMenu.animate(
|
||
{
|
||
"min-height": 0
|
||
},
|
||
{
|
||
start: function() {
|
||
$mainMenu.removeClass("menu-animate");
|
||
},
|
||
done: function() {
|
||
$body.removeClass("mainMenu-open");
|
||
elem.removeClass("toggle-active");
|
||
if (Settings.submenuLight && darkClassRemoved) {
|
||
$header.addClass("dark");
|
||
}
|
||
},
|
||
duration: 500,
|
||
easing: "easeInOutQuart",
|
||
complete: function() {
|
||
processing = false;
|
||
}
|
||
}
|
||
);
|
||
}
|
||
};
|
||
if (!Settings.menuIsOpen) {
|
||
triggerEvent = openMenu();
|
||
} else {
|
||
triggerEvent = closeMenu();
|
||
}
|
||
});
|
||
});
|
||
$menuItemLinks.on("click", function(e) {
|
||
$(this)
|
||
.parent("li")
|
||
.siblings()
|
||
.removeClass("hover-active");
|
||
$(this)
|
||
.parent("li")
|
||
.toggleClass("hover-active");
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
});
|
||
$body.on("click", function(e) {
|
||
$mainMenu.find(".hover-active").removeClass("hover-active");
|
||
});
|
||
/*invert menu fix*/
|
||
$(window).breakpoints("greaterEqualTo", "lg", function() {
|
||
var $menuLastItem = $("nav > ul > li:last-child"),
|
||
$menuLastItemUl = $("nav > ul > li:last-child > ul"),
|
||
$menuLastInvert = $menuLastItemUl.width() - $menuLastItem.width(),
|
||
$menuItems = $("nav > ul > li").find(".dropdown-menu");
|
||
$menuItems.css("display", "block");
|
||
$(".dropdown:not(.mega-menu-item) ul ul").each(function(
|
||
index,
|
||
element
|
||
) {
|
||
if (
|
||
$window.width() -
|
||
($(element).width() + $(element).offset().left) <
|
||
0
|
||
) {
|
||
$(element).addClass("menu-invert");
|
||
}
|
||
});
|
||
if (
|
||
$window.width() -
|
||
($menuLastItemUl.width() + $menuLastItem.offset().left) <
|
||
0
|
||
) {
|
||
$menuLastItemUl.addClass("menu-last");
|
||
}
|
||
$menuItems.css("display", "");
|
||
});
|
||
}
|
||
},
|
||
mainMenuOverlay: function() {
|
||
},
|
||
/*Page Menu*/
|
||
pageMenu: function() {
|
||
if ($pageMenu.length > 0) {
|
||
$pageMenu.each(function() {
|
||
$(this)
|
||
.find("#pageMenu-trigger")
|
||
.on("click", function() {
|
||
$pageMenu.toggleClass("page-menu-active");
|
||
$pageMenu.toggleClass("items-visible");
|
||
});
|
||
});
|
||
}
|
||
},
|
||
sidebarOverlay: function() {
|
||
var sidebarOverlay = $("#side-panel");
|
||
if (sidebarOverlay.length > 0) {
|
||
sidebarOverlay.css("opacity", 1);
|
||
$("#close-panel").on("click", function() {
|
||
$body.removeClass("side-panel-active");
|
||
$("#side-panel-trigger").removeClass("toggle-active");
|
||
});
|
||
}
|
||
|
||
|
||
var $sidepanel = $("#sidepanel"),
|
||
$sidepanelTrigger = $(".panel-trigger"),
|
||
sidepanelProcessing = false,
|
||
sidepanelEvent;
|
||
|
||
$sidepanelTrigger.on("click", function(e) {
|
||
e.preventDefault();
|
||
var panelOpen = function() {
|
||
if (!sidepanelProcessing) {
|
||
sidepanelProcessing = true;
|
||
Settings.panelIsOpen = true;
|
||
$sidepanel.addClass("panel-open");
|
||
sidepanelProcessing = false;
|
||
}
|
||
};
|
||
var panelClose = function() {
|
||
if (!sidepanelProcessing) {
|
||
sidepanelProcessing = true;
|
||
Settings.panelIsOpen = false;
|
||
$sidepanel.removeClass("panel-open");
|
||
sidepanelProcessing = false;
|
||
}
|
||
};
|
||
if (!Settings.panelIsOpen) {
|
||
sidepanelEvent = panelOpen();
|
||
} else {
|
||
sidepanelEvent = panelClose();
|
||
}
|
||
});
|
||
|
||
|
||
},
|
||
dotsMenu: function() {
|
||
var $dotsMenu = $("#dotsMenu"),
|
||
$dotsMenuItems = $dotsMenu.find("ul > li > a");
|
||
if ($dotsMenu.length > 0) {
|
||
$dotsMenuItems.on("click", function() {
|
||
$dotsMenuItems.parent("li").removeClass("current");
|
||
$(this)
|
||
.parent("li")
|
||
.addClass("current");
|
||
return false;
|
||
});
|
||
$dotsMenuItems.parents("li").removeClass("current");
|
||
$dotsMenu
|
||
.find('a[href="#' + INSPIRO.header.currentSection() + '"]')
|
||
.parent("li")
|
||
.addClass("current");
|
||
}
|
||
},
|
||
onepageMenu: function() {
|
||
if ($mainMenu.hasClass("menu-one-page")) {
|
||
var $currentMenuItem = "current";
|
||
$(window).on("scroll", function() {
|
||
var $currentSection = INSPIRO.header.currentSection();
|
||
$mainMenu
|
||
.find("nav > ul > li > a")
|
||
.parents("li")
|
||
.removeClass($currentMenuItem);
|
||
$mainMenu
|
||
.find('nav > ul > li > a[href="#' + $currentSection + '"]')
|
||
.parent("li")
|
||
.addClass($currentMenuItem);
|
||
});
|
||
}
|
||
},
|
||
currentSection: function() {
|
||
var elemCurrent = "body";
|
||
$section.each(function() {
|
||
var elem = $(this),
|
||
elemeId = elem.attr("id");
|
||
if (
|
||
elem.offset().top - $window.height() / 3 < $window.scrollTop() &&
|
||
elem.offset().top + elem.height() - $window.height() / 3 >
|
||
$window.scrollTop()
|
||
) {
|
||
elemCurrent = elemeId;
|
||
}
|
||
});
|
||
return elemCurrent;
|
||
}
|
||
};
|
||
INSPIRO.slider = {
|
||
functions: function() {
|
||
INSPIRO.slider.inspiroSlider();
|
||
INSPIRO.slider.carousel();
|
||
},
|
||
inspiroSlider: function() {
|
||
if ($inspiroSlider.length > 0) {
|
||
//Check if flickity plugin is loaded
|
||
if (typeof $.fn.flickity === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery flickity slider plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
var defaultAnimation = "fadeInUp";
|
||
|
||
function animate_captions($elem) {
|
||
var $captions = $elem;
|
||
$captions.each(function() {
|
||
var $captionElem = $(this),
|
||
animationDuration = "600ms";
|
||
if ($(this).attr("data-animate-duration")) {
|
||
animationDuration = $(this).attr("data-animate-duration") + "ms";
|
||
}
|
||
$captionElem.css({
|
||
opacity: 0
|
||
});
|
||
$(this).css("animation-duration", animationDuration);
|
||
});
|
||
$captions.each(function(index) {
|
||
var $captionElem = $(this),
|
||
captionDelay =
|
||
$captionElem.attr("data-caption-delay") || index * 350 + 1000,
|
||
captionAnimation =
|
||
$captionElem.attr("data-caption-animate") || defaultAnimation;
|
||
var t = setTimeout(function() {
|
||
$captionElem.css({
|
||
opacity: 1
|
||
});
|
||
$captionElem.addClass(captionAnimation);
|
||
}, captionDelay);
|
||
});
|
||
}
|
||
|
||
function hide_captions($elem) {
|
||
var $captions = $elem;
|
||
$captions.each(function(caption) {
|
||
var caption = $(this),
|
||
captionAnimation =
|
||
caption.attr("data-caption-animate") || defaultAnimation;
|
||
caption.removeClass(captionAnimation);
|
||
caption.removeAttr("style");
|
||
});
|
||
}
|
||
|
||
function start_kenburn(elem) {
|
||
var currentSlide = elem.find(".slide.is-selected"),
|
||
currentSlideKenburns = currentSlide.hasClass("kenburns");
|
||
if (currentSlideKenburns) {
|
||
setTimeout(function() {
|
||
currentSlide.find(".kenburns-bg").addClass("kenburns-bg-animate");
|
||
}, 1500);
|
||
}
|
||
}
|
||
|
||
function stop_kenburn(elem) {
|
||
var notCurrentSlide = elem.find(".slide:not(.is-selected)");
|
||
notCurrentSlide
|
||
.find(".kenburns-bg")
|
||
.removeClass("kenburns-bg-animate");
|
||
}
|
||
|
||
function slide_dark(elem) {
|
||
var $sliderClassSlide = elem.find(".slide.is-selected");
|
||
if ($sliderClassSlide.hasClass("slide-dark")) {
|
||
$header.removeClass("dark").addClass("dark-removed");
|
||
} else {
|
||
if (
|
||
!$header.hasClass("sticky-active") &&
|
||
$header.hasClass("dark-removed")
|
||
) {
|
||
$header.addClass("dark").removeClass("dark-removed");
|
||
}
|
||
}
|
||
}
|
||
|
||
function sliderHeight(elem, state) {
|
||
var elem,
|
||
headerHeight = $header.outerHeight(),
|
||
topbarHeight = $topbar.outerHeight() || 0,
|
||
windowHeight = $window.height(),
|
||
sliderCurrentHeight = elem.height(),
|
||
screenHeightExtra = headerHeight + topbarHeight,
|
||
$sliderClassSlide = elem.find(".slide"),
|
||
sliderFullscreen = elem.hasClass("slider-fullscreen"),
|
||
screenRatio = elem.hasClass("slider-halfscreen") ? 1 : 1.2,
|
||
transparentHeader = $header.attr("data-transparent"),
|
||
customHeight = elem.attr("data-height"),
|
||
responsiveHeightXs = elem.attr("data-height-xs"),
|
||
containerFullscreen = elem
|
||
.find(".container")
|
||
.first()
|
||
.outerHeight(),
|
||
contentCrop;
|
||
if (containerFullscreen >= windowHeight) {
|
||
contentCrop = true;
|
||
var sliderMinHeight = containerFullscreen;
|
||
elem.css("min-height", sliderMinHeight + 100);
|
||
$sliderClassSlide.css("min-height", sliderMinHeight + 100);
|
||
elem
|
||
.find(".flickity-viewport")
|
||
.css("min-height", sliderMinHeight + 100);
|
||
}
|
||
sliderElementsHeight("null");
|
||
|
||
function sliderElementsHeight(height) {
|
||
if (height == "null") {
|
||
elem.css("height", "");
|
||
$sliderClassSlide.css("height", "");
|
||
elem.find(".flickity-viewport").css("height", "");
|
||
} else {
|
||
elem.css("height", height);
|
||
$sliderClassSlide.css("height", height);
|
||
elem.find(".flickity-viewport").css("height", height);
|
||
}
|
||
}
|
||
if (customHeight) {
|
||
$(window).breakpoints("greaterEqualTo", "lg", function() {
|
||
sliderElementsHeight(customHeight + "px");
|
||
});
|
||
}
|
||
}
|
||
$inspiroSlider.each(function() {
|
||
var elem = $(this);
|
||
//Plugin Options
|
||
elem.options = {
|
||
cellSelector: elem.attr("data-item") || false,
|
||
prevNextButtons: elem.data("arrows") == false ? false : true,
|
||
pageDots: elem.data("dots") == false ? false : true,
|
||
fade: elem.data("fade") == true ? true : false,
|
||
draggable: elem.data("drag") == true ? true : false,
|
||
freeScroll: elem.data("free-scroll") == true ? true : false,
|
||
wrapAround: elem.data("loop") == false ? false : true,
|
||
groupCells: elem.data("group-cells") == true ? true : false,
|
||
autoPlay: elem.attr("data-autoplay") || 7000,
|
||
pauseAutoPlayOnHover:
|
||
elem.data("hoverpause") == true ? true : false,
|
||
adaptiveHeight:
|
||
elem.data("adaptive-height") == false ? false : false,
|
||
asNavFor: elem.attr("data-navigation") || false,
|
||
selectedAttraction: elem.attr("data-attraction") || 0.07,
|
||
friction: elem.attr("data-friction") || 0.9,
|
||
initialIndex: elem.attr("data-initial-index") || 0,
|
||
accessibility: elem.data("accessibility") == true ? true : false,
|
||
setGallerySize: elem.data("gallery-size") == false ? false : false,
|
||
resize: elem.data("resize") == false ? false : false,
|
||
cellAlign: elem.attr("data-align") || "left",
|
||
playWholeVideo:
|
||
elem.attr("data-play-whole-video") == false ? false : true
|
||
};
|
||
//Kenburns effect
|
||
elem.find(".slide").each(function() {
|
||
if ($(this).hasClass("kenburns")) {
|
||
var elemChild = $(this),
|
||
elemChildImage = elemChild
|
||
.css("background-image")
|
||
.replace(/.*\s?url\([\'\"]?/, "")
|
||
.replace(/[\'\"]?\).*/, "");
|
||
|
||
if (elemChild.attr("data-bg-image")) {
|
||
elemChildImage = elemChild.attr("data-bg-image");
|
||
}
|
||
elemChild.prepend(
|
||
'<div class="kenburns-bg" style="background-image:url(' +
|
||
elemChildImage +
|
||
')"></div>'
|
||
);
|
||
}
|
||
});
|
||
elem.find(".slide video").each(function() {
|
||
this.pause();
|
||
});
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
elem.options.draggable = true;
|
||
});
|
||
|
||
|
||
if (elem.find(".slide").length <= 1) {
|
||
elem.options.prevNextButtons = false;
|
||
elem.options.pageDots = false;
|
||
elem.options.autoPlay = false;
|
||
elem.options.draggable = false;
|
||
}
|
||
|
||
|
||
if (
|
||
!$.isNumeric(elem.options.autoPlay) &&
|
||
elem.options.autoPlay != false
|
||
) {
|
||
elem.options.autoPlay = Number(7000);
|
||
}
|
||
|
||
var inspiroSliderData = elem.flickity({
|
||
cellSelector: elem.options.cellSelector,
|
||
prevNextButtons: elem.options.prevNextButtons,
|
||
pageDots: elem.options.pageDots,
|
||
fade: elem.options.fade,
|
||
draggable: elem.options.draggable,
|
||
freeScroll: elem.options.freeScroll,
|
||
wrapAround: elem.options.wrapAround,
|
||
groupCells: elem.options.groupCells,
|
||
autoPlay: Number(elem.options.autoPlay),
|
||
pauseAutoPlayOnHover: elem.options.pauseAutoPlayOnHover,
|
||
adaptiveHeight: elem.options.adaptiveHeight,
|
||
asNavFor: elem.options.asNavFor,
|
||
selectedAttraction: Number(elem.options.selectedAttraction),
|
||
friction: elem.options.friction,
|
||
initialIndex: elem.options.initialIndex,
|
||
accessibility: elem.options.accessibility,
|
||
setGallerySize: elem.options.setGallerySize,
|
||
resize: elem.options.resize,
|
||
cellAlign: elem.options.cellAlign,
|
||
rightToLeft: INSPIRO.core.rtlStatus(),
|
||
on: {
|
||
ready: function(index) {
|
||
var $captions = elem.find(
|
||
".slide.is-selected .slide-captions > *"
|
||
);
|
||
sliderHeight(elem);
|
||
start_kenburn(elem);
|
||
animate_captions($captions);
|
||
setTimeout(function() {
|
||
elem.find(".slide video").each(function(i, video) {
|
||
video.pause();
|
||
video.currentTime = 0;
|
||
});
|
||
}, 700);
|
||
}
|
||
}
|
||
});
|
||
|
||
var flkty = inspiroSliderData.data("flickity");
|
||
|
||
inspiroSliderData.on("change.flickity", function() {
|
||
var $captions = elem.find(".slide.is-selected .slide-captions > *");
|
||
hide_captions($captions);
|
||
setTimeout(function() {
|
||
stop_kenburn(elem);
|
||
}, 500);
|
||
slide_dark(elem);
|
||
start_kenburn(elem);
|
||
animate_captions($captions);
|
||
elem.find(".slide video").each(function(i, video) {
|
||
video.currentTime = 0;
|
||
});
|
||
});
|
||
|
||
inspiroSliderData.on("select.flickity", function() {
|
||
INSPIRO.elements.backgroundImage();
|
||
var $captions = elem.find(".slide.is-selected .slide-captions > *");
|
||
sliderHeight(elem);
|
||
start_kenburn(elem);
|
||
animate_captions($captions);
|
||
var video = flkty.selectedElement.querySelector("video");
|
||
if (video) {
|
||
video.play();
|
||
flkty.options.autoPlay = Number(video.duration * 1000);
|
||
} else {
|
||
flkty.options.autoPlay = Number(elem.options.autoPlay);
|
||
}
|
||
});
|
||
inspiroSliderData.on("dragStart.flickity", function() {
|
||
var $captions = elem.find(
|
||
".slide:not(.is-selected) .slide-captions > *"
|
||
);
|
||
hide_captions($captions);
|
||
});
|
||
$(window).resize(function() {
|
||
sliderHeight(elem);
|
||
elem.flickity("reposition");
|
||
});
|
||
});
|
||
}
|
||
},
|
||
carouselAjax: function() {
|
||
//Check if flickity plugin is loaded
|
||
if (typeof $.fn.flickity === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery flickity plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
//Plugin Options
|
||
var elem = $(".carousel");
|
||
//Initializing plugin and passing the options
|
||
|
||
var $carouselAjax = $(elem).imagesLoaded(function() {
|
||
// init Isotope after all images have loaded
|
||
$carouselAjax.flickity({
|
||
adaptiveHeight: false,
|
||
wrapAround: true,
|
||
cellAlign: "left",
|
||
resize: true
|
||
});
|
||
elem.addClass("carousel-loaded");
|
||
});
|
||
},
|
||
carousel: function(elem) {
|
||
if (elem) {
|
||
$carousel = elem;
|
||
}
|
||
|
||
if ($carousel.length > 0) {
|
||
//Check if flickity plugin is loaded
|
||
if (typeof $.fn.flickity === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery flickity plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$carousel.each(function() {
|
||
var elem = $(this);
|
||
//Plugin Options
|
||
elem.options = {
|
||
containerWidth: elem.width(),
|
||
items: elem.attr("data-items") || 4,
|
||
itemsLg: elem.attr("data-items-lg"),
|
||
itemsMd: elem.attr("data-items-md"),
|
||
itemsSm: elem.attr("data-items-sm"),
|
||
itemsXs: elem.attr("data-items-xs"),
|
||
margin: elem.attr("data-margin") || 10,
|
||
cellSelector: elem.attr("data-item") || false,
|
||
prevNextButtons: elem.data("arrows") == false ? false : true,
|
||
pageDots: elem.data("dots") == false ? false : true,
|
||
fade: elem.data("fade") == true ? true : false,
|
||
draggable: elem.data("drag") == false ? false : true,
|
||
freeScroll: elem.data("free-scroll") == true ? true : false,
|
||
wrapAround: elem.data("loop") == false ? false : true,
|
||
groupCells: elem.data("group-cells") == true ? true : false,
|
||
autoPlay: elem.attr("data-autoplay") || 5000,
|
||
pauseAutoPlayOnHover:
|
||
elem.data("hover-pause") == false ? false : true,
|
||
asNavFor: elem.attr("data-navigation") || false,
|
||
lazyLoad: elem.data("lazy-load") == true ? true : false,
|
||
initialIndex: elem.attr("data-initial-index") || 0,
|
||
accessibility: elem.data("accessibility") == true ? true : false,
|
||
adaptiveHeight: elem.data("adaptive-height") == true ? true : false,
|
||
autoWidth: elem.data("auto-width") == true ? true : false,
|
||
setGallerySize: elem.data("gallery-size") == false ? false : true,
|
||
resize: elem.data("resize") == false ? false : true,
|
||
cellAlign: elem.attr("data-align") || "left",
|
||
rightToLeft: INSPIRO.core.rtlStatus()
|
||
};
|
||
|
||
//Calculate min/max on responsive breakpoints
|
||
elem.options.itemsLg =
|
||
elem.options.itemsLg ||
|
||
Math.min(Number(elem.options.items), Number(4));
|
||
elem.options.itemsMd =
|
||
elem.options.itemsMd ||
|
||
Math.min(Number(elem.options.itemsLg), Number(3));
|
||
elem.options.itemsSm =
|
||
elem.options.itemsSm ||
|
||
Math.min(Number(elem.options.itemsMd), Number(2));
|
||
elem.options.itemsXs =
|
||
elem.options.itemsXs ||
|
||
Math.min(Number(elem.options.itemsSm), Number(1));
|
||
var setResponsiveColumns;
|
||
|
||
function getCarouselColumns() {
|
||
switch ($(window).breakpoints("getBreakpoint")) {
|
||
case "xs":
|
||
setResponsiveColumns = Number(elem.options.itemsXs);
|
||
break;
|
||
case "sm":
|
||
setResponsiveColumns = Number(elem.options.itemsSm);
|
||
break;
|
||
case "md":
|
||
setResponsiveColumns = Number(elem.options.itemsMd);
|
||
break;
|
||
case "lg":
|
||
setResponsiveColumns = Number(elem.options.itemsLg);
|
||
break;
|
||
case "xl":
|
||
setResponsiveColumns = Number(elem.options.items);
|
||
break;
|
||
}
|
||
}
|
||
getCarouselColumns();
|
||
var itemWidth;
|
||
elem.find("> *").wrap('<div class="polo-carousel-item">');
|
||
if (elem.hasClass("custom-height")) {
|
||
elem.options.setGallerySize = false;
|
||
INSPIRO.core.customHeight(elem);
|
||
INSPIRO.core.customHeight(elem.find(".polo-carousel-item"));
|
||
var carouselCustomHeightStatus = true;
|
||
}
|
||
if (Number(elem.options.items) !== 1) {
|
||
if (elem.options.autoWidth || carouselCustomHeightStatus) {
|
||
elem.find(".polo-carousel-item").css({
|
||
"padding-right": elem.options.margin + "px"
|
||
});
|
||
} else {
|
||
itemWidth =
|
||
(elem.options.containerWidth + Number(elem.options.margin)) /
|
||
setResponsiveColumns;
|
||
elem.find(".polo-carousel-item").css({
|
||
width: itemWidth,
|
||
"padding-right": elem.options.margin + "px"
|
||
});
|
||
}
|
||
} else {
|
||
elem.find(".polo-carousel-item").css({
|
||
width: "100%",
|
||
"padding-right": "0 !important;"
|
||
});
|
||
}
|
||
if (elem.options.autoWidth || carouselCustomHeightStatus) {
|
||
elem.options.cellAlign = "center";
|
||
}
|
||
|
||
if (elem.options.autoPlay == "false") {
|
||
elem.options.autoPlay = false;
|
||
}
|
||
//Initializing plugin and passing the options
|
||
var $carouselElem = $(elem);
|
||
// .imagesLoaded(function() {
|
||
// init Isotope after all images have loaded
|
||
$carouselElem.flickity({
|
||
cellSelector: elem.options.cellSelector,
|
||
prevNextButtons: elem.options.prevNextButtons,
|
||
pageDots: elem.options.pageDots,
|
||
fade: elem.options.fade,
|
||
draggable: elem.options.draggable,
|
||
freeScroll: elem.options.freeScroll,
|
||
wrapAround: elem.options.wrapAround,
|
||
groupCells: elem.options.groupCells,
|
||
autoPlay: elem.options.autoPlay,
|
||
pauseAutoPlayOnHover: elem.options.pauseAutoPlayOnHover,
|
||
adaptiveHeight: elem.options.adaptiveHeight,
|
||
asNavFor: elem.options.asNavFor,
|
||
initialIndex: elem.options.initialIndex,
|
||
accessibility: elem.options.accessibility,
|
||
setGallerySize: elem.options.setGallerySize,
|
||
resize: elem.options.resize,
|
||
cellAlign: elem.options.cellAlign,
|
||
rightToLeft: elem.options.rightToLeft,
|
||
contain: true
|
||
});
|
||
elem.addClass("carousel-loaded");
|
||
// });
|
||
if (elem.hasClass("custom-height")) {
|
||
INSPIRO.core.customHeight(elem);
|
||
}
|
||
if (Number(elem.options.items) !== 1) {
|
||
$(window).on("resize", function() {
|
||
setTimeout(function() {
|
||
getCarouselColumns();
|
||
itemWidth =
|
||
(elem.width() + Number(elem.options.margin)) /
|
||
setResponsiveColumns;
|
||
if (elem.options.autoWidth || carouselCustomHeightStatus) {
|
||
elem.find(".polo-carousel-item").css({
|
||
"padding-right": elem.options.margin + "px"
|
||
});
|
||
} else {
|
||
if (!elem.hasClass("custom-height")) {
|
||
elem.find(".polo-carousel-item").css({
|
||
width: itemWidth,
|
||
"padding-right": elem.options.margin + "px"
|
||
});
|
||
} else {
|
||
INSPIRO.core.customHeight(elem.find(".polo-carousel-item"));
|
||
elem.find(".polo-carousel-item").css({
|
||
width: itemWidth,
|
||
"padding-right": elem.options.margin + "px"
|
||
});
|
||
}
|
||
}
|
||
elem.find(".flickity-slider").css({
|
||
"margin-right":
|
||
-elem.options.margin / setResponsiveColumns + "px"
|
||
});
|
||
elem.flickity("reposition");
|
||
}, 100);
|
||
});
|
||
}
|
||
});
|
||
}
|
||
}
|
||
};
|
||
INSPIRO.elements = {
|
||
functions: function() {
|
||
INSPIRO.elements.naTo();
|
||
INSPIRO.elements.morphext();
|
||
INSPIRO.elements.buttons();
|
||
INSPIRO.elements.accordion();
|
||
INSPIRO.elements.animations();
|
||
INSPIRO.elements.parallax();
|
||
INSPIRO.elements.backgroundImage();
|
||
INSPIRO.elements.shapeDivider();
|
||
INSPIRO.elements.responsiveVideos();
|
||
INSPIRO.elements.counters();
|
||
INSPIRO.elements.countdownTimer();
|
||
INSPIRO.elements.progressBar();
|
||
INSPIRO.elements.pieChart();
|
||
INSPIRO.elements.maps();
|
||
INSPIRO.elements.gridLayout();
|
||
INSPIRO.elements.tooltip();
|
||
INSPIRO.elements.popover();
|
||
INSPIRO.elements.magnificPopup();
|
||
INSPIRO.elements.yTPlayer();
|
||
INSPIRO.elements.vimeoPlayer();
|
||
INSPIRO.elements.modal();
|
||
INSPIRO.elements.sidebarFixed();
|
||
INSPIRO.elements.clipboard();
|
||
INSPIRO.elements.bootstrapSwitch();
|
||
INSPIRO.elements.countdown();
|
||
INSPIRO.elements.other();
|
||
INSPIRO.elements.videoBackground();
|
||
INSPIRO.elements.forms();
|
||
INSPIRO.elements.formValidation();
|
||
INSPIRO.elements.formAjaxProcessing();
|
||
INSPIRO.elements.wizard();
|
||
},
|
||
forms: function() {
|
||
//Show hide password
|
||
var $showHidePassword = $(".show-hide-password");
|
||
if ($showHidePassword.length > 0) {
|
||
$showHidePassword.each(function() {
|
||
var elem = $(this),
|
||
$iconEye = "icon-eye11",
|
||
$iconClosedEye = "icon-eye-off",
|
||
elemShowHideIcon = elem.find(".input-group-append i"),
|
||
elemInput = elem.children("input");
|
||
elem.find(".input-group-append i").css({
|
||
cursor: "pointer"
|
||
});
|
||
elemShowHideIcon.on("click", function(event) {
|
||
event.preventDefault();
|
||
if (elem.children("input").attr("type") == "text") {
|
||
elemInput.attr("type", "password");
|
||
elemShowHideIcon.removeClass($iconEye);
|
||
elemShowHideIcon.addClass($iconClosedEye);
|
||
} else if (elem.children("input").attr("type") == "password") {
|
||
elemInput.attr("type", "text");
|
||
elemShowHideIcon.addClass($iconEye);
|
||
elemShowHideIcon.removeClass($iconClosedEye);
|
||
}
|
||
});
|
||
});
|
||
}
|
||
},
|
||
formValidation: function() {
|
||
var forms = document.getElementsByClassName("needs-validation");
|
||
var validation = Array.prototype.filter.call(forms, function(form) {
|
||
form.addEventListener(
|
||
"submit",
|
||
function(event) {
|
||
if (form.checkValidity() === false) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
}
|
||
form.classList.add("was-validated");
|
||
},
|
||
false
|
||
);
|
||
});
|
||
},
|
||
formAjaxProcessing: function() {
|
||
var $ajaxForm = $(".widget-contact-form, .ajax-form");
|
||
if ($ajaxForm.length > 0) {
|
||
$ajaxForm.each(function() {
|
||
var elem = $(this),
|
||
elemSuccessMessage =
|
||
elem.attr("data-success-message") ||
|
||
"We have <strong>successfully</strong> received your Message and will get Back to you as soon as possible.",
|
||
elemCustomRedirectPage = elem.attr("data-success-page");
|
||
var button = elem.find("button#form-submit"),
|
||
buttonText = button.html();
|
||
var validation = Array.prototype.filter.call(elem, function(form) {
|
||
form.addEventListener(
|
||
"submit",
|
||
function(event) {
|
||
if (form[0].checkValidity() === false) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
}
|
||
form.classList.add("was-validated");
|
||
return false;
|
||
},
|
||
false
|
||
);
|
||
});
|
||
elem.submit(function(event) {
|
||
event.preventDefault();
|
||
var post_url = $(this).attr("action");
|
||
var request_method = $(this).attr("method");
|
||
var form_data = $(this).serialize();
|
||
if (elem[0].checkValidity() === false) {
|
||
event.stopPropagation();
|
||
elem.addClass("was-validated");
|
||
} else {
|
||
$(elem).removeClass("was-validated");
|
||
button.html('<i class="icon-loader fa-spin"> </i> Sending...');
|
||
$.ajax({
|
||
url: post_url,
|
||
type: request_method,
|
||
data: form_data,
|
||
success: function(text) {
|
||
if (text.response == "success") {
|
||
if (elem.find(".g-recaptcha").children("div").length > 0) {
|
||
grecaptcha.reset();
|
||
}
|
||
$(elem)[0].reset();
|
||
button.html(buttonText);
|
||
if (elemCustomRedirectPage) {
|
||
window.location.href = elemCustomRedirectPage;
|
||
} else {
|
||
$.notify(
|
||
{
|
||
message: elemSuccessMessage
|
||
},
|
||
{
|
||
type: "success"
|
||
}
|
||
);
|
||
}
|
||
} else {
|
||
$.notify(
|
||
{
|
||
message: elem.attr("data-error-message") || text.message
|
||
},
|
||
{
|
||
type: "danger"
|
||
}
|
||
);
|
||
var t = setTimeout(function() {
|
||
button.html(buttonText);
|
||
}, 1000);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
}
|
||
},
|
||
wizard: function() {
|
||
//Show hide password
|
||
},
|
||
other: function(context) {
|
||
//Lazy Load
|
||
$(function() {
|
||
$(".lazy").Lazy({
|
||
afterLoad: function(element) {
|
||
element.addClass("img-loaded");
|
||
}
|
||
});
|
||
});
|
||
if ($(".toggle-item").length > 0) {
|
||
$(".toggle-item").each(function() {
|
||
var elem = $(this),
|
||
toggleItemClass = elem.attr("data-class"),
|
||
toggleItemClassTarget = elem.attr("data-target");
|
||
elem.on("click", function() {
|
||
if (toggleItemClass) {
|
||
if (toggleItemClassTarget) {
|
||
$(toggleItemClassTarget).toggleClass(toggleItemClass);
|
||
} else {
|
||
elem.toggleClass(toggleItemClass);
|
||
}
|
||
}
|
||
elem.toggleClass("toggle-active");
|
||
return false;
|
||
});
|
||
});
|
||
}
|
||
/*Dropdown popup invert*/
|
||
var $pDropdown = $(".p-dropdown");
|
||
if ($pDropdown.length > 0) {
|
||
$pDropdown.each(function() {
|
||
var elem = $(this);
|
||
if ($window.width() / 2 > elem.offset().left) {
|
||
elem.addClass("p-dropdown-invert");
|
||
}
|
||
});
|
||
}
|
||
},
|
||
naTo: function() {
|
||
$(
|
||
"a.scroll-to, #dotsMenu > ul > li > a, .menu-one-page nav > ul > li > a"
|
||
).on("click", function() {
|
||
var extraPaddingTop = 0,
|
||
extraHeaderHeight = 0;
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
if (Settings.menuIsOpen) {
|
||
$mainMenuTriggerBtn.trigger("click");
|
||
}
|
||
if ($header.attr("data-responsive-fixed") === true) {
|
||
extraHeaderHeight = $header.height();
|
||
}
|
||
});
|
||
$(window).breakpoints("greaterEqualTo", "lg", function() {
|
||
if ($header.length > 0) {
|
||
extraHeaderHeight = $header.height();
|
||
}
|
||
});
|
||
if ($(".dashboard").length > 0) {
|
||
extraPaddingTop = 30;
|
||
}
|
||
var $anchor = $(this);
|
||
$("html, body")
|
||
.stop(true, false)
|
||
.animate(
|
||
{
|
||
scrollTop:
|
||
$($anchor.attr("href")).offset().top -
|
||
(extraHeaderHeight + extraPaddingTop)
|
||
},
|
||
1500,
|
||
"easeInOutExpo"
|
||
);
|
||
return false;
|
||
});
|
||
},
|
||
morphext: function() {
|
||
var $textRotator = $(".text-rotator");
|
||
if ($textRotator.length > 0) {
|
||
//Check if Morphext plugin is loaded
|
||
if (typeof $.fn.Morphext === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery Morphext plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$textRotator.each(function() {
|
||
var elem = $(this);
|
||
//Plugin Options
|
||
elem.options = {
|
||
animation: elem.attr("data-animation") || "fadeIn",
|
||
separator: elem.attr("data-separator") || ",",
|
||
speed: elem.attr("data-speed") || 2000,
|
||
height: elem.height()
|
||
};
|
||
elem.css({
|
||
"min-height": elem.options.height
|
||
});
|
||
//Initializing Morphext plugin and passing the options
|
||
elem.Morphext({
|
||
animation: elem.options.animation,
|
||
separator: elem.options.separator,
|
||
speed: Number(elem.options.speed)
|
||
});
|
||
});
|
||
}
|
||
},
|
||
buttons: function() {
|
||
//Button slide width
|
||
if ($(".btn-slide[data-width]")) {
|
||
$(".btn.btn-slide[data-width]").each(function() {
|
||
var elem = $(this),
|
||
elemWidth = elem.attr("data-width"),
|
||
elemDefaultWidth;
|
||
switch (true) {
|
||
case elem.hasClass("btn-lg"):
|
||
elemDefaultWidth = "60";
|
||
break;
|
||
case elem.hasClass("btn-sm"):
|
||
elemDefaultWidth = "36";
|
||
break;
|
||
case elem.hasClass("btn-xs"):
|
||
elemDefaultWidth = "28";
|
||
break;
|
||
default:
|
||
elemDefaultWidth = "48";
|
||
break;
|
||
}
|
||
elem.hover(
|
||
function() {
|
||
$(this).css("width", elemWidth + "px");
|
||
},
|
||
function() {
|
||
$(this).css("width", elemDefaultWidth + "px");
|
||
}
|
||
);
|
||
});
|
||
}
|
||
},
|
||
accordion: function() {
|
||
var accordionType = "accordion",
|
||
toogleType = "toggle",
|
||
accordionItem = "ac-item",
|
||
itemActive = "ac-active",
|
||
itemTitle = "ac-title",
|
||
itemContent = "ac-content",
|
||
$accs = $("." + accordionItem);
|
||
$accs.length &&
|
||
($accs.each(function() {
|
||
var $item = $(this);
|
||
$item.hasClass(itemActive)
|
||
? $item.addClass(itemActive)
|
||
: $item.find("." + itemContent).hide();
|
||
}),
|
||
$("." + itemTitle).on("click", function(e) {
|
||
var $link = $(this),
|
||
$item = $link.parents("." + accordionItem),
|
||
$acc = $item.parents("." + accordionType);
|
||
$item.hasClass(itemActive)
|
||
? $acc.hasClass(toogleType)
|
||
? ($item.removeClass(itemActive),
|
||
$link.next("." + itemContent).slideUp())
|
||
: ($acc.find("." + accordionItem).removeClass(itemActive),
|
||
$acc.find("." + itemContent).slideUp())
|
||
: ($acc.hasClass(toogleType) ||
|
||
($acc.find("." + accordionItem).removeClass(itemActive),
|
||
$acc.find("." + itemContent).slideUp("fast")),
|
||
$item.addClass(itemActive),
|
||
$link.next("." + itemContent).slideToggle("fast")),
|
||
e.preventDefault();
|
||
return false;
|
||
}));
|
||
},
|
||
animations: function() {
|
||
var $animate = $("[data-animate]");
|
||
if ($animate.length > 0) {
|
||
//Check if jQuery Waypoint plugin is loaded
|
||
if (typeof Waypoint === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery Waypoint plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$animate.each(function() {
|
||
var elem = $(this);
|
||
elem.addClass("animated");
|
||
//Plugin Options
|
||
elem.options = {
|
||
animation: elem.attr("data-animate") || "fadeIn",
|
||
delay: elem.attr("data-animate-delay") || 200,
|
||
direction: ~elem.attr("data-animate").indexOf("Out")
|
||
? "back"
|
||
: "forward",
|
||
offsetX: elem.attr("data-animate-offsetX") || 0,
|
||
offsetY: elem.attr("data-animate-offsetY") || -100
|
||
};
|
||
//Initializing jQuery Waypoint plugin and passing the options from data animations attributes
|
||
if (elem.options.direction == "forward") {
|
||
new Waypoint({
|
||
element: elem,
|
||
handler: function() {
|
||
var t = setTimeout(function() {
|
||
elem.addClass(elem.options.animation + " visible");
|
||
}, elem.options.delay);
|
||
this.destroy();
|
||
},
|
||
offset: "100%"
|
||
});
|
||
} else {
|
||
elem.addClass("visible");
|
||
elem.on("click", function() {
|
||
elem.addClass(elem.options.animation);
|
||
return false;
|
||
});
|
||
}
|
||
//Demo play
|
||
if (elem.parents(".demo-play-animations").length) {
|
||
elem.on("click", function() {
|
||
elem.removeClass(elem.options.animation);
|
||
var t = setTimeout(function() {
|
||
elem.addClass(elem.options.animation);
|
||
}, 50);
|
||
return false;
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
parallax: function() {
|
||
var $parallax = $("[data-bg-parallax]");
|
||
if ($parallax.length > 0) {
|
||
//Check if scrolly plugin is loaded
|
||
if (typeof $.fn.scrolly === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery scrolly plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$parallax.each(function() {
|
||
var $elem = $(this),
|
||
elemImageSrc = $elem.attr("data-bg-parallax"),
|
||
elemImageVelocity = $elem.attr("data-velocity") || "-.140";
|
||
$elem.prepend('<div class="parallax-container" data-lazy-background="' +elemImageSrc +'" data-velocity="' +elemImageVelocity +'" style="background: url(' +elemImageSrc +')"></div>'
|
||
);
|
||
$(".parallax-container").lazy({
|
||
attribute: "data-lazy-background",
|
||
afterLoad: function(element) {
|
||
$elem.find(".parallax-container").addClass("img-loaded");
|
||
}
|
||
});
|
||
if ($body.hasClass("breakpoint-lg") || $body.hasClass("breakpoint-xl")) {
|
||
$elem.find(".parallax-container").scrolly({
|
||
bgParallax: true
|
||
});
|
||
} else {
|
||
$elem.find(".parallax-container").addClass("parallax-responsive");
|
||
}
|
||
});
|
||
}
|
||
},
|
||
backgroundImage: function() {
|
||
var $backgroundImage = $("[data-bg-image]");
|
||
if ($backgroundImage.length > 0) {
|
||
$backgroundImage.each(function() {
|
||
var $elem = $(this),
|
||
elemImageSrc = $elem.attr("data-bg-image");
|
||
$elem.attr("data-lazy-background", elemImageSrc);
|
||
$elem.lazy({
|
||
attribute: "data-lazy-background",
|
||
afterLoad: function(element) {
|
||
$elem.addClass("bg-loaded");
|
||
}
|
||
});
|
||
});
|
||
}
|
||
},
|
||
shapeDivider: function() {
|
||
var $shape_divider = $(".shape-divider");
|
||
$shape_divider.each(function() {
|
||
var elem = $(this);
|
||
elem.options = {
|
||
style: elem.attr("data-style") || 1,
|
||
color: elem.attr("data-color") || "#ffffff",
|
||
opacity: elem.attr("data-opacity") || "1",
|
||
zIndex: elem.attr("data-zIndex") || "0",
|
||
height: elem.attr("data-height") || 210,
|
||
prefix:
|
||
"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MzAg"
|
||
};
|
||
switch (elem.options.style) {
|
||
case "1":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTI1LjcyIj48dGl0bGU+QXNzZXQgMTc0PC90aXRsZT48cGF0aCBkPSJNMzk1LDk5LjM3Yy01Ny40MywxMC4xNy0xMjQuMjctOC4wNi0xNzYuOC0xMS43MnEzLjkzLjY0LDgsMS40MWM1MC44MSw2LDExMy4zLDI0LjA4LDE2OC43NiwxNC4yNkM0NjgsOTAuNDIsNTE5LjYsMTEuODgsNjMwLDguOVYwQzUwNS40Miw0LDQ2OCw4Ni40NywzOTUsOTkuMzdaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zMDAwMDAwMDAwMDAwMDAwNCIvPjxwYXRoIGQ9Ik0yMjYuMjUsODlDMjczLjg4LDk4LDMzOC4xNCwxMTkuMjksMzk1LDEwOS4yM2M3Mi45My0xMi45MSwxMjYuNjEtNzcuNDYsMjM1LTczLjQ4VjguODZjLTExMC40LDMtMTYyLDgxLjUxLTIzNSw5NC40MkMzMzkuNTUsMTEzLjEsMjc3LjA2LDk1LjA3LDIyNi4yNSw4OVoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjYzIi8+PHBhdGggZD0iTTYwLjgyLDEyMi44OCw2MiwxMjNhMzEuNDksMzEuNDksMCwwLDAsOS4zNC0uNjRBMTAxLjI2LDEwMS4yNiwwLDAsMSw2MC44MiwxMjIuODhaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTYwLjgyLDEyMi44OCw2MiwxMjNhMzEuNDksMzEuNDksMCwwLDAsOS4zNC0uNjRBMTAxLjI2LDEwMS4yNiwwLDAsMSw2MC44MiwxMjIuODhaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zNTAwMDAwMDAwMDAwMDAwMyIvPjxwYXRoIGQ9Ik0zOTgsMTA3Ljg0Yy01Ni4xNSwxMC4wNy0xMTkuNTktMTEuMjYtMTY2LjYyLTIwLjItMi43MS0uNTItNS4zNS0xLTcuOTQtMS40MUExNTkuNTQsMTU5LjU0LDAsMCwwLDIwMiw4NHEtMy4wOS0uMDktNiwwYy0uNzEsMC0xLjM5LjA4LTIuMDkuMTItNTIuOCwyLjkzLTgwLjM0LDI4Ljc4LTExMi45MSwzNi42MmE3Mi42Myw3Mi42MywwLDAsMS05LjY2LDEuNjJBMzEuNDksMzEuNDksMCwwLDEsNjIsMTIzbC0xLjE4LS4xM0MzMS4zNywxMjIuODUsMCwxMTEuODIsMCwxMTEuODJ2MTMuOUg2MzBWMzQuMzZDNTIzLDMwLjM5LDQ3MCw5NC45NCwzOTgsMTA3Ljg0WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wLDEwMi4xNHYxMGM4MywzNCwxMjYuODMtMTQsMTkwLTI0bDEtNGMtNDQuNCw2LjI2LTQ1LDIyLTkzLDMxQzU0Ljc4LDEyMy4yNSwzMCwxMTMuMTQsMCwxMDIuMTRaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zMDAwMDAwMDAwMDAwMDAwNCIvPjxwYXRoIGQ9Ik0wLDEwNC4xNHYxMGMyMiw5LDQxLjIzLDEwLjI2LDU4LjgsMTAsNDguNzgtLjc2LDg0Ljc2LTI2LjY1LDEzMS4yLTM0bDEtNGMtNDQuNCw2LjI2LTQ1LDIyLTkzLDMxQzU0Ljc4LDEyNS4yNSwzMCwxMTUuMTQsMCwxMDQuMTRaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zMDAwMDAwMDAwMDAwMDAwNCIvPjwvc3ZnPg==";
|
||
break;
|
||
case "2":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+QXNzZXQgMTY0PC90aXRsZT48cGF0aCBkPSJNNTY3LjY3LDMxLjE0Yy0yNi4yMiwxNy4zNi01MCwzNi41NS04MS44LDUwQzQzNy41MiwxMDEuNDgsMzc1LjUyLDEwNi4yMSwzMTcsMTAzLjIzcy0xMTUuNDItMTMtMTczLjE1LTE5LjU2Qzk2LjQ3LDc4LjI1LDQ3LjE4LDc1LjE4LDAsODAuMDd2MzIuNDFINjMwVjBDNjA2LjQ0LDcuNTIsNTg1Ljg5LDE5LjA5LDU2Ny42NywzMS4xNFoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjY0Ii8+PHBhdGggZD0iTTU2Ny42NywzOC42N2MtMjYuMjIsMTcuMzUtNTAsMzYuNTUtODEuOCw1MEM0MzcuNTIsMTA5LDM3NS41MiwxMTMuNzMsMzE3LDExMC43NXMtMTE1LjQyLTEzLTE3My4xNS0xOS41NkM5Ni40Nyw4NS43Nyw0Ny4xOCw4Mi43LDAsODcuNTlWMTIwSDYzMFY3LjUyQzYwNi40NCwxNSw1ODUuODksMjYuNjEsNTY3LjY3LDM4LjY3WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==";
|
||
break;
|
||
case "3":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"NjAiPjx0aXRsZT5Bc3NldCAxNzI8L3RpdGxlPjxwYXRoIGQ9Ik0wLDAsNDAwLDUzLjIzLDYzMCwwVjYwSDBaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+";
|
||
break;
|
||
case "4":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"ODAiPjx0aXRsZT40PC90aXRsZT48cGF0aCBkPSJNMjYxLjIsNjQuOUMzNjcuNiw1NC43LDQ5OS42LDM5LjcsNjMwLDE4LjVWMEM0OTcuOCwzMS40LDM2My43LDUyLDI2MS4yLDY0LjlaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zMDAwMDAwMDAwMDAwMDAwNCIvPjxwYXRoIGQ9Ik0yNjEuMiw2NC45Yy00MSwzLjktNzguMiw3LjEtMTEwLDkuNiwxMy4yLS40LDI3LS45LDQxLjUtMS42QzMxNSw2Ny43LDQ3OC40LDU5LjQsNjMwLDM0LjhWMTguNUM0OTkuMSwzOS44LDM2Ny4zLDU0LjgsMjYxLjIsNjQuOVoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjYwMDAwMDAwMDAwMDAwMDEiLz48cGF0aCBkPSJNMTkyLjcsNzIuOWMtMTQuNS43LTI4LjMsMS4yLTQxLjUsMS42QzU5LjksNzcuNywwLDc3LjQsMCw3Ny40VjgwSDYzMFYzMy44QzQ3OC40LDU4LjQsMzE1LDY3LjcsMTkyLjcsNzIuOVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "5":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTAwIj48dGl0bGU+QXNzZXQgMTczPC90aXRsZT48cGF0aCBkPSJNMCw1Ni44NGwxMDgsMzlMNDY4LDAsNjMwLDY4LjQyVjEwMEgwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==";
|
||
break;
|
||
case "6":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+NjwvdGl0bGU+PHBhdGggZD0iTTYxNS41LDIuNWMtNDEuMyw1LjgtNzcuNCwxMi43LTExNiwxMy43LTIyLjIuNi00NC44LTMuMy02Ny4yLjQtNDguOCw4LjEtMTA3LjgsNDMuNS0xNTcuNyw2Mi42LTQyLjQsMTYuMi02OS45LDE2LTk4LjcsMy44LTIxLjEtOS00Mi4xLTIyLjktNjUuMi0zMy4xLTI5LjQtMTMtNjIuNC0yNC4yLTk4LjktMTIuM2wtMS4xLjNMMCw0MS42VjUzLjhsMTAuNy0zLjYsMS4xLS40YzQyLjEtMTMuNyw2My4xLTUuNiw5OC45LDUuNiwyMi43LDcsNDQuMSwyMCw2NS4yLDI4LjksMzAuOSwxMy4xLDU1LjgsMTMsOTguNy0xLDQ5LjktMTYuNCwxMDguOS01MS44LDE1Ny43LTU5LjksMjIuNC0zLjcsNDUuMi00LjUsNjcuMi0uNCwzNy44LDcuMiw3NC43LDcuMSwxMTYsMS4zLDUtLjcsOS44LTEuNSwxNC41LTIuNVYwQzYyNS4zLDEsNjIwLjUsMS45LDYxNS41LDIuNVoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjM1MDAwMDAwMDAwMDAwMDAzIi8+PHBhdGggZD0iTTQ5OS41LDIzYy0yMi00LjEtNDQuOC0zLjMtNjcuMi40LTQ4LjgsOC4xLTEwNy44LDQzLjUtMTU3LjcsNTkuOS00Mi45LDE0LTY3LjgsMTQuMS05OC43LDEtMjEuMS04LjktNDIuNS0yMS45LTY1LjItMjguOUM3NC45LDQ0LjIsNTMuOSwzNi4xLDExLjgsNDkuOGwtMS4xLjRMMCw1My44VjYybDEwLjctMy42LDEuMS0uNGMzNi41LTExLjksNjguOC04LDk4LjksMS40LDIyLjcsNy4xLDQ0LjEsMTcuMyw2NS4yLDI2LjMsMjguOCwxMi4yLDU1LjcsMTIuOSw5OS4xLDIuOSw1Mi41LTEyLjEsMTA3LjEtNTEuNywxNTUuOS01OS44LDIyLjMtMy44LDQ2LjYtMS44LDY4LjYsMi40LDM3LjgsNy4xLDc0LjcsMjIsMTE2LDE2LjMsNS0uNyw5LjgtMS42LDE0LjUtMi42VjIxLjhjLTQuNywxLTkuNSwxLjgtMTQuNSwyLjVDNTc0LjIsMzAuMSw1MzcuMywzMC4yLDQ5OS41LDIzWiIgc3R5bGU9ImZpbGw6I2ZmZjtvcGFjaXR5OjAuNSIvPjxwYXRoIGQ9Ik00OTkuNSwzMS4yYy0yMi00LjItNDYuMy02LjItNjguNi0yLjRDMzgyLjEsMzYuOSwzMjcuNSw3Ni41LDI3NSw4OC42Yy00My40LDEwLTcwLjMsOS4zLTk5LjEtMi45LTIxLjEtOS00Mi41LTE5LjItNjUuMi0yNi4zQzgwLjYsNTAsNDguMyw0Ni4xLDExLjgsNThsLTEuMS40TDAsNjJ2NThINjMwVjQ0LjljLTQuNywxLTkuNSwxLjktMTQuNSwyLjZDNTc0LjIsNTMuMiw1MzcuMywzOC4zLDQ5OS41LDMxLjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+";
|
||
break;
|
||
case "7":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+QXNzZXQgMTc0PC90aXRsZT48cGF0aCBkPSJNMCwwLDYzMCwxMjBIMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "8":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+ODwvdGl0bGU+PHBhdGggZD0iTTQ1Ni43LDUzLjZDNDM5LjgsNDIuOSwzOTYuOSwxLjgsMzQzLjIsMzAuMWMtMzUuNywxOC43LTg0LDcxLjUtMTI3LjgsNzEuOS0zNi4xLjMtNTcuOC0yMC4yLTgxLjQtMzUuMS0xNy4zLTExLTM1LTIzLjUtNTMuNi0zMi4yQzU1LjYsMjMuMiwzMCwxMS44LjEsMjYuNGMtLjMuMSwwLDkzLjYsMCw5My42SDYzMFYzMS44Yy0zLjksMS4zLTEzLDE3LjMtNjUuMiwzMi44QzUzMy4zLDc2LjQsNDkyLjQsNzYuNCw0NTYuNyw1My42WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxnIHN0eWxlPSJvcGFjaXR5OjAuMzgiPjxwYXRoIGQ9Ik02MTEsNjMuNmwtMiw0Mi44LTUyNy45LDUtODEtMS4xVjYxLjhhMTk0LjcsMTk0LjcsMCwwLDAsMjQuNyw5LjQsMTQ2LjgsMTQ2LjgsMCwwLDAsNDMuOSw2LjJDOTQuNiw3Ny4zLDEyMC41LDY1LDE0Niw1MC41YzE4LjctMTAuNiwzNy4xLTIyLjMsNTUuMi0zMS4zQzIxMy43LDEyLjksMjI2LDgsMjM4LjEsNS43YzI0LjMtNC42LDUxLjQtMy4yLDcyLjUsNy45bDM2LjcsMTkuNmMzNy4zLDE5LjksNzMuMSwzOC45LDEwNC4yLDUxLjdDNDY1LjQsOTAuNiw0NzguMyw5NS4yLDQ5MCw5OGMxMy4zLDMuMywyNS4xLDQuNSwzNSwyLjlhNzUuNSw3NS41LDAsMCwwLDkuMy0zLjdsNy40LTMuM2MxNS40LTcuMSwzOC44LTE5LjEsNTkuNi0zMy4yLDUuNS0zLjcuNi40LDUuNy0zLjRDNjE5LDQ4LjIsNjA4LjcsNjQuMiw2MTEsNjMuNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L2c+PHBhdGggZD0iTTU4MS44LDExLjRDNTUyLC4yLDUzMS41LDMuOSw1MDcuMiw4LjQsNDcyLjEsMTUsNDM0LjcsNDQuMSwzOTYuNiw2My4yYy0xNi4zLDguMS0zMi44LDE0LjQtNDkuMiwxNi4zLTE1LjgtNS40LTMyLTEyLjItNDcuNi0xOS4yLTM3LjktMTcuMS03Mi42LTM1LjctOTEuOS0zOS44bC02LjctMS4zYy0yMi4yLTQuMi00NS45LTUuOC02Ny45LTEuNy0xMC40LDItMjEsNS45LTMxLjgsMTFDNzYuNiw0MC4yLDUwLjksNTcuOSwyNC44LDcxLjJBMjEzLjYsMjEzLjYsMCwwLDEsLjEsODIuMXYzMC44bDgxLTEuNSwzMTIuMy01LjcsMS40LjNMNjMwLDExMS44di04MEM2MTMsMjYuNCw2MTkuMywyNS41LDU4MS44LDExLjRaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC40OSIvPjxnIHN0eWxlPSJvcGFjaXR5OjAuMzgiPjxwYXRoIGQ9Ik01NDUuNCw5N2wtMTEuMS4yTDQ5MCw5OCwuMSwxMDcuMVYwQzIxLjMtLjQsNDEuMyw0LjEsNjAuNCwxMC44YTQwMy43LDQwMy43LDAsMCwxLDQxLjEsMTcuN2MxMCw0LjksMTkuOSw5LjksMjkuNywxNC42LDUsMi4zLDkuOSw0LjksMTQuOCw3LjQsMjYuMSwxMy41LDUyLjcsMjgsOTIuOSwyNy44LDIwLjMtLjEsNDAuNy03LjcsNjAuOS0xOCwxNi04LjIsMzEuOS0xOCw0Ny41LTI3LjEsMjAuOS0xMi4xLDQxLjMtMjIuOSw2MC45LTI2LjZDNDMyLjUsMiw0ODEuMSw4LjYsNTA0LDE4czQ5LjYsMjMuNiw5Ny4zLDQyLjdDNjIwLjIsNjguNCw1NDUuNCw5Nyw1NDUuNCw5N1oiIHN0eWxlPSJmaWxsOiNmZmYiLz48L2c+PC9zdmc+";
|
||
break;
|
||
case "9":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTAwIj48dGl0bGU+QXNzZXQgMTgyPC90aXRsZT48cGF0aCBkPSJNMCw0NS42NVMxNTksMCwzMjIsMCw2MzAsNDUuNjUsNjMwLDQ1LjY1VjEwMEgwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==";
|
||
break;
|
||
case "10":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+MTA8L3RpdGxlPjxwYXRoIGQ9Ik0wLDEwOC4xSDYzMFYwUzQ3NSwxMDQuNiwzMTQsMTA0LjYsMCwwLDAsMFoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjIyIi8+PHBhdGggZD0iTTAsMTA2LjlINjMwVjE3LjhzLTE1NSw4Ny45LTMxNiw4Ny45UzAsMTksMCwxOVoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjM2Ii8+PHBhdGggZD0iTTAsMTIwSDYzMFY0NS4xcy0xNTUsNjEuOC0zMTYsNjEuOFMwLDQ1LjEsMCw0NS4xWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==";
|
||
break;
|
||
case "11":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+MTE8L3RpdGxlPjxwYXRoIGQ9Ik01MTAuNywyLjljLTk4LjksMjEuOS0yMjIuMyw4NS41LTMyMiw4NS41QzgwLjEsODguNCwyNC4xLDU2LjEsMCwzNi40VjEyMEg2MzBWMTUuMkM2MDIuNCw2LjksNTUwLjEtNS44LDUxMC43LDIuOVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "12":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+MTI8L3RpdGxlPjxwYXRoIGQ9Ik02MzAsMzQuNWE1NCw1NCwwLDAsMS05LDIuM0M1NzguMyw0Ni4xLDU1Ni4xLDI0LDUxNy4yLDEyLjVjLTIyLjktNi43LTQ3LjktOS44LTcxLTMuOUMzOTUuOCwyMS43LDM0MC4zLDEwMiwyODUuMSwxMDIuNGMtNDUuNC4zLTcyLjYtMjYuNS0xMDIuMy00Ni4xLTIxLjgtMTQuNC00NC0zMC44LTY3LjQtNDIuMUM4NC4yLS45LDUwLjktNy4yLDEzLjIsMTEuOGwtMS4yLjZjLTMuNSwxLjktOC4yLDMuOS0xMiw1LjlWMTIwSDYzMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "13":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"OTAiPjx0aXRsZT4xMzwvdGl0bGU+PHBhdGggZD0iTTYzMCw5MEgxTDAsMFMxMzEsNzYuNiwzNjYsMzQuMmMxMjAtMjEuNywyNjQsNC41LDI2NCw0LjVaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4xNiIvPjxwYXRoIGQ9Ik0xLDkwSDYzMFYwUzQ4OSw3NC4zLDI1NCwzMS45QzEzNCwxMC4zLDAsMzMsMCwzM1oiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjIiLz48cGF0aCBkPSJNMCw5MEg2MzBWMTguMlM0NzUsNzcuNSwzMTQsNzcuNSwwLDE4LjIsMCwxOC4yWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==";
|
||
break;
|
||
case "14":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"NjAiPjx0aXRsZT5Bc3NldCAxNzg8L3RpdGxlPjxwYXRoIGQ9Ik0wLDAsMTEzLDE5LDU4MiwyOS40Nyw2MzAsMFY2MEgwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==";
|
||
break;
|
||
case "15":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"ODAiPjx0aXRsZT5Bc3NldCAxNzc8L3RpdGxlPjxwYXRoIGQ9Ik0zMTUsMCw2MzAsODBIMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "16":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"ODAiPjx0aXRsZT4xNjwvdGl0bGU+PHBhdGggZD0iTTAsODBTMjA4LDAsMzE1LDAsNjMwLDgwLDYzMCw4MFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "17":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTIwIj48dGl0bGU+MTc8L3RpdGxlPjxwYXRoIGQ9Ik0zMjAsMTZjODguNCwyLDMxMCwxMDQsMzEwLDEwNFM1NjkuNiw4Ny4zLDQ5OS41LDU2Yy0xOS43LTguOC00MC4xLTE3LjUtNjAuMi0yNS4zQzM5NS4yLDEzLjYsMzUyLjcuNywzMjQsMCwyMzUtMiwwLDEyMCwwLDEyMGwxNC4xLTUuNUM2Mi41LDkyLjgsMjQzLjMsMTQuMywzMjAsMTZaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zMSIvPjxwYXRoIGQ9Ik0xNC4xLDExNC41QzY0LjksOTUsMjM5LjQsMzAuMywzMTUsMzJjODguNCwyLDMxNSw4OCwzMTUsODhTNDA4LjQsMTgsMzIwLDE2QzI0My4zLDE0LjMsNjIuNSw5Mi44LDE0LjEsMTE0LjVaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC40MyIvPjxwYXRoIGQ9Ik0xNC4xLDExNC41QzY0LjksOTUsMjM5LjQsMzAuMywzMTUsMzJjODguNCwyLDMxNSw4OCwzMTUsODhTNDA4LjQsMTgsMzIwLDE2QzI0My4zLDE0LjMsNjIuNSw5Mi44LDE0LjEsMTE0LjVaIiBzdHlsZT0iZmlsbDojZmZmO29wYWNpdHk6MC4zMSIvPjxwYXRoIGQ9Ik0zMTUsMzJDMjM5LjQsMzAuMyw2NC45LDk1LDE0LjEsMTE0LjVMMiwxMjBINjMwUzQwMy40LDM0LDMxNSwzMloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "18":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"NDAiPjx0aXRsZT5Bc3NldCAxNzk8L3RpdGxlPjxwYXRoIGQ9Ik0wLDE4LjEsNTMsMS45LDEwMywyMGw1OS05LjUyLDU2LDE1LjIzLDcyLTcuNjEsNDYsNC43NiwzNC00Ljc2LDM2LDguNTcsNzYtMTksODUsMTUuMjRMNjMwLDBWMzcuMTRIMFoiIHN0eWxlPSJmaWxsOiNmZmY7b3BhY2l0eTowLjQ3MDAwMDAwMDAwMDAwMDAzIi8+PHBhdGggZD0iTTAsMjAsNTMsMy44MSwxMDMsMjEuOWw1OS05LjUyLDU2LDE1LjI0TDI5MCwyMGw0Niw0Ljc2TDM3MCwyMGwzNiw5LjUyLDc2LTE3LjE0LDg1LDE2LjE5LDYzLTE2LjE5VjQwSDBaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+";
|
||
break;
|
||
case "19":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"ODAiPjx0aXRsZT4xOTwvdGl0bGU+PHBhdGggZD0iTTYzMCwzNi45YTM0LjYsMzQuNiwwLDAsMC0xNi41LTQuMmMtMTcuMiwwLTMxLjgsMTIuNy0zNi43LDMwLjNhMjEuMiwyMS4yLDAsMCwwLTkuMy0yLjIsMjEuOCwyMS44LDAsMCwwLTEzLjksNS4xLDM4LjcsMzguNywwLDAsMC00MC40LTQuOGMtNS4yLTcuNy0xMy40LTEyLjYtMjIuNy0xMi42YTI1LjcsMjUuNywwLDAsMC04LjcsMS41QzQ3Mi45LDI3LjgsNDUzLDEyLjQsNDMwLDEyLjRzLTQyLjcsMTUuMy01MS43LDM3LjJjLTcuMi0xMC45LTE4LjgtMTguMS0zMS44LTE4LjFhMzcsMzcsMCwwLDAtMjQsOS4yYy02LTEwLjMtMTYuMy0xNy0yOC0xNy0xMy44LDAtMjUuNiw5LjMtMzAuNywyMi43QTI2LjUsMjYuNSwwLDAsMCwyNDQsMzcuMmEyMiwyMiwwLDAsMC01LjguN2MtNC0xMS42LTE0LTE5LjktMjUuNy0xOS45YTI0LjcsMjQuNywwLDAsMC05LjQsMS45QzE4OS4yLDcuNCwxNzEuNiwwLDE1Mi41LDAsMTI0LjYsMCwxMDAsMTUuOCw4NS4zLDM5LjlBMjcuNiwyNy42LDAsMCwwLDYzLDI4LjJhMjMuOSwyMy45LDAsMCwwLTcuMSwxQzQ3LjIsMTMsMzEuNSwyLjMsMTMuNSwyLjNBNDMuMyw0My4zLDAsMCwwLDAsNC40VjgwSDYzMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
case "20":
|
||
elem.options.style =
|
||
elem.options.prefix +
|
||
"MTAwIj48dGl0bGU+QXNzZXQgMTgwPC90aXRsZT48cGF0aCBkPSJNNjMwLDYwLjgyVjEwMEgwVjk1Ljg4bDExLjkxLTYuNDlMODQsNDMuMzRsMzYuNDksMjQuNDVMMTYwLDQ2LDIzMi4wNSwwbDQ5LjA3LDMyLjg5LDM0LjA3LDI5LjU5LDY4LjI5LDI3Ljc1TDQyMyw2NWw0Mi4yLDI4LjI5LDE4LjM5LTE2LDQ5LjA3LTMyLjg5TDU5NCw4My42MSw2MjgsNjEuOVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=";
|
||
break;
|
||
}
|
||
var decodeSvg = atob(elem.options.style);
|
||
var wrapper = document.createElement("div");
|
||
wrapper.innerHTML = decodeSvg;
|
||
var svg = wrapper.firstChild;
|
||
var paths = svg.getElementsByTagName("path");
|
||
[].forEach.call(paths, function(path) {
|
||
path.style.fill = elem.options.color;
|
||
});
|
||
if ($body.hasClass("b--desktop")) {
|
||
svg.setAttribute("preserveAspectRatio", "none");
|
||
if (elem.options.height) {
|
||
svg.setAttribute("style", "height:" + elem.options.height + "px");
|
||
} else {
|
||
svg.setAttribute("preserveAspectRatio", "none");
|
||
svg.setAttribute("style","height:" + Number(svg.height.baseVal.value).toFixed() / 1.2 + "px");
|
||
}
|
||
} else {
|
||
svg.setAttribute("preserveAspectRatio", "none");
|
||
svg.setAttribute("style","height:" + Number(svg.height.baseVal.value).toFixed() / 1.2 + "px");
|
||
}
|
||
$(".shape-divider svg title").remove();
|
||
elem.css({
|
||
"z-index": elem.options.zIndex,
|
||
opacity: elem.options.opacity
|
||
});
|
||
elem.append(svg);
|
||
});
|
||
},
|
||
responsiveVideos: function() {
|
||
//selecting elements
|
||
var selectors = [
|
||
'iframe[src*="player.vimeo.com"]',
|
||
'iframe[src*="youtube.com"]',
|
||
'iframe[src*="youtube-nocookie.com"]',
|
||
'iframe[src*="kickstarter.com"][src*="video.html"]',
|
||
"object",
|
||
"embed"
|
||
];
|
||
var videoContainers = $(
|
||
"section, .content, .post-content, .video-js, .post-video, .video-wrap, .ajax-quick-view,#slider:not(.revslider-wrap)"
|
||
);
|
||
var elem = videoContainers.find(selectors.join(","));
|
||
if (elem) {
|
||
elem.each(function() {
|
||
$(this).wrap(
|
||
'<div class="embed-responsive embed-responsive-16by9"></div>'
|
||
);
|
||
});
|
||
}
|
||
},
|
||
counters: function() {
|
||
var $counter = $(".counter");
|
||
if ($counter.length > 0) {
|
||
//Check if countTo plugin is loaded
|
||
if (typeof $.fn.countTo === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery countTo plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
//Initializing countTo plugin
|
||
$counter.each(function() {
|
||
var elem = $(this),
|
||
prefix = elem.find("span").attr("data-prefix") || "",
|
||
suffix = elem.find("span").attr("data-suffix") || "";
|
||
|
||
new Waypoint({
|
||
element: elem,
|
||
handler: function() {
|
||
elem.find("span").countTo({
|
||
refreshInterval: 2,
|
||
formatter: function(value, options) {
|
||
return (
|
||
String(prefix) +
|
||
value.toFixed(options.decimals) +
|
||
String(suffix)
|
||
);
|
||
}
|
||
});
|
||
this.destroy();
|
||
},
|
||
offset: "104%"
|
||
});
|
||
});
|
||
}
|
||
},
|
||
countdownTimer: function() {
|
||
var $countdownTimer = $(".countdown");
|
||
if ($countdownTimer.length > 0) {
|
||
//Check if countdown plugin is loaded
|
||
if (typeof $.fn.countdown === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery countdown plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$("[data-countdown]").each(function() {
|
||
var $this = $(this),
|
||
finalDate = $(this).attr("data-countdown");
|
||
$this.countdown(finalDate, function(event) {
|
||
$this.html(
|
||
event.strftime(
|
||
'<div class="countdown-container"><div class="countdown-box"><div class="number">%-D</div><span>Day%!d</span></div>' +
|
||
'<div class="countdown-box"><div class="number">%H</div><span>Hours</span></div>' +
|
||
'<div class="countdown-box"><div class="number">%M</div><span>Minutes</span></div>' +
|
||
'<div class="countdown-box"><div class="number">%S</div><span>Seconds</span></div></div>'
|
||
)
|
||
);
|
||
});
|
||
});
|
||
}
|
||
},
|
||
progressBar: function() {
|
||
var $progressBar = $(".p-progress-bar") || $(".progress-bar");
|
||
if ($progressBar.length > 0) {
|
||
$progressBar.each(function(i, elem) {
|
||
var $elem = $(this),
|
||
percent = $elem.attr("data-percent") || "100",
|
||
delay = $elem.attr("data-delay") || "60",
|
||
type = $elem.attr("data-type") || "%";
|
||
if (!$elem.hasClass("progress-animated")) {
|
||
$elem.css({
|
||
width: "0%"
|
||
});
|
||
}
|
||
var progressBarRun = function() {
|
||
$elem
|
||
.animate(
|
||
{
|
||
width: percent + "%"
|
||
},
|
||
"easeInOutCirc"
|
||
)
|
||
.addClass("progress-animated");
|
||
$elem
|
||
.delay(delay)
|
||
.append(
|
||
'<span class="progress-type">' +
|
||
type +
|
||
'</span><span class="progress-number animated fadeIn">' +
|
||
percent +
|
||
"</span>"
|
||
);
|
||
};
|
||
if (
|
||
$body.hasClass("breakpoint-lg") ||
|
||
$body.hasClass("breakpoint-xl")
|
||
) {
|
||
new Waypoint({
|
||
element: $(elem),
|
||
handler: function() {
|
||
var t = setTimeout(function() {
|
||
progressBarRun();
|
||
}, delay);
|
||
this.destroy();
|
||
},
|
||
offset: "100%"
|
||
});
|
||
} else {
|
||
progressBarRun();
|
||
}
|
||
});
|
||
}
|
||
},
|
||
pieChart: function() {
|
||
var $pieChart = $(".pie-chart");
|
||
if ($pieChart.length > 0) {
|
||
//Check if easyPieChart plugin is loaded
|
||
if (typeof $.fn.easyPieChart === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery easyPieChart plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$pieChart.each(function() {
|
||
var elem = $(this);
|
||
//Plugin Options
|
||
elem.options = {
|
||
barColor: elem.attr("data-color") || $theme_color,
|
||
trackColor: elem.attr("data-trackcolor") || "rgba(0,0,0,0.10)",
|
||
scaleColor: elem.attr("data-scaleColor") || false,
|
||
scaleLength: elem.attr("data-scaleLength") || 5,
|
||
lineCap: elem.attr("data-lineCap") || "square",
|
||
lineWidth: elem.attr("data-lineWidth") || 6,
|
||
size: elem.attr("data-size") || 160,
|
||
rotate: elem.attr("data-rotate") || 0,
|
||
animate: elem.attr("data-animate") || 2600,
|
||
elemEasing: elem.attr("data-easing") || "easeInOutExpo"
|
||
};
|
||
elem.find("span, i").css({
|
||
width: elem.options.size + "px",
|
||
height: elem.options.size + "px",
|
||
"line-height": elem.options.size + "px"
|
||
});
|
||
//Initializing jQuery easyPieChart plugin and passing the options
|
||
new Waypoint({
|
||
element: elem,
|
||
handler: function() {
|
||
elem.easyPieChart({
|
||
barColor: elem.options.barColor,
|
||
trackColor: elem.options.trackColor,
|
||
scaleColor: elem.options.scaleColor,
|
||
scaleLength: elem.options.scaleLength,
|
||
lineCap: elem.options.lineCap,
|
||
lineWidth: Number(elem.options.lineWidth),
|
||
size: Number(elem.options.size),
|
||
rotate: Number(elem.options.rotate),
|
||
animate: Number(elem.options.animate),
|
||
elemEasing: elem.options.elemEasing,
|
||
onStep: function(from, to, percent) {
|
||
elem.find("span.percent").text(Math.round(percent));
|
||
}
|
||
});
|
||
this.destroy();
|
||
},
|
||
offset: "100%"
|
||
});
|
||
});
|
||
}
|
||
},
|
||
maps: function() {
|
||
var $map = $(".map");
|
||
|
||
if ($map.length > 0) {
|
||
//Check if gMap plugin is loaded
|
||
if (typeof $.fn.gmap3 === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery gmap3 plugin is missing, please go to this <a href='//support.inspirothemes.com/help-center/articles/8/14/65/google-maps'>help article</a> and follow instructions on how to configure google maps.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$map.each(function() {
|
||
var elem = $(this);
|
||
//Plugin Options
|
||
elem.options = {
|
||
latitude: elem.attr("data-latitude") || "-37.817240",
|
||
longitude: elem.attr("data-longitude") || "144.955820",
|
||
info: elem.attr("data-info"),
|
||
maptype: elem.attr("data-type") || "ROADMAP",
|
||
zoom: elem.attr("data-zoom") || 14,
|
||
icon: elem.attr("data-icon"),
|
||
mapColor: elem.attr("data-style") || null
|
||
};
|
||
var mapsStyle;
|
||
if (window.MAPS) {
|
||
if (elem.options.mapColor) {
|
||
mapsStyle = MAPS[elem.options.mapColor];
|
||
} else {
|
||
mapsStyle = null;
|
||
}
|
||
}
|
||
//Initialize google maps plugin and passing the options
|
||
elem.gmap3({
|
||
center: [
|
||
Number(elem.options.latitude),
|
||
Number(elem.options.longitude)
|
||
],
|
||
zoom: Number(elem.options.zoom),
|
||
mapTypeId: google.maps.MapTypeId[elem.options.maptype],
|
||
scrollwheel: false,
|
||
zoomControl: true,
|
||
mapTypeControl: false,
|
||
streetViewControl: true,
|
||
fullscreenControl: true,
|
||
styles: mapsStyle
|
||
});
|
||
if (elem.options.icon) {
|
||
elem.gmap3().marker({
|
||
position: [
|
||
Number(elem.options.latitude),
|
||
Number(elem.options.longitude)
|
||
],
|
||
icon: elem.options.icon
|
||
});
|
||
} else {
|
||
elem
|
||
.gmap3()
|
||
.marker({
|
||
position: [
|
||
Number(elem.options.latitude),
|
||
Number(elem.options.longitude)
|
||
],
|
||
icon: " "
|
||
})
|
||
.overlay({
|
||
position: [
|
||
Number(elem.options.latitude),
|
||
Number(elem.options.longitude)
|
||
],
|
||
content: '<div class="animated-dot"></div>'
|
||
});
|
||
}
|
||
if (elem.options.info) {
|
||
elem
|
||
.gmap3()
|
||
.infowindow({
|
||
position: [
|
||
Number(elem.options.latitude),
|
||
Number(elem.options.longitude)
|
||
],
|
||
content: elem.options.info,
|
||
pixelOffset: new google.maps.Size(0, -10)
|
||
})
|
||
.then(function(infowindow) {
|
||
var map = this.get(0);
|
||
var marker = this.get(1);
|
||
marker.addListener("click", function() {
|
||
infowindow.open(map);
|
||
});
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
gridLayout: function() {
|
||
if ($gridLayout.length > 0) {
|
||
//Check if isotope plugin is loaded
|
||
if (typeof $.fn.isotope === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery isotope plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
|
||
var isotopeRTL;
|
||
if (INSPIRO.core.rtlStatus()) {
|
||
isotopeRTL = false;
|
||
} else {
|
||
isotopeRTL = true;
|
||
}
|
||
|
||
$gridLayout.each(function() {
|
||
var elem = $(this);
|
||
elem.options = {
|
||
itemSelector: elem.attr("data-item") || "portfolio-item",
|
||
layoutMode: elem.attr("data-layout") || "masonry",
|
||
filter: elem.attr("data-default-filter") || "*",
|
||
stagger: elem.attr("data-stagger") || 0,
|
||
autoHeight: elem.data("auto-height") == false ? false : true,
|
||
gridMargin: elem.attr("data-margin") || 20,
|
||
gridMarginXs: elem.attr("data-margin-xs"),
|
||
transitionDuration: elem.attr("data-transition") || "0.45s",
|
||
isOriginLeft: isotopeRTL
|
||
};
|
||
|
||
$(window).breakpoints("lessThan", "lg", function() {
|
||
elem.options.gridMargin =
|
||
elem.options.gridMarginXs || elem.options.gridMargin;
|
||
});
|
||
|
||
elem.css(
|
||
"margin",
|
||
"0 -" +
|
||
elem.options.gridMargin +
|
||
"px -" +
|
||
elem.options.gridMargin +
|
||
"px 0"
|
||
);
|
||
elem
|
||
.find("." + elem.options.itemSelector)
|
||
.css(
|
||
"padding",
|
||
"0 " +
|
||
elem.options.gridMargin +
|
||
"px " +
|
||
elem.options.gridMargin +
|
||
"px 0"
|
||
);
|
||
if (elem.attr("data-default-filter")) {
|
||
var elemDefaultFilter = elem.options.filter;
|
||
elem.options.filter = "." + elem.options.filter;
|
||
}
|
||
elem.append('<div class="grid-loader"></div>');
|
||
var $isotopelayout = $(elem).imagesLoaded(function() {
|
||
// init Isotope after all images have loaded
|
||
$isotopelayout.isotope({
|
||
layoutMode: elem.options.layoutMode,
|
||
transitionDuration: elem.options.transitionDuration,
|
||
stagger: Number(elem.options.stagger),
|
||
resize: true,
|
||
itemSelector:
|
||
"." + elem.options.itemSelector + ":not(.grid-loader)",
|
||
isOriginLeft: elem.options.isOriginLeft,
|
||
autoHeight: elem.options.autoHeight,
|
||
masonry: {
|
||
columnWidth: elem.find(
|
||
"." + elem.options.itemSelector + ":not(.large-width)"
|
||
)[0]
|
||
},
|
||
filter: elem.options.filter
|
||
});
|
||
elem.remove(".grid-loader").addClass("grid-loaded");
|
||
});
|
||
|
||
//Infinity Scroll
|
||
if (elem.next().hasClass("infinite-scroll")) {
|
||
INSPIRO.elements.gridLayoutInfinite(
|
||
elem,
|
||
elem.options.itemSelector,
|
||
elem.options.gridMargin
|
||
);
|
||
}
|
||
if ($gridFilter.length > 0) {
|
||
$gridFilter.each(function() {
|
||
var elemFilter = $(this),
|
||
$filterItem = elemFilter.find("a"),
|
||
elemFilterLayout = elemFilter.attr("data-layout"),
|
||
$filterItemActiveClass = "active";
|
||
$filterItem.on("click", function() {
|
||
elemFilter.find("li").removeClass($filterItemActiveClass);
|
||
$(this)
|
||
.parent("li")
|
||
.addClass($filterItemActiveClass);
|
||
var filterValue = $(this).attr("data-category");
|
||
$(elemFilterLayout)
|
||
.isotope({
|
||
filter: filterValue
|
||
})
|
||
.on("layoutComplete", function() {
|
||
$window.trigger("scroll");
|
||
});
|
||
if ($(".grid-active-title").length > 0) {
|
||
$(".grid-active-title")
|
||
.empty()
|
||
.append($(this).text());
|
||
}
|
||
return false;
|
||
});
|
||
if (elemDefaultFilter) {
|
||
var filterDefaultValue = elemFilter.find(
|
||
$('[data-category="' + elem.options.filter + '"]')
|
||
);
|
||
elemFilter.find("li").removeClass($filterItemActiveClass);
|
||
filterDefaultValue
|
||
.parent("li")
|
||
.addClass($filterItemActiveClass);
|
||
} else {
|
||
var filterDefaultValue = elemFilter.find(
|
||
$('[data-category="*"]')
|
||
);
|
||
filterDefaultValue
|
||
.parent("li")
|
||
.addClass($filterItemActiveClass);
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
gridLayoutInfinite: function(element, elementSelector, elemGridMargin) {
|
||
//Check if infiniteScroll plugin is loaded
|
||
if (typeof $.fn.infiniteScroll === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery infiniteScroll plugin is missing, please add this code line <b> <script src="plugins/metafizzy/infinite-scroll.min.js"></script></b>, before <b>plugins.js</b>",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
var elem = element,
|
||
gridItem = elementSelector,
|
||
gridMargin = elemGridMargin,
|
||
loadOnScroll = true,
|
||
threshold = 500,
|
||
prefilli = true,
|
||
loadMoreElem = $("#showMore"),
|
||
loadMoreBtn = $("#showMore a.btn"),
|
||
loadMoreBtnText = $("#showMore a.btn").html(),
|
||
loadMoreMessage = $(
|
||
'<div class="infinite-scroll-message"><p class="animated visible fadeIn">No more posts to show</p></div>'
|
||
);
|
||
|
||
var pathSelector = $(".infinite-scroll > a").attr("href");
|
||
if (pathSelector.indexOf(".html") > -1) {
|
||
var pathSelector = pathSelector.replace(/(-\d+)/g, "-{{#}}");
|
||
}
|
||
|
||
if (loadMoreElem.length > 0) {
|
||
loadOnScroll = false;
|
||
threshold = false;
|
||
prefilli = false;
|
||
}
|
||
elem.infiniteScroll({
|
||
path: pathSelector,
|
||
append: "." + gridItem,
|
||
history: false,
|
||
button: "#showMore a",
|
||
scrollThreshold: threshold,
|
||
loadOnScroll: loadOnScroll,
|
||
prefill: prefilli
|
||
});
|
||
|
||
elem.on("load.infiniteScroll", function(event, response, path, items) {
|
||
var $items = $(response).find("." + gridItem);
|
||
$items.imagesLoaded(function() {
|
||
elem.append($items);
|
||
elem.isotope("insert", $items);
|
||
});
|
||
});
|
||
|
||
elem.on("error.infiniteScroll", function(event, error, path) {
|
||
loadMoreElem.addClass("animated visible fadeOut");
|
||
var t = setTimeout(function() {
|
||
loadMoreElem.hide();
|
||
elem.after(loadMoreMessage);
|
||
}, 500);
|
||
var t = setTimeout(function() {
|
||
$(".infinite-scroll-message").addClass("animated visible fadeOut");
|
||
}, 3000);
|
||
});
|
||
elem.on("append.infiniteScroll", function(event, response, path, items) {
|
||
INSPIRO.slider.carousel($(items).find(".carousel"));
|
||
loadMoreBtn.html(loadMoreBtnText);
|
||
element.css(
|
||
"margin",
|
||
"0 -" + gridMargin + "px -" + gridMargin + "px 0"
|
||
);
|
||
element
|
||
.find("." + gridItem)
|
||
.css("padding", "0 " + gridMargin + "px " + gridMargin + "px 0");
|
||
});
|
||
},
|
||
|
||
tooltip: function() {
|
||
var $tooltip = $('[data-toggle="tooltip"]');
|
||
if ($tooltip.length > 0) {
|
||
//Check if tooltip plugin is loaded
|
||
if (typeof $.fn.tooltip === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning: jQuery tooltip plugin is missing in plugins.js file.",
|
||
"warning"
|
||
);
|
||
return true;
|
||
}
|
||
//Initialize Tooltip plugin function
|
||
$tooltip.tooltip();
|
||
}
|
||
},
|
||
popover: function() {
|
||
var $popover = $('[data-toggle="popover"]');
|
||
if ($popover.length > 0) {
|
||
//Check if popover plugin is loaded
|
||
if (typeof $.fn.popover === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning: jQuery popover plugin is missing in plugins.js file.",
|
||
"warning"
|
||
);
|
||
return true;
|
||
}
|
||
//Initialize Tooltip plugin function
|
||
$popover.popover({
|
||
container: "body",
|
||
html: true
|
||
});
|
||
}
|
||
},
|
||
|
||
magnificPopup: function() {
|
||
var $lightbox = $("[data-lightbox]");
|
||
if ($lightbox.length > 0) {
|
||
//Check if magnificPopup plugin is loaded
|
||
if (typeof $.fn.magnificPopup === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery magnificPopup plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
//Get lightbox data type
|
||
var getType = {
|
||
image: {
|
||
type: "image",
|
||
closeOnContentClick: true,
|
||
removalDelay: 500,
|
||
image: {
|
||
verticalFit: true
|
||
},
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
this.st.image.markup = this.st.image.markup.replace(
|
||
"mfp-figure",
|
||
"mfp-figure mfp-with-anim"
|
||
);
|
||
this.st.mainClass = "mfp-zoom-out";
|
||
}
|
||
}
|
||
},
|
||
gallery: {
|
||
delegate:
|
||
'a[data-lightbox="gallery-image"], a[data-lightbox="image"]',
|
||
type: "image",
|
||
image: {
|
||
verticalFit: true
|
||
},
|
||
gallery: {
|
||
enabled: true,
|
||
navigateByImgClick: true,
|
||
preload: [0, 1]
|
||
},
|
||
removalDelay: 500,
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
this.st.image.markup = this.st.image.markup.replace(
|
||
"mfp-figure",
|
||
"mfp-figure mfp-with-anim"
|
||
);
|
||
this.st.mainClass = "mfp-zoom-out";
|
||
}
|
||
}
|
||
},
|
||
iframe: {
|
||
type: "iframe",
|
||
removalDelay: 500,
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
this.st.image.markup = this.st.image.markup.replace(
|
||
"mfp-figure",
|
||
"mfp-figure mfp-with-anim"
|
||
);
|
||
this.st.mainClass = "mfp-zoom-out";
|
||
}
|
||
}
|
||
},
|
||
ajax: {
|
||
type: "ajax",
|
||
removalDelay: 500,
|
||
callbacks: {
|
||
ajaxContentAdded: function(mfpResponse) {
|
||
INSPIRO.slider.carouselAjax();
|
||
INSPIRO.elements.responsiveVideos();
|
||
INSPIRO.elements.buttons();
|
||
}
|
||
}
|
||
},
|
||
inline: {
|
||
type: "inline",
|
||
removalDelay: 500,
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
this.st.image.markup = this.st.image.markup.replace(
|
||
"mfp-figure",
|
||
"mfp-figure mfp-with-anim"
|
||
);
|
||
this.st.mainClass = "mfp-zoom-out";
|
||
}
|
||
},
|
||
closeBtnInside: false,
|
||
fixedContentPos: true,
|
||
overflowY: "scroll"
|
||
}
|
||
};
|
||
//Initializing jQuery magnificPopup plugin and passing the options
|
||
$lightbox.each(function() {
|
||
var elem = $(this),
|
||
elemType = elem.attr("data-lightbox");
|
||
switch (elemType) {
|
||
case "image":
|
||
elem.magnificPopup(getType.image);
|
||
break;
|
||
case "gallery":
|
||
elem.magnificPopup(getType.gallery);
|
||
break;
|
||
case "iframe":
|
||
elem.magnificPopup(getType.iframe);
|
||
break;
|
||
case "ajax":
|
||
elem.magnificPopup(getType.ajax);
|
||
break;
|
||
case "inline":
|
||
elem.magnificPopup(getType.inline);
|
||
break;
|
||
}
|
||
});
|
||
}
|
||
},
|
||
yTPlayer: function() {
|
||
var $ytPlayer = $(".youtube-background");
|
||
if ($ytPlayer.length > 0) {
|
||
//Check if YTPlayer plugin is loaded
|
||
if (typeof $.fn.YTPlayer === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery YTPlayer plugin is missing, please add this code line <b> <script src="plugins/youtube-player/jquery.mb.YTPlayer.min.js"></script></b>, before <b><--Template functions--></b>",
|
||
"danger",
|
||
10000
|
||
);
|
||
return true;
|
||
}
|
||
$ytPlayer.each(function() {
|
||
var elem = $(this);
|
||
//Plugin Options
|
||
elem.options = {
|
||
videoURL: elem.attr("data-youtube-url"),
|
||
autoPlay: elem.data("youtube-autoplay") == false ? 0 : 1,
|
||
mute: elem.data("youtube-mute") == false ? false : true,
|
||
pauseOnScroll:
|
||
elem.data("youtube-pauseOnScroll") == false ? false : true,
|
||
loop: elem.data("youtube-loop") == false ? false : true,
|
||
vol: elem.attr("data-youtube-volume") || 50,
|
||
startAt: elem.attr("data-youtube-start") || 0,
|
||
stopAt: elem.attr("data-youtube-stop") || 0,
|
||
controls: elem.data("youtube-controls") == true ? 1 : 0
|
||
};
|
||
var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
|
||
var match = elem.options.videoURL.match(regExp);
|
||
if (match && match[2].length == 11) {
|
||
elem.options.videoURL = match[2];
|
||
} else {
|
||
elem.options.videoURL = elem.options.videoURL;
|
||
}
|
||
elem.YTPlayer({
|
||
fitToBackground: true,
|
||
videoId: elem.options.videoURL,
|
||
repeat: elem.options.loop,
|
||
playerVars: {
|
||
start: elem.options.start,
|
||
end: elem.options.end,
|
||
autoplay: elem.options.autoPlay,
|
||
modestbranding: elem.options.logo,
|
||
controls: elem.options.controls,
|
||
origin: window.location.origin,
|
||
branding: 0,
|
||
rel: 0,
|
||
showinfo: 0
|
||
},
|
||
events: {
|
||
onReady: onPlayerReady
|
||
}
|
||
});
|
||
|
||
function onPlayerReady(event) {
|
||
if (elem.options.vol) {
|
||
event.target.setVolume(elem.options.vol);
|
||
}
|
||
if (elem.options.mute) {
|
||
event.target.mute();
|
||
}
|
||
if (elem.options.pauseOnScroll) {
|
||
var waypoint = new Waypoint({
|
||
element: elem,
|
||
handler: function(direction) {
|
||
event.target.pauseVideo();
|
||
if (elem.options.autoPlay == true && direction == "up") {
|
||
event.target.playVideo();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
},
|
||
vimeoPlayer: function() {
|
||
var $vmPlayer = $(".vimeo-background");
|
||
if ($vmPlayer.length > 0) {
|
||
//Check if vimeo_player plugin is loaded
|
||
if (typeof $.fn.vimeo_player === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery vimeo_player plugin is missing, please add this code line <b> <script src="plugins/vimeo-player/jquery.mb.vimeo_player.min.js"></script></b>, before <b><--Template functions--></b>",
|
||
"danger",
|
||
10000
|
||
);
|
||
return true;
|
||
}
|
||
$vmPlayer.each(function() {
|
||
var elem = $(this),
|
||
elemVideo = elem.attr("data-vimeo-url") || null,
|
||
elemMute = elem.attr("data-vimeo-mute") || false,
|
||
elemRatio = elem.attr("data-vimeo-ratio") || "16/9",
|
||
elemQuality = elem.attr("data-vimeo-quality") || "hd720",
|
||
elemOpacity = elem.attr("data-vimeo-opacity") || 1,
|
||
elemContainer = elem.attr("data-vimeo-container") || "self",
|
||
elemOptimize = elem.attr("data-vimeo-optimize") || true,
|
||
elemLoop = elem.attr("data-vimeo-loop") || true,
|
||
elemVolume = elem.attr("data-vimeo-volume") || 70,
|
||
elemStart = elem.attr("data-vimeo-start") || 0,
|
||
elemStop = elem.attr("data-vimeo-stop") || 0,
|
||
elemAutoPlay = elem.attr("data-vimeo-autoplay") || true,
|
||
elemFullScreen = elem.attr("data-vimeo-fullscreen") || true,
|
||
elemControls = elem.attr("data-vimeo-controls") || false,
|
||
elemLogo = elem.attr("data-vimeo-logo") || false,
|
||
elemAutoPause = elem.attr("data-vimeo-autopause") || false;
|
||
elem.vimeo_player({
|
||
videoURL: elemVideo,
|
||
mute: elemMute,
|
||
ratio: elemRatio,
|
||
quality: elemQuality,
|
||
opacity: elemOpacity,
|
||
containment: elemContainer,
|
||
optimizeDisplay: elemOptimize,
|
||
loop: elemLoop,
|
||
vol: elemVolume,
|
||
startAt: elemStart,
|
||
stopAt: elemStop,
|
||
autoPlay: elemAutoPlay,
|
||
realfullscreen: elemFullScreen,
|
||
showvmLogo: elemLogo,
|
||
showControls: elemControls
|
||
});
|
||
});
|
||
}
|
||
},
|
||
modal: function() {
|
||
//Check if magnificPopup plugin is loaded
|
||
if (typeof $.fn.magnificPopup === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery magnificPopup plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
var $modal = $(".modal"),
|
||
$modalStrip = $(".modal-strip"),
|
||
$btnModal = $(".btn-modal"),
|
||
modalShow = "modal-auto-open",
|
||
modalShowClass = "modal-active",
|
||
modalDecline = $(".modal-close"),
|
||
cookieNotify = $(".cookie-notify"),
|
||
cookieConfirm = cookieNotify.find(".modal-confirm, .mfp-close");
|
||
/*Modal*/
|
||
if ($modal.length > 0) {
|
||
$modal.each(function() {
|
||
var elem = $(this),
|
||
elemDelay = elem.attr("data-delay") || 3000,
|
||
elemCookieExpire = elem.attr("data-cookie-expire") || 365,
|
||
elemCookieName =
|
||
elem.attr("data-cookie-name") || "cookieModalName2020_3",
|
||
elemCookieEnabled =
|
||
elem.data("cookie-enabled") == true ? true : false,
|
||
elemModalDismissDelay = elem.attr("data-delay-dismiss");
|
||
/*Modal Auto Show*/
|
||
if (elem.hasClass(modalShow)) {
|
||
var modalElem = $(this);
|
||
var timeout = setTimeout(function() {
|
||
modalElem.addClass(modalShowClass);
|
||
}, elemDelay);
|
||
}
|
||
/*Modal Dissmis Button*/
|
||
elem.find(modalDecline).click(function() {
|
||
elem.removeClass(modalShowClass);
|
||
return false;
|
||
});
|
||
/*Modal Auto Show*/
|
||
if (elem.hasClass(modalShow)) {
|
||
if (elemCookieEnabled != true) {
|
||
/*Cookie Notify*/
|
||
var t = setTimeout(function() {
|
||
$.magnificPopup.open(
|
||
{
|
||
items: {
|
||
src: elem
|
||
},
|
||
type: "inline",
|
||
closeBtnInside: true,
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
this.st.image.markup = this.st.image.markup.replace(
|
||
"mfp-figure",
|
||
"mfp-figure mfp-with-anim"
|
||
);
|
||
this.st.mainClass = "mfp-zoom-out";
|
||
},
|
||
open: function() {
|
||
if (elem.find("video").length > 0) {
|
||
elem
|
||
.find("video")
|
||
.get(0)
|
||
.play();
|
||
}
|
||
}
|
||
}
|
||
},
|
||
0
|
||
);
|
||
}, elemDelay);
|
||
} else {
|
||
if (typeof Cookies.get(elemCookieName) == "undefined") {
|
||
/*Cookie Notify*/
|
||
var t = setTimeout(function() {
|
||
$.magnificPopup.open(
|
||
{
|
||
items: {
|
||
src: elem
|
||
},
|
||
type: "inline",
|
||
closeBtnInside: true,
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
this.st.image.markup = this.st.image.markup.replace(
|
||
"mfp-figure",
|
||
"mfp-figure mfp-with-anim"
|
||
);
|
||
this.st.mainClass = "mfp-zoom-out";
|
||
},
|
||
open: function() {
|
||
if (elem.find("video").length > 0) {
|
||
elem
|
||
.find("video")
|
||
.get(0)
|
||
.play();
|
||
}
|
||
},
|
||
close: function() {
|
||
Cookies.set(elemCookieName, true, {
|
||
expires: Number(elemCookieExpire)
|
||
});
|
||
}
|
||
}
|
||
},
|
||
0
|
||
);
|
||
}, elemDelay);
|
||
}
|
||
}
|
||
}
|
||
/*Modal Dissmis Button*/
|
||
elem.find(modalDecline).click(function() {
|
||
$.magnificPopup.close();
|
||
return false;
|
||
});
|
||
|
||
if (elemModalDismissDelay) {
|
||
}
|
||
});
|
||
}
|
||
/*Modal Strip*/
|
||
if ($modalStrip.length > 0) {
|
||
$modalStrip.each(function() {
|
||
var elem = $(this),
|
||
elemDelay = elem.attr("data-delay") || 3000,
|
||
elemCookieExpire = elem.attr("data-cookie-expire") || 365,
|
||
elemCookieName = elem.attr("data-cookie-name") || "cookieName2013",
|
||
elemCookieEnabled =
|
||
elem.data("cookie-enabled") == true ? true : false,
|
||
elemModalDismissDelay = elem.attr("data-delay-dismiss");
|
||
/*Modal Auto Show*/
|
||
if (elem.hasClass(modalShow)) {
|
||
var modalElem = $(this);
|
||
var timeout = setTimeout(function() {
|
||
modalElem.addClass(modalShowClass);
|
||
if (elemModalDismissDelay) {
|
||
var t = setTimeout(function() {
|
||
elem.removeClass(modalShowClass);
|
||
}, elemModalDismissDelay);
|
||
}
|
||
}, elemDelay);
|
||
}
|
||
/*Modal Dissmis Button*/
|
||
elem.find(modalDecline).click(function() {
|
||
elem.removeClass(modalShowClass);
|
||
return false;
|
||
});
|
||
/*Cookie Notify*/
|
||
if (elem.hasClass("cookie-notify")) {
|
||
var timeout = setTimeout(function() {
|
||
if (elemCookieEnabled != true) {
|
||
cookieNotify.addClass(modalShowClass);
|
||
} else {
|
||
if (typeof Cookies.get(elemCookieName) == "undefined") {
|
||
cookieNotify.addClass(modalShowClass);
|
||
}
|
||
}
|
||
}, elemDelay);
|
||
cookieConfirm.click(function() {
|
||
Cookies.set(elemCookieName, true, {
|
||
expires: Number(elemCookieExpire)
|
||
});
|
||
$.magnificPopup.close();
|
||
cookieNotify.removeClass(modalShowClass);
|
||
return false;
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
/*Modal toggles*/
|
||
if ($btnModal.length > 0) {
|
||
$btnModal.each(function() {
|
||
var elem = $(this),
|
||
modalTarget = elem.attr("data-modal");
|
||
elem.click(function() {
|
||
$(modalTarget).toggleClass(modalShowClass, 1000);
|
||
return false;
|
||
});
|
||
});
|
||
}
|
||
},
|
||
notification: function(
|
||
$title,
|
||
$message,
|
||
$type,
|
||
$element,
|
||
$delay,
|
||
$placement,
|
||
$animateEnter,
|
||
$animateExit,
|
||
$backgroundImage,
|
||
$timeout
|
||
) {
|
||
var $element,
|
||
$elementContainer,
|
||
$animateEnter = $animateEnter || "fadeInDown",
|
||
$animateExit = $animateExit || "fadeOutDown",
|
||
$placement,
|
||
$backgroundImage,
|
||
$backgroundImageContainer,
|
||
$timeout;
|
||
|
||
if ($placement) {
|
||
$placement = $placement;
|
||
} else {
|
||
$placement = "top";
|
||
}
|
||
|
||
if ($element) {
|
||
$elementContainer = "element-container";
|
||
($animateEnter = "fadeIn"), ($animateExit = "fadeOut");
|
||
} else {
|
||
$elementContainer = "col-11 col-md-4";
|
||
}
|
||
|
||
if ($backgroundImage) {
|
||
$backgroundImageContainer =
|
||
'style="background-image:url(' +
|
||
$backgroundImage +
|
||
'); background-repeat: no-repeat; background-position: 50% 20%; height:120px !important; width:430px !important; border:0px;" ';
|
||
}
|
||
|
||
if (!$message) {
|
||
$message = "";
|
||
}
|
||
|
||
$element = "body";
|
||
|
||
var notify = function() {
|
||
$.notify(
|
||
{
|
||
title: $title,
|
||
message: $message
|
||
},
|
||
{
|
||
element: $element,
|
||
type: $type || "warning",
|
||
delay: $delay || 10000,
|
||
template:
|
||
'<div data-notify="container" ' +
|
||
$backgroundImageContainer +
|
||
' class="bootstrap-notify ' +
|
||
$elementContainer +
|
||
' alert alert-{0}" role="alert">' +
|
||
'<button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button>' +
|
||
'<span data-notify="icon"></span> ' +
|
||
'<span data-notify="title">{1}</span> ' +
|
||
'<span data-notify="message">{2}</span>' +
|
||
"</div>",
|
||
mouse_over: true,
|
||
allow_dismiss: true,
|
||
placement: {
|
||
from: $placement
|
||
},
|
||
animate: {
|
||
enter: "animated " + $animateEnter,
|
||
exit: "animated " + $animateExit
|
||
}
|
||
}
|
||
);
|
||
};
|
||
|
||
if ($timeout) {
|
||
setTimeout(function() {
|
||
notify();
|
||
}, 2000);
|
||
} else {
|
||
notify();
|
||
}
|
||
},
|
||
sidebarFixed: function() {
|
||
if (INSPIRO.core.rtlStatus()) {
|
||
return true;
|
||
}
|
||
var $sidebarFixed = $(".sticky-sidebar");
|
||
if ($sidebarFixed.length > 0) {
|
||
//Check if theiaStickySidebar plugin is loaded
|
||
if (typeof $.fn.theiaStickySidebar === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery theiaStickySidebar plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$sidebarFixed.each(function() {
|
||
var elem = $(this);
|
||
elem.options = {
|
||
additionalMarginTop: elem.attr("data-margin-top") || 120,
|
||
additionalMarginBottom: elem.attr("data-margin-bottom") || 50
|
||
};
|
||
//Initialize theiaStickySidebar plugin and passing the options
|
||
elem.theiaStickySidebar({
|
||
additionalMarginTop: Number(elem.options.additionalMarginTop),
|
||
additionalMarginBottom: Number(elem.options.additionalMarginBottom),
|
||
disableOnResponsiveLayouts: true
|
||
});
|
||
});
|
||
}
|
||
},
|
||
bootstrapSwitch: function() {
|
||
var $bootstrapSwitch = $("[data-switch=true]");
|
||
if ($bootstrapSwitch.length > 0) {
|
||
//Check if bootstrapSwitch plugin is loaded
|
||
if (typeof $.fn.bootstrapSwitch === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery bootstrapSwitch plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
//Initialize jQuery BootstrapSwitch plugin
|
||
$bootstrapSwitch.bootstrapSwitch();
|
||
}
|
||
},
|
||
clipboard: function() {
|
||
var $clipboardTarget = $("[data-clipboard-target]"),
|
||
$clipboardText = $("[data-clipboard-text]");
|
||
if ($clipboardTarget.length > 0) {
|
||
//Check if ClipboardJS plugin is loaded
|
||
if (typeof ClipboardJS === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery ClipboardJS plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
if ($clipboardTarget) {
|
||
new ClipboardJS("[data-clipboard-target]");
|
||
clipboardInit($clipboardTarget);
|
||
}
|
||
if ($clipboardText) {
|
||
new ClipboardJS("[data-clipboard-text]");
|
||
clipboardInit($clipboardText);
|
||
}
|
||
|
||
function clipboardInit(clipboardType) {
|
||
clipboardType.each(function() {
|
||
var elem = $(this),
|
||
title = elem.attr("data-original-title") || "Copy to clipboard",
|
||
titleSuccess =
|
||
elem.attr("data-original-title-success") || "Copied!";
|
||
elem.tooltip({
|
||
placement: "top",
|
||
title: title
|
||
});
|
||
elem
|
||
.on("click", function() {
|
||
elem.attr("data-original-title", titleSuccess).tooltip("show");
|
||
})
|
||
.on("mouseleave", function() {
|
||
elem.tooltip("hide").attr("data-original-title", title);
|
||
return false;
|
||
});
|
||
});
|
||
}
|
||
}
|
||
},
|
||
countdown: function() {
|
||
var $countdown = $(".p-countdown");
|
||
if ($countdown.length > 0) {
|
||
$countdown.each(function() {
|
||
var $elem = $(this),
|
||
$elemCount = $elem.find(".p-countdown-count"),
|
||
$elemShow = $elem.find(".p-countdown-show"),
|
||
$elemSeconds = $elem.attr("data-delay") || 5;
|
||
$elemCount.find(".count-number").html($elemSeconds);
|
||
new Waypoint({
|
||
element: $elem,
|
||
handler: function() {
|
||
var interval = setInterval(function() {
|
||
$elemSeconds--;
|
||
if ($elemSeconds == 0) {
|
||
clearInterval(interval);
|
||
$elemCount.fadeOut("slow");
|
||
setTimeout(function() {
|
||
$elemShow.fadeIn("show");
|
||
}, 1000);
|
||
} else {
|
||
$elemCount.find(".count-number").html($elemSeconds);
|
||
}
|
||
}, 1000);
|
||
this.destroy();
|
||
},
|
||
offset: "100%"
|
||
});
|
||
});
|
||
}
|
||
},
|
||
videoBackground: function() {
|
||
var $videoBackground = $("[data-bg-video], [data-vide-bg]");
|
||
if ($videoBackground.length > 0) {
|
||
$videoBackground.each(function() {
|
||
var elem = $(this);
|
||
elem.options = {
|
||
autoplay: elem.attr("data-video-autoplay") || true,
|
||
controls: elem.attr("data-video-controls"),
|
||
loop: elem.attr("data-video-loop") || true,
|
||
muted: elem.attr("data-video-muted") || true,
|
||
poster: elem.attr("data-video-poster") || "",
|
||
preload: elem.attr("data-video-preload") || "auto",
|
||
src: elem.attr("data-bg-video"),
|
||
randomId: Math.random()
|
||
.toString(36)
|
||
.substr(2, 5)
|
||
};
|
||
if (elem.options.controls) {
|
||
elem.options.controls =
|
||
' controls="' + elem.options.controls + '" ';
|
||
} else {
|
||
elem.options.controls = "";
|
||
}
|
||
elem.prepend(
|
||
'<div class="html5vid" id="video-' +
|
||
elem.options.randomId +
|
||
'">' +
|
||
"<video playsinline " +
|
||
elem.options.controls +
|
||
' loop="' +
|
||
elem.options.loop +
|
||
'" muted="' +
|
||
elem.options.muted +
|
||
'" poster="' +
|
||
elem.options.poster +
|
||
'" preload="' +
|
||
elem.options.preload +
|
||
'">' +
|
||
'<source src="' +
|
||
elem.options.src +
|
||
'" type="video/mp4">' +
|
||
"</video>" +
|
||
"</div>"
|
||
);
|
||
if (elem.options.autoplay) {
|
||
setTimeout(function() {
|
||
$("#video-" + elem.options.randomId)
|
||
.find("video")
|
||
.get(0)
|
||
.play();
|
||
}, 100);
|
||
}
|
||
setTimeout(function() {
|
||
$("#video-" + elem.options.randomId).addClass("video-loaded");
|
||
}, 300);
|
||
});
|
||
}
|
||
}
|
||
};
|
||
INSPIRO.widgets = {
|
||
functions: function() {
|
||
INSPIRO.widgets.twitter();
|
||
INSPIRO.widgets.flickr();
|
||
INSPIRO.widgets.instagram();
|
||
INSPIRO.widgets.subscribeForm();
|
||
},
|
||
twitter: function() {
|
||
var $widget_twitter = $(".widget-tweeter") || $(".widget-twitter");
|
||
if ($widget_twitter.length > 0) {
|
||
//Check if twittie plugin is loaded
|
||
if (typeof $.fn.twittie === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery twittie plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
var t = setTimeout(function() {
|
||
$widget_twitter.each(function() {
|
||
var elem = $(this),
|
||
twitterUsername = elem.attr("data-username") || "ardianmusliu",
|
||
twitterLimit = elem.attr("data-limit") || 2,
|
||
twitterDateFormat = elem.attr("data-format") || "%b/%d/%Y",
|
||
twitterLoadingText =
|
||
elem.attr("data-loading-text") || "Loading...",
|
||
twitterApiPAth =
|
||
elem.attr("data-loader") || "include/twitter/tweet.php",
|
||
twitterAvatar = elem.attr("data-avatar") || false;
|
||
if (twitterAvatar == "true") {
|
||
twitterAvatar = "{{avatar}}";
|
||
} else {
|
||
twitterAvatar = "";
|
||
}
|
||
elem.append('<div id="twitter-cnt"></div>');
|
||
elem.find("#twitter-cnt").twittie(
|
||
{
|
||
username: twitterUsername,
|
||
count: twitterLimit,
|
||
dateFormat: twitterDateFormat,
|
||
template: twitterAvatar + "{{tweet}}<small>{{date}}</small>",
|
||
apiPath: twitterApiPAth,
|
||
loadingText: twitterLoadingText
|
||
},
|
||
function() {
|
||
if (elem.parents(".grid-layout").length > 0) {
|
||
elem.parents(".grid-layout").isotope("layout");
|
||
}
|
||
}
|
||
);
|
||
});
|
||
}, 2000);
|
||
}
|
||
},
|
||
flickr: function() {
|
||
var $flickr_widget = $(".flickr-widget");
|
||
if ($flickr_widget.length > 0) {
|
||
//Check if jflickrfeed plugin is loaded
|
||
if (typeof $.fn.jflickrfeed === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery jflickrfeed plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$flickr_widget.each(function() {
|
||
var elem = $(this);
|
||
elem.options = {
|
||
id: elem.attr("data-flickr-id") || "52617155@N08",
|
||
limit: elem.attr("data-flickr-images") || "9",
|
||
itemTemplate:
|
||
'<a href="{{image}}" title="{{title}}"><img src="{{image_s}}" alt="{{title}}" /></a>'
|
||
};
|
||
//Initializing jflickrfeed plugin and passing the options
|
||
$flickr_widget.jflickrfeed(
|
||
{
|
||
limit: elem.options.limit,
|
||
qstrings: {
|
||
id: elem.options.id
|
||
},
|
||
itemTemplate: elem.options.itemTemplate
|
||
},
|
||
function() {
|
||
var t = setTimeout(function() {
|
||
elem.addClass("flickr-widget-loaded");
|
||
}, 1000);
|
||
elem.magnificPopup({
|
||
delegate: "a",
|
||
type: "image",
|
||
gallery: {
|
||
enabled: true
|
||
}
|
||
});
|
||
|
||
if (elem.parents(".grid-layout").length > 0) {
|
||
elem.parents(".grid-layout").isotope("layout");
|
||
}
|
||
}
|
||
);
|
||
});
|
||
}
|
||
},
|
||
instagram: function() {
|
||
var $widget_instagram = $(".widget-instagram");
|
||
if ($widget_instagram.length > 0) {
|
||
//Check if spectragram plugin is loaded
|
||
if (typeof $.fn.spectragram === "undefined") {
|
||
INSPIRO.elements.notification(
|
||
"Warning",
|
||
"jQuery spectragram plugin is missing in plugins.js file.",
|
||
"danger"
|
||
);
|
||
return true;
|
||
}
|
||
$widget_instagram.each(function() {
|
||
var elem = $(this),
|
||
instagramLimit = elem.attr("data-limit") || 12,
|
||
instagramColumns = elem.attr("data-col") || 3,
|
||
instagramAccessToken =
|
||
elem.attr("data-token") ||
|
||
"5783726529.226c7d2.68a168eec1264759b9f91c1fc2c6ce56",
|
||
instagramItems = "#instagram-cnt",
|
||
instagramSize = elem.attr("data-size") || "small", //The size of the photos. 'small', 'medium' or 'big'. Default: 'medium'
|
||
instagramGridColumns = "grid-" + instagramColumns;
|
||
elem.append(
|
||
'<div id="instagram-cnt" class="' +
|
||
instagramGridColumns +
|
||
'"></div>'
|
||
);
|
||
jQuery.fn.spectragram.accessData = {
|
||
accessToken: instagramAccessToken
|
||
};
|
||
elem.find($(instagramItems)).spectragram("getUserFeed", {
|
||
size: instagramSize,
|
||
max: instagramLimit,
|
||
wrapEachWith: "",
|
||
complete: function() {
|
||
elem.addClass("widget-instagram-loaded");
|
||
if (elem.parents(".grid-layout").length > 0) {
|
||
elem.parents(".grid-layout").isotope("layout");
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
},
|
||
subscribeForm: function() {
|
||
var $subscribeForm = $(".widget-subscribe-form");
|
||
if ($subscribeForm.length > 0) {
|
||
$subscribeForm.each(function() {
|
||
var elem = $(this),
|
||
elemSuccessMessage =
|
||
elem.attr("success-message") ||
|
||
"You have successfully subscribed to our mailing list.";
|
||
var addonIcon = elem.find("#widget-subscribe-submit-button"),
|
||
addonIconText = addonIcon.html();
|
||
elem.submit(function(event) {
|
||
event.preventDefault();
|
||
var post_url = $(this).attr("action");
|
||
var request_method = $(this).attr("method");
|
||
var form_data = $(this).serialize();
|
||
if (elem[0].checkValidity() === false) {
|
||
event.stopPropagation();
|
||
elem.addClass("was-validated");
|
||
} else {
|
||
$(elem).removeClass("was-validated");
|
||
addonIcon.html('<i class="icon-loader fa-spin"></i>');
|
||
$.ajax({
|
||
url: post_url,
|
||
type: request_method,
|
||
data: form_data,
|
||
dataType: "json",
|
||
success: function(text) {
|
||
if (text.response == "success") {
|
||
$.notify(
|
||
{
|
||
message: elemSuccessMessage
|
||
},
|
||
{
|
||
type: "success"
|
||
}
|
||
);
|
||
$(elem)[0].reset();
|
||
$(elem).removeClass("was-validated");
|
||
addonIcon.html(addonIconText);
|
||
} else {
|
||
$.notify(
|
||
{
|
||
message: text.message
|
||
},
|
||
{
|
||
type: "warning"
|
||
}
|
||
);
|
||
$(elem)[0].reset();
|
||
$(elem).removeClass("was-validated");
|
||
addonIcon.html(addonIconText);
|
||
}
|
||
},
|
||
done: function() {
|
||
addonIcon.html(addonIconText);
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
}
|
||
}
|
||
};
|
||
//Load Functions on document ready
|
||
$(document).ready(function() {
|
||
INSPIRO.core.functions();
|
||
INSPIRO.header.functions();
|
||
INSPIRO.slider.functions();
|
||
INSPIRO.widgets.functions();
|
||
INSPIRO.elements.functions();
|
||
});
|
||
//Recall Functions on window scroll
|
||
$window.on("scroll", function() {
|
||
INSPIRO.header.stickyHeader();
|
||
INSPIRO.core.scrollTop();
|
||
INSPIRO.header.dotsMenu();
|
||
});
|
||
//Recall Functions on window resize
|
||
$window.on("resize", function() {
|
||
INSPIRO.header.logoStatus();
|
||
INSPIRO.header.stickyHeader();
|
||
});
|
||
})(jQuery);
|