");
_this
.find(".ripple-effect")
.css({
left: positionX,
top: positionY
})
.animate({
opacity: 0
}, 1500, function() {
$(this).remove();
});
},
btnHover: function() {
var btns = document.querySelectorAll(".btn, .el-ripple"),
btn = [];
btns.forEach(function(element, index) {
var span = document.createElement("span");
span.className = "el-ripple-circle";
element.appendChild(span);
// If The span element for this element does not exist in the array, add it.
if (!btn[index])
btn[index] = element.querySelector(".el-ripple-circle");
element.addEventListener("mouseenter", function(e) {
btnHandler(element, index, e);
});
element.addEventListener("mouseleave", function(e) {
btnHandler(element, index, e);
});
});
const btnHandler = function(element, index, e) {
let offset = element.getBoundingClientRect(),
left = e.pageX - offset.left - window.scrollX,
top = e.pageY - offset.top - window.scrollY;
btn[index].style.left = left + "px";
btn[index].style.top = top + "px";
}
},
//=== Forming href for phone ===\\
formingHrefTel: function() {
var linkAll = $('.formingHrefTel'),
joinNumbToStringTel = 'tel:';
$.each(linkAll, function () {
var _this = $(this),
linkValue = _this.text(),
arrayString = linkValue.split("");
for (var i = 0; i < arrayString.length; i++) {
var thisNunb = app.isNumber(arrayString[i]);
if (thisNunb === true || (arrayString[i] === "+" && i === 0)) {
joinNumbToStringTel += arrayString[i];
}
}
_this.attr("href", function () {
return joinNumbToStringTel;
});
joinNumbToStringTel = 'tel:'
});
},
isNumber: function(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
},
//=== Sidebar category item ===\\
sidebarCatItemToggle: function(e) {
e.originalEvent.preventDefault();
var item = $(this).parent(),
ul = item.find("> ul");
item.toggleClass("open");
ul.slideToggle();
},
//=== Content table responsive ===\\
contentTable: function() {
var contentTable = $(".content");
if(contentTable.length) {
$.each(contentTable.find("table"), function() {
$(this).wrap("
").wrap("
");
});
}
},
//=== Clock count down ===\\
clockCountDown: function() {
if($("#countdown").length) {
this.clock("countdown", $("#countdown").attr("data-dedline"));
}
},
getTimeRemaining: function(endtime) {
var t = Date.parse(endtime) - Date.parse(new Date()),
seconds = Math.floor((t / 1000) % 60),
minutes = Math.floor((t / 1000 / 60) % 60),
hours = Math.floor((t / (1000 * 60 * 60)) % 24),
days = Math.floor(t / (1000 * 60 * 60 * 24));
return {
total: t,
days: days,
hours: hours,
minutes: minutes,
seconds: seconds
};
},
clock: function(id, endtime) {
var clock = document.getElementById(id),
daysSpan = clock.querySelector(".days"),
hoursSpan = clock.querySelector(".hours"),
minutesSpan = clock.querySelector(".minutes"),
secondsSpan = clock.querySelector(".seconds");
function updateClock() {
var t = app.getTimeRemaining(endtime);
if (t.total <= 0) {
document.getElementById("countdown").classList.add("hidden");
document.getElementById("deadline-message").classList.add("visible");
clearInterval(timeinterval);
return true;
}
daysSpan.innerHTML = t.days;
hoursSpan.innerHTML = ("0" + t.hours).slice(-2);
minutesSpan.innerHTML = ("0" + t.minutes).slice(-2);
secondsSpan.innerHTML = ("0" + t.seconds).slice(-2);
}
updateClock();
var timeinterval = setInterval(updateClock, 1000);
},
//=== Custom alert ===\\
customAlert: function(text, duration, alertInfo) {
var alerts = $(".alerts"),
body = $("body"),
alertClass = "",
alertIco = "info";
if (!alerts.length) {
body.append('
');
}
$(".alert").remove();
if (alertInfo === "success") {
alertClass = "alert-success";
alertIco = "check";
} else if (alertInfo === "danger") {
alertClass = "alert-danger";
alertIco = "error";
} else if (alertInfo === "warning") {
alertClass = "alert-warning";
alertIco = "warning";
} else if (alertInfo == "default") {
alertClass = "alert-default";
alertIco = "info";
}
if (!$("." + alertClass + "").length) {
$(".alerts").append(
'
' +
alertIco +
'
' +
text +
"
"
);
setTimeout(function() {
$("." + alertClass + "").remove();
}, duration);
}
$(document).on("click", ".alert-close", function() {
$(this)
.closest(".alert")
.remove();
});
},
//=== Plugins ===\\
lazyLoading: function() {
var observer = lozad('.lazy');
observer.observe();
},
autoSizeTextarea: function() {
autosize(document.querySelectorAll('textarea'));
},
device: function() {
if( (device.mobile() || device.tablet()) && device.ios() ) {
var tempCSS = $('a').css('-webkit-tap-highlight-color');
$('main, .main-inner').css('cursor', 'pointer')
.css('-webkit-tap-highlight-color', 'rgba(0, 0, 0, 0)');
$('a').css('-webkit-tap-highlight-color', tempCSS);
}
},
popUp: function() {
$('.open_popup').popup({
transition: 'all 0.4s',
color: '#000000',
opacity: 0.8
});
$('.popup_autoopen').popup({
transition: 'all 0.4s',
color: '#000000',
autoopen: true,
opacity: 0.8
});
},
lightGallery: function() {
$(".gallery-container").lightGallery({
selector: '.gallery-item'
});
},
scrollToFixed: function() {
if($('.header-fixed').length) {
$('.header-fixed').scrollToFixed({
preFixed: function() { $(this).addClass("fixed"); },
postFixed: function() { $(this).removeClass("fixed"); }
});
$('#ui-nav').scrollToFixed({
marginTop: $('.header-fixed').outerHeight() + 20,
zIndex: 2,
limit: $('.footer').offset().top - $('#ui-nav').outerHeight() - 40,
preAbsolute: function() { $(this).css({"opacity": 0, "visability": "hidden"}); },
postUnfixed: function() { $(this).css({"opacity": 1, "visability": "visible"}); },
postAbsolute: function() { $(this).css({"opacity": 1, "visability": "visible"}); },
});
}
},
carusels: function() {
var reviewsCaruselTh = $('.reviews-carusel-th');
reviewsCaruselTh.flickity({
imagesLoaded: true,
lazyLoad: true,
pageDots: false,
adaptiveHeight: true,
fade: true,
prevNextButtons: false
});
$('.reviews-thumb-item').on('click', function() {
var _this = $(this),
index = _this.index();
reviewsCaruselTh.flickity( 'select', index );
_this.addClass("active").siblings().removeClass("active");
});
$('.pitem-carusel-main').flickity({
pageDots: false,
imagesLoaded: true,
lazyLoad: 1,
prevNextButtons: true
});
$('.pitem-carusel-thumb').flickity({
asNavFor: '.pitem-carusel-main',
imagesLoaded: true,
lazyLoad: 5,
prevNextButtons: true,
contain: true,
pageDots: false
});
},
forms: function() {
var ajaxurl = "./mail.php";
$.validator.addMethod("customemail", function (value, element) {
return /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
},
"The email is not a valid email."
);
$(".сallback_popup_form").validate({
rules: {
Name: {
required: true,
minlength: 2
},
Phone: {
required: true
}
},
messages: {
Name: {
required: "The first name field is required.",
},
Phone: {
required: "The last name field is required.",
}
},
submitHandler: function(form) {
var th = $(form),
popup = th.closest(".popup_style"),
close = popup.find(".popup_close");
close.click();
$.ajax({
type: "POST",
url: ajaxurl,
data: th.serialize()
}).done(function() {
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
});
}
});
$(".contact-form").validate({
rules: {
Name: {
required: true,
minlength: 2
},
Phone: {
required: true
},
Email: {
required: true,
email: true,
customemail: true
},
},
messages: {
Name: {
required: "The first name field is required.",
},
Phone: {
required: "The last name field is required.",
},
Email: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
},
},
submitHandler: function(form) {
var th = $(form);
$.ajax({
type: "POST",
url: ajaxurl,
data: th.serialize()
}).done(function() {
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
});
}
});
$(".footer-subscribe").validate({
rules: {
Email: {
required: true,
email: true,
customemail: true
},
},
messages: {
Email: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
},
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".single-careers-form").validate({
rules: {
FirstName: {
required: true,
minlength: 2
},
LastName: {
required: true,
minlength: 2
},
Phone: {
required: true
},
Email: {
required: true,
email: true,
customemail: true
},
File: {
required: true
},
},
messages: {
FirstName: {
required: "The first name field is required.",
},
LastName: {
required: "The last name field is required.",
},
Email: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
},
File: {
required: "The file field is required.",
}
},
submitHandler: function(form) {
var th = $(form);
$.ajax({
type: "POST",
url: ajaxurl,
data: th.serialize()
}).done(function() {
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
});
}
});
$(".login-form").validate({
rules: {
LoginName: {
required: true
},
loginPassword: {
required: true,
minlength : 6
}
},
messages: {
LoginName: {
required: "The login field is required.",
},
loginPassword: {
required: "The password field is required.",
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".order-form").validate({
rules: {
orderName: {
required: true,
minlength: 2
},
orderPhone: {
required: true
}
},
messages: {
orderName: {
required: "The name field is required.",
},
orderPhone: {
required: "The phone field is required.",
}
},
submitHandler: function(form) {
var th = $(form);
$.ajax({
type: "POST",
url: ajaxurl,
data: th.serialize()
}).done(function() {
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
});
}
});
$(".subscribe-bg-form").validate({
rules: {
subscribeBgEmail: {
required: true,
email: true,
customemail: true
}
},
messages: {
subscribeBgEmail: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".mailchimp-form").validate({
rules: {
mailchimpEmail: {
required: true,
email: true,
customemail: true
}
},
messages: {
mailchimpEmail: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".cm-form").validate({
rules: {
cmEmail: {
required: true,
email: true,
customemail: true
}
},
messages: {
cmEmail: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".comming-soon-form").validate({
rules: {
commingSoonEmail: {
required: true,
email: true,
customemail: true
}
},
messages: {
commingSoonEmail: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".comments-form").validate({
rules: {
CommentsName: {
required: true,
minlength: 2
},
CommentsEmail: {
required: true,
email: true,
customemail: true
},
CommentsMessage: {
required: true,
minlength: 15
},
},
messages: {
CommentsName: {
required: "The name field is required."
},
CommentsEmail: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
},
CommentsMessage: {
required: "The message field is required."
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
$(".subscribe-news-form").validate({
rules: {
CommentsEmail: {
required: true,
email: true,
customemail: true
}
},
messages: {
CommentsEmail: {
required: "The email field is required.",
email: "The email field is required.",
customemail: "The email is not a valid email."
}
},
submitHandler: function(form) {
var th = $(form);
//customAlert(text, duration, alertInfo) info = "success" || "danger" || "warning" || "default"
app.customAlert("Successfully sent!", 4000, "success");
setTimeout(function() {
th.trigger("reset");
$(".form-field").removeClass("focus");
}, 1000);
}
});
},
isotopeProjects: function() {
var items = $(".pitems");
$.each(items, function() {
var item = $(this);
item.isotope({
itemSelector: '.pitem-col'
});
item.parent().find('.pitem-nav-list li').on('click', function() {
var _this = $(this),
selector = _this.data('filter');
_this.addClass("active").siblings().removeClass("active");
item.isotope({
filter: selector
});
});
});
},
isotopeGallery: function() {
var container = $("#gallery-container");
container.isotope({
itemSelector: '.gallery-col'
});
$('.gallery-nav-list li').on('click', function() {
var _this = $(this),
selector = _this.data('filter');
_this.addClass("active").siblings().removeClass("active");
container.isotope({
filter: selector,
});
});
},
isotopeGalleryMasonry: function() {
var container = $("#gallery-masonry-container");
container.isotope({
itemSelector: '.gallery-col',
percentPosition: true,
masonry: {
columnWidth: '.gallery-col-sizer'
}
});
$('.gallery-masonry-nav-list li').on('click', function() {
var _this = $(this),
selector = _this.data('filter');
_this.addClass("active").siblings().removeClass("active");
container.isotope({
filter: selector,
});
});
},
isotopeCareers: function() {
var $grid = $('#careers-container').isotope();
$('.careers-filter-list').on('click', 'li', function() {
var filterValue = $(this).attr('data-filter');
$('.careers-filter-list li').removeClass("active");
$(this).addClass("active");
$grid.isotope({ filter: filterValue });
});
},
spincrement: function() {
var show = true;
var countbox = ".spincrement-container";
if($(countbox).length) {
$(window).on("scroll load resize", function () {
if (!show) return false;
var w_top = $(window).scrollTop();
var e_top = $(countbox).offset().top;
var w_height = $(window).height();
var d_height = $(document).height();
var e_height = $(countbox).outerHeight();
if (w_top + 500 >= e_top || w_height + w_top == d_height || e_height + e_top < w_height) {
$('.spincrement').spincrement({
duration: 1500,
leeway: 10
});
show = false;
}
});
}
},
}
app.init();
}());