ready for staging
This commit is contained in:
parent
72da90a5d4
commit
8506be5194
GPG key ID:
E478970FA1D8880B
236 changed files with 16119 additions and 6 deletions
361
public/assets/custom/js/custom.js
Normal file
361
public/assets/custom/js/custom.js
Normal file
|
|
@ -0,0 +1,361 @@
|
|||
$(document).ready(function(){
|
||||
|
||||
"use strict";
|
||||
// wow
|
||||
new WOW({
|
||||
mobile: false,
|
||||
}).init();
|
||||
|
||||
$(".fables-mega-menu li a").click(function (){
|
||||
$(".fables-mega-menu li > div").toggleClass("show-sub");
|
||||
});
|
||||
|
||||
// 3 items carousel carousel-items-3
|
||||
$(".carousel-items-3").owlCarousel({
|
||||
margin:20,
|
||||
loop:true,
|
||||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:2
|
||||
},
|
||||
768:{
|
||||
items:3
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
// 3 items carousel carousel-items-3
|
||||
$(".carousel-items-4").owlCarousel({
|
||||
margin:20,
|
||||
loop:true,
|
||||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:2
|
||||
},
|
||||
768:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:4
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// START TOGGLE SEARCH
|
||||
$(".open-search").click(function (e){
|
||||
e.preventDefault();
|
||||
$(".search-section").fadeIn('fast');
|
||||
$(".search-input").focus();
|
||||
$('body').css({"overflow":"hidden"});
|
||||
});
|
||||
|
||||
$(".close-search").click(function (e){
|
||||
e.preventDefault();
|
||||
$(".search-section").fadeOut('fast');
|
||||
$('body').css({"overflow":"visible"});
|
||||
});
|
||||
|
||||
$(document).keyup(function(e) {
|
||||
if (e.which == 27) {
|
||||
$(".search-section").fadeOut('fast');
|
||||
$('body').css({"overflow":"visible"});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// 3 items carousel carousel-items-6
|
||||
$(".carousel-items-6").owlCarousel({
|
||||
margin:20,
|
||||
loop:true,
|
||||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||||
responsive:{
|
||||
0:{
|
||||
items:2
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:6
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
// teaser slider
|
||||
$(".blog-teaser,.default-carousel").owlCarousel({
|
||||
loop:true,
|
||||
autoplay:true,
|
||||
dots:true,
|
||||
nav:true,
|
||||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||||
items:1
|
||||
});
|
||||
|
||||
// Blog Slider
|
||||
|
||||
$(".nav-slider").owlCarousel({
|
||||
nav:true,
|
||||
loop:true,
|
||||
autoplay:true,
|
||||
margin:20,
|
||||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||||
dots:true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:4
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#blog-slider").owlCarousel({
|
||||
loop:true,
|
||||
margin:20,
|
||||
nav:false,
|
||||
navText:['<span class="fables-iconarrow-left"></span>' , '<span class="fables-iconarrow-next"></span>'],
|
||||
autoplay:true,
|
||||
dots:true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:4
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var $input = $("#input-val");
|
||||
$input.val(1);
|
||||
$(".calc-btn").click(function(){
|
||||
if($(this).hasClass("plus")) {
|
||||
$input.val(parseInt($input.val())+1);
|
||||
}else if ($input.val()>=2) {
|
||||
$input.val(parseInt($input.val())-1);
|
||||
}
|
||||
});
|
||||
|
||||
$(".fables-view-btn").click(function() {
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
|
||||
if($(this).hasClass("fables-list-btn")){
|
||||
$(".fables-product-block").removeClass("col-md-6 col-lg-4").addClass("list");
|
||||
$(".fables-product-img").removeClass("col-12").addClass("col-4");
|
||||
$(".fables-product-block .card-body").removeClass("col-12").addClass("col-8");
|
||||
}
|
||||
else{
|
||||
$(".fables-product-block").addClass("col-md-6 col-lg-4").removeClass("list");
|
||||
$(".fables-product-img").removeClass("col-4").addClass("col-12");
|
||||
$(".fables-product-block .card-body").removeClass("col-8").addClass("col-12");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('[data-countdown]').each(function() {
|
||||
var $this = $(this), finalDate = $(this).data('countdown');
|
||||
$this.countdown(finalDate, function(event) {
|
||||
$this.html(event.strftime('<div class="row"><div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter">%D <br> <span>Days</span></div> <div class="col-6 col-lg-3 comming-soon-counter"> %H <br> <span>Hours</span> </div> <div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter"> %M <br> <span>Minutes</span></div> <div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter"> %S <br> <span>Seconds</span></div></div>'));
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
// sync carousel
|
||||
|
||||
var sync1 = $("#sync1");
|
||||
var sync2 = $("#sync2");
|
||||
var slidesPerPage =3; //globaly define number of elements per page
|
||||
var syncedSecondary = true;
|
||||
|
||||
sync1.owlCarousel({
|
||||
items : 1,
|
||||
slideSpeed : 2000,
|
||||
nav: true,
|
||||
autoplay: true,
|
||||
center: true,
|
||||
dots: true,
|
||||
loop: true,
|
||||
responsiveRefreshRate : 200,
|
||||
navText: ['<i class="fas fa-chevron-left"></i>','<i class="fas fa-chevron-right"></i>'],
|
||||
}).on('changed.owl.carousel', syncPosition);
|
||||
|
||||
sync2
|
||||
.on('initialized.owl.carousel', function () {
|
||||
sync2.find(".owl-item").eq(0).addClass("current");
|
||||
})
|
||||
.owlCarousel({
|
||||
items : slidesPerPage,
|
||||
dots: false,
|
||||
nav: false,
|
||||
mouseDrag:true,
|
||||
smartSpeed: 200,
|
||||
slideSpeed : 500,
|
||||
slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
|
||||
responsiveRefreshRate : 100
|
||||
}).on('changed.owl.carousel', syncPosition2);
|
||||
|
||||
function syncPosition(el) {
|
||||
//if you set loop to false, you have to restore this next line
|
||||
//var current = el.item.index;
|
||||
|
||||
//if you disable loop you have to comment this block
|
||||
var count = el.item.count-1;
|
||||
var current = Math.round(el.item.index - (el.item.count/2) - .5);
|
||||
|
||||
if(current < 0) {
|
||||
current = count;
|
||||
}
|
||||
if(current > count) {
|
||||
current = 0;
|
||||
}
|
||||
|
||||
//end block
|
||||
|
||||
sync2
|
||||
.find(".owl-item")
|
||||
.removeClass("current")
|
||||
.eq(current)
|
||||
.addClass("current");
|
||||
var onscreen = sync2.find('.owl-item.active').length - 1;
|
||||
var start = sync2.find('.owl-item.active').first().index();
|
||||
var end = sync2.find('.owl-item.active').last().index();
|
||||
|
||||
if (current > end) {
|
||||
sync2.data('owl.carousel').to(current, 100, true);
|
||||
}
|
||||
if (current < start) {
|
||||
sync2.data('owl.carousel').to(current - onscreen, 100, true);
|
||||
}
|
||||
}
|
||||
|
||||
function syncPosition2(el) {
|
||||
if(syncedSecondary) {
|
||||
var number = el.item.index;
|
||||
sync1.data('owl.carousel').to(number, 100, true);
|
||||
}
|
||||
}
|
||||
|
||||
sync2.on("click", ".owl-item", function(e){
|
||||
e.preventDefault();
|
||||
var number = $(this).index();
|
||||
sync1.data('owl.carousel').to(number, 300, true);
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
$('#fables-testimonial-carousel').owlCarousel({
|
||||
loop:true,
|
||||
dots:true,
|
||||
margin:20,
|
||||
autoplay:true,
|
||||
items:1,
|
||||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>']
|
||||
|
||||
});
|
||||
|
||||
$('#fables-partner-carousel').owlCarousel({
|
||||
loop:true,
|
||||
dots:false,
|
||||
autoplay:true,
|
||||
margin:20,
|
||||
nav:true,
|
||||
navText:['<i class="fa fa-chevron-left fables-main-text-color fables-main-border-color fables-partner-nav-icon" aria-hidden="true"></i>' , '<i class="fa fa-chevron-right fables-main-text-color fables-main-border-color fables-partner-nav-icon" aria-hidden="true"></i>'],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:2
|
||||
},
|
||||
768:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:4
|
||||
},
|
||||
1440:{
|
||||
items:6
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// multi event gallery timeLine
|
||||
|
||||
$('.timeline').timelify({
|
||||
|
||||
// animation types
|
||||
animLeft: "bounceInLeft",
|
||||
animRight: "bounceInRight",
|
||||
animCenter: "bounceInUp",
|
||||
|
||||
// animation speed
|
||||
animSpeed: 1500,
|
||||
|
||||
// trigger position in pixels
|
||||
offset: 150
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
function JaMap() {
|
||||
var mapCanvas = document.getElementById("map");
|
||||
|
||||
data = mapCanvas.dataset;
|
||||
var Zom = data.zom;
|
||||
var myCenter = new google.maps.LatLng(data.lat,data.lng);
|
||||
var mapOptions = {
|
||||
center: myCenter,
|
||||
zoom: 14,
|
||||
};
|
||||
var map = new google.maps.Map(mapCanvas,mapOptions);
|
||||
var marker = new google.maps.Marker({
|
||||
position: myCenter,
|
||||
icon: data.icon
|
||||
});
|
||||
marker.setMap(map);
|
||||
}
|
||||
|
||||
|
||||
$(function ($) {
|
||||
"use strict";
|
||||
animatecounters();
|
||||
});
|
||||
function animatecounters() {
|
||||
$('.timer').each(count);
|
||||
function count(options) {
|
||||
var $this = $(this);
|
||||
options = $.extend({}, options || {}, $this.data('countToOptions') || {});
|
||||
$this.countTo(options);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
119
public/assets/custom/js/jquery-data-to.js
vendored
Normal file
119
public/assets/custom/js/jquery-data-to.js
vendored
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
(function ($) {
|
||||
var CountTo = function (element, options) {
|
||||
this.$element = $(element);
|
||||
this.options = $.extend({}, CountTo.DEFAULTS, this.dataOptions(), options);
|
||||
this.init();
|
||||
};
|
||||
|
||||
CountTo.DEFAULTS = {
|
||||
from: 0, // the number the element should start at
|
||||
to: 0, // the number the element should end at
|
||||
speed: 1000, // how long it should take to count between the target numbers
|
||||
refreshInterval: 100, // how often the element should be updated
|
||||
decimals: 0, // the number of decimal places to show
|
||||
formatter: formatter, // handler for formatting the value before rendering
|
||||
onUpdate: null, // callback method for every time the element is updated
|
||||
onComplete: null // callback method for when the element finishes updating
|
||||
};
|
||||
|
||||
CountTo.prototype.init = function () {
|
||||
this.value = this.options.from;
|
||||
this.loops = Math.ceil(this.options.speed / this.options.refreshInterval);
|
||||
this.loopCount = 0;
|
||||
this.increment = (this.options.to - this.options.from) / this.loops;
|
||||
};
|
||||
|
||||
CountTo.prototype.dataOptions = function () {
|
||||
var options = {
|
||||
from: this.$element.data('from'),
|
||||
to: this.$element.data('to'),
|
||||
speed: this.$element.data('speed'),
|
||||
refreshInterval: this.$element.data('refresh-interval'),
|
||||
decimals: this.$element.data('decimals')
|
||||
};
|
||||
|
||||
var keys = Object.keys(options);
|
||||
|
||||
for (var i in keys) {
|
||||
var key = keys[i];
|
||||
|
||||
if (typeof(options[key]) === 'undefined') {
|
||||
delete options[key];
|
||||
}
|
||||
}
|
||||
|
||||
return options;
|
||||
};
|
||||
|
||||
CountTo.prototype.update = function () {
|
||||
this.value += this.increment;
|
||||
this.loopCount++;
|
||||
|
||||
this.render();
|
||||
|
||||
if (typeof(this.options.onUpdate) == 'function') {
|
||||
this.options.onUpdate.call(this.$element, this.value);
|
||||
}
|
||||
|
||||
if (this.loopCount >= this.loops) {
|
||||
clearInterval(this.interval);
|
||||
this.value = this.options.to;
|
||||
|
||||
if (typeof(this.options.onComplete) == 'function') {
|
||||
this.options.onComplete.call(this.$element, this.value);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
CountTo.prototype.render = function () {
|
||||
var formattedValue = this.options.formatter.call(this.$element, this.value, this.options);
|
||||
this.$element.text(formattedValue);
|
||||
};
|
||||
|
||||
CountTo.prototype.restart = function () {
|
||||
this.stop();
|
||||
this.init();
|
||||
this.start();
|
||||
};
|
||||
|
||||
CountTo.prototype.start = function () {
|
||||
this.stop();
|
||||
this.render();
|
||||
this.interval = setInterval(this.update.bind(this), this.options.refreshInterval);
|
||||
};
|
||||
|
||||
CountTo.prototype.stop = function () {
|
||||
if (this.interval) {
|
||||
clearInterval(this.interval);
|
||||
}
|
||||
};
|
||||
|
||||
CountTo.prototype.toggle = function () {
|
||||
if (this.interval) {
|
||||
this.stop();
|
||||
} else {
|
||||
this.start();
|
||||
}
|
||||
};
|
||||
|
||||
function formatter(value, options) {
|
||||
return value.toFixed(options.decimals);
|
||||
}
|
||||
|
||||
$.fn.countTo = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this);
|
||||
var data = $this.data('countTo');
|
||||
var init = !data || typeof(option) === 'object';
|
||||
var options = typeof(option) === 'object' ? option : {};
|
||||
var method = typeof(option) === 'string' ? option : 'start';
|
||||
|
||||
if (init) {
|
||||
if (data) data.stop();
|
||||
$this.data('countTo', data = new CountTo(this, options));
|
||||
}
|
||||
|
||||
data[method].call(data);
|
||||
});
|
||||
};
|
||||
}(jQuery));
|
||||
Loading…
Add table
Add a link
Reference in a new issue