Skip to content

Instantly share code, notes, and snippets.

@danyj
Created Mar 14, 2019
Embed
What would you like to do?
yjsg.site tooltip check
/**
* @package YJSG Framework
* @copyright Copyright(C) since 2007 Youjoomla.com. All Rights Reserved.
* @author YouJoomla
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
* @websites http://www.youjoomla.com | http://www.yjsimplegrid.com
*/
;window.onerror = function(msg, url, line, col, error) {
var extra = !col ? '' : '\ncolumn: ' + col;
extra += !error ? '' : '\nerror: ' + error;
url +=':'+line;
console.log("Error: " + msg + "\nurl: " + url + "\nline: " + line + extra);
var html = document.documentElement;
if (html.classList.contains('yjsg-preloader-active')) {
html.classList.remove('yjsg-preloader-active');
}
};
(function($, window, document, undefined) {
"use strict";
var pluginName = "YjsgSite",
defaults = {
bsversion: "",
yversion: "",
menuanimation: '',
compileme: '',
menuanimationspeed: 300
};
function Plugin(element, options) {
this.element = element;
this.settings = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
$.extend(Plugin.prototype, {
init: function() {
var self = this;
this.bsversion = bootstrapv;
this.yversion = yver;
this.yjsglegacy = yjsglegacy;
this.yjsgrtl = yjsgrtl;
this.compileme = compileme;
this.haspreloader = $('.yjsg-preloader').length > 0 ? true : false;
if (typeof menuanimation != 'undefined') {
this.menuanimation = menuanimation;
} else {
this.menuanimation = '';
}
if (typeof menuanimationspeed != 'undefined') {
this.menuanimationspeed = menuanimationspeed;
} else {
this.menuanimationspeed = self.settings.menuanimationspeed;
}
self.offCanvas();
self.fontResize();
self.yjsgInitAnimations( this.haspreloader );
self.setHeadersize();
self.yjsgScroll();
self.yjsgAccordion();
self.yjsgSimpleTabs();
self.customChrome();
self.ajaxRecompile();
self.siteTypo();
self.conflictsFix();
self.bootstrapJs();
self.ieNotices();
prettyPrint();
if (this.yjsglegacy == 0) {
self.animateMenus();
}
window.yjsgCloseModal = function (getElem) {
SqueezeBox.close();
};
self.yjsgRating();
self.yjsgMedia();
self.yjsgLightbox();
self.yjsgSticky();
},
yjsgInitOnLoad: function (){
var self = this;
self.yjsgPreloader();
},
yjsgInitAnimations: function (haspreloader){
var self = this;
// yjsgPreloader will init these
if (!haspreloader) {
YjsgSetTimeout(function (){
self.yjsgAnimations();
},20);
}
},
yjsgPreloader: function() {
var self = this;
if (self.haspreloader) {
var $init_delay = 0;
var $delay = $('.yjsg-preloader').attr('data-delay');
var $onclick = $('.yjsg-preloader').attr('data-onclick');
var $delay2 = parseInt($delay) + 1200;
if(!$('.yjsg-preloader').hasClass('leave-fade')){
$init_delay = 350;
}
YjsgSetTimeout(function() {
$('html').toggleClass('yjsg-preloader-active');
YjsgSetTimeout(function() {
self.yjsgAnimations();
}, $init_delay );
}, $delay);
YjsgSetTimeout(function() {
$('.yjsg-preloader').addClass('finished');
}, $delay2);
}
},
yjsgSticky: function () {
var self = this;
$('.yjsg-sticky').each(function (index, element) {
var el = $(this),
effect = el.data('effect'),
hide = el.data('hide'),
pushed = el.data('pushed'),
offset = el.data('offset'),
active = false;
if (hide == 'yes') {
el.addClass('fixed');
}
if (pushed > 0) {
el.css('margin-top', pushed);
}
$(document).on("scroll", function (evt) {
if ($(window).scrollTop() >= offset) {
el.addClass('fixed');
if (effect == 'slide') {
el.slideDown(400);
}
if (effect == 'fade') {
el.fadeIn(400);
}
active = true;
} else if (active) {
if (effect == 'slide') {
el.stop(true).slideUp(300, function (e) {
el.removeClass('fixed');
if (hide == 'no') {
el.removeAttr('style');
}
});
}
if (effect == 'fade') {
el.stop(true).fadeOut(300, function (e) {
el.removeClass('fixed');
if (hide == 'no') {
el.removeAttr('style');
}
});
}
active = false;
}
});
});
var lastScrollId,
stickyMenu = $("[data-sticky-menu]"),
topMenuHeight = stickyMenu.outerHeight() * 2,
stickyItems = stickyMenu.find("a.yjscroll"),
scrollItems = stickyItems.map(function(){
var yjscroll = $($(this).attr("href"));
if (yjscroll.length) { return yjscroll; }
});
$(window).scroll(function(){
var fromTop = $(this).scrollTop() + topMenuHeight * 2 ;
var cur = scrollItems.map(function(){
if ($(this).offset().top < fromTop)
return this;
});
cur = cur[cur.length-1];
var id = cur && cur.length ? cur[0].id : "";
if (lastScrollId !== id && id !="") {
lastScrollId = id;
stickyItems.removeClass("active-scroll");
$("[href=#"+id+"]").addClass("active-scroll");
}
});
},
yjsgLightbox: function () {
var self = this;
if (typeof ($.fn.magnificPopup) == 'undefined') return;
if(typeof lgtr != 'undefined'){
$.extend(true, $.magnificPopup.defaults, {
tClose: lgtr.magnificpopup_close,
tLoading: lgtr.magnificpopup_loading,
gallery: {
tPrev: lgtr.magnificpopup_prev,
tNext: lgtr.magnificpopup_next,
tCounter: lgtr.magnificpopup_counter
},
image: { tError: lgtr.magnificpopup_errorimage },
ajax: { tError: lgtr.magnificpopup_errorajax }
});
}
$('.yjsg-lightbox-gallery').each(function () {
$(this).find('a').magnificPopup({
type: 'image',
mainClass: 'mfp-with-zoom',
zoom: {
enabled: true,
duration: 300,
easing: 'ease-in-out',
opener: function (openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
},
gallery: {
enabled: true
}
});
});
$("*[class*='yjsg-lightbox-items']").magnificPopup({
type: 'image',
mainClass: 'mfp-with-zoom',
zoom: {
enabled: true,
duration: 300,
easing: 'ease-in-out',
opener: function (openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
},
gallery: {
enabled: true
}
});
$('.yjsg-lightbox').magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
fixedContentPos: true,
mainClass: 'mfp-no-margins mfp-with-zoom',
image: {
verticalFit: true
},
zoom: {
enabled: true,
duration: 300
}
});
$('.yjsg-link-lightbox').magnificPopup({
type: 'image',
mainClass: 'mfp-fade'
});
$('.yjsg-link-lightbox-gallery').magnificPopup({
type: 'image',
mainClass: 'mfp-fade',
gallery: {
enabled: true
}
});
$('.yjsg-iframe-lightbox').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
iframe: self.yjsgMagnificIframeExtend(),
});
},
yjsgMagnificIframeExtend: function ($counter){
var self = this;
var $start = 0;
var $markup ='<div class="mfp-iframe-scaler">';
$markup +='<div class="mfp-close"></div>';
$markup +='<iframe class="mfp-iframe" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
$markup +='</div>';
$markup +='<div class="mfp-bottom-bar">';
$markup +='<div class="mfp-title"></div>';
if( $counter ){
$markup +='<div class="mfp-counter"></div>';
}
$markup +='</div>';
var $iframe = {
markup: $markup ,
patterns: {
youtube: {
index: 'youtu',
id: function(url) {
var m = url.match( /^.*(?:youtu.be\/|v\/|e\/|u\/\w+\/|embed\/|v=)([^#\&\?]*).*/ );
if ( !m || !m[1] ) return null;
if(url.indexOf('t=') != - 1){
var $split = url.split('t=');
var hms = $split[1].replace('h',':').replace('m',':').replace('s','');
var a = hms.split(':');
if (a.length == 1){
$start = a[0];
} else if (a.length == 2){
$start = (+a[0]) * 60 + (+a[1]);
} else if (a.length == 3){
$start = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]);
}
}
var suffix = '?autoplay=1';
if( $start > 0 ){
suffix = '?start=' + $start + '&autoplay=1';
}
return m[1] + suffix;
},
src: 'https://www.youtube.com/embed/%id%'
},
vimeo: {
index: 'vimeo.com/',
id: function(url) {
var m = url.match(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/);
if ( !m || !m[5] ) return null;
var suffix;
if(url.indexOf('#t=') != - 1){
var $split = url.split('#t=');
suffix = '#t='+$split[1].replace('?api=1&autoplay=1','');
}
var id = m[5] + '?autoplay=1'+ suffix;
return id;
},
src: 'https://player.vimeo.com/video/%id%'
}
}
};
return $iframe;
},
yjsgMedia: function () {
var self = this;
if (typeof mejs != 'undefined') {
$('.yjsg-media').mediaelementplayer();
}
},
yjsgRating: function () {
var self = this;
$('.view-article .yjsg-rate').on('click', function (event) {
event.preventDefault();
var datarating = $(this).data('rating');
$('.yjsg-user-rating').val(datarating);
$('.yjsg-rating-form').submit();
});
},
offCanvas: function () {
var self = this;
var openPoz;
var openMargin;
var closePoz;
var closeMargin;
var startCss;
$('.yjsg-offc-btn').on('click', function (e) {
e.preventDefault();
var trigger = $(this),
width = trigger.data('width'),
overlay = trigger.data('yjsg-canvas'),
canvas = $(overlay).find('.yjsg-off_canvas_in'),
poz = trigger.data('position');
startCss = {
width: width,
left: -width,
right: 'auto'
};
openPoz = {
left: 0
};
openMargin = {
marginLeft: width
};
closePoz = {
left: -width
};
closeMargin = {
marginLeft: 0
};
if (poz == 'right') {
startCss = {
width: width,
right: -width,
left: 'auto'
};
openPoz = {
right: 0
};
openMargin = {
marginLeft: -width
};
closePoz = {
right: -width
};
closeMargin = {
marginLeft: 0
};
}
if (self.yjsgrtl == 1) {
startCss = {
width: width,
right: -width,
left: 'auto'
};
openPoz = {
right: 0
};
openMargin = {
marginRight: width
};
closePoz = {
right: -width
};
closeMargin = {
marginRight: 0
};
}
if (self.yjsgrtl == 1 && poz == 'right') {
startCss = {
width: width,
left: -width,
right: 'auto'
};
openPoz = {
left: 0
};
openMargin = {
marginRight: -width
};
closePoz = {
left: -width
};
closeMargin = {
marginRight: 0
};
}
$(canvas).css(startCss).addClass('canvas_active').animate(openPoz, 400);
$(overlay).addClass('canvas_active').animate({
backgroundColor: "rgba(0, 0, 0, 0.3)"
}, 400);
$('html').addClass('canvas_on').stop().animate(openMargin, 400);
e.stopImmediatePropagation();
});
$('body').on("click touchstart", ".closeCanvas,.yjsg-off_canvas", function (e) {
var target = $(e.target);
if (target.parents('.yjsg-off_canvas_in').length != 0 && !target.parents().hasClass('closeCanvas') || target.hasClass('yjsg-off_canvas_in')) return;
$('.yjsg-off_canvas').animate({
backgroundColor: "rgba(0, 0, 0, 0)"
}, 400);
$('.yjsg-off_canvas_in').stop().animate(closePoz, 400, function () {
$(this).removeClass('canvas_active');
$('.yjsg-off_canvas').removeClass('canvas_active');
});
$('html.canvas_on').stop().animate(closeMargin, 400, function () {
$(this).removeClass('canvas_on');
});
e.stopImmediatePropagation();
});
},
ieNotices: function () {
var self = this;
if ($.cookie('ieNotice')) return;
$('#ie6Warning').css({
'display': 'block',
'opacity': 0
}).animate({
'top': 0,
'opacity': 1
}, 800);
$('#closeIe6Alert').on('click', function (event) {
event.preventDefault();
$('#ie6Warning').animate({
'display': 'none',
'top': -200,
'opacity': 0
}, 800);
$.cookie('ieNotice', true);
});
},
bootstrapJs: function () {
var self = this;
if (self.bsversion == 'bootstrapoff') {
return false;
}
if (self.bsversion == 'bootstrap2') {
$('.hasTip').each(function () {
var gettitle = $(this).attr("title");
if (gettitle) {
$(this).removeClass('hasTip');
$(this).addClass('addtips');
$(this).attr('rel', 'tooltip');
$(this).attr('data-placement', 'left');
var parts = gettitle.split('::', 2);
$(this).attr("title", parts[0] + '<br />' + parts[1]);
}
});
$('.addtips').tooltip({
container: 'body'
});
}
if (self.bsversion == 'bootstrap3') {
$('.hasTip').each(function () {
var gettitle = $(this).attr("title");
if (gettitle) {
$(this).removeClass('hasTip');
$(this).addClass('addtips');
$(this).attr('data-placement', 'left');
var parts = gettitle.split('::', 2);
$(this).attr("data-original-title", parts[1]);
$(this).attr('title', '');
}
});
$('.addtips').tooltip({
container: 'body'
});
}
},
animateMenusShow: function (element,animation,animationspeed) {
var self = this;
if (element.hasClass("holdsgroup")) {
return false;
}
if (element.hasClass("level0") && $('.megadropline').length > 0) {
return false;
}
if (animation == 'fade') {
element.find('div.nogroup').first().hide().stop(true, true).toggle('fade', animationspeed, function () {
$(this).show();
});
}
if (animation == 'grow') {
element.find('div.nogroup > ul').first().addClass('growshown').hide().show('slide', {
direction: "up"
}, animationspeed, function () {
$(this).css('display', 'block');
$(this).parent().css('display', 'block');
});
}
if (animation == 'revfade') {
var getTop = element.find('a').first().outerHeight(true);
if (element.hasClass("level0") || ($('.megadropline').length > 0 && element.hasClass("level1"))) {
element.find('div.nogroup').first().css({
top: getTop * 2,
opacity: 0,
display: 'block'
}).stop(true, true).animate({
'top': getTop,
'opacity': 1
}, animationspeed, function () {
$(this).css('display', 'block');
});
} else {
element.find('div.nogroup').first().css({
top: getTop,
opacity: 0,
display: 'block'
}).stop(true, true).animate({
'top': 0,
'opacity': 1
}, animationspeed, function () {
$(this).css('display', 'block');
});
}
}
},
animateMenusHide: function (element,animation,animationspeed) {
var self = this;
if (element.hasClass("level0") && $('.megadropline').length > 0) {
return false;
}
if (animation == 'fade') {
element.find('div.nogroup').first().stop(true).toggle('fade', animationspeed, function () {
$(this).removeAttr('style');
});
}
if (animation == 'grow') {
element.find('.growshown').stop(true, true).hide('slide', {
direction: "up"
}, animationspeed, function () {
$(this).removeClass('growshown').removeAttr('style');
$(this).parent().removeAttr('style');
});
}
if (animation == 'revfade') {
var getTop = element.find('a').first().outerHeight(true);
if (element.hasClass("level0") || ($('.megadropline').length > 0 && element.hasClass("level1"))) {
element.find('div.nogroup').first().stop().animate({
'top': getTop + 20,
'opacity': 0
}, animationspeed, function () {
$(this).removeAttr('style');
});
} else {
element.find('div.nogroup').first().stop().animate({
'top': getTop,
'opacity': 0
}, animationspeed, function () {
$(this).removeAttr('style');
});
}
}
},
animateMenus: function () {
var self = this;
var animation = this.menuanimation;
var animationspeed = this.menuanimationspeed;
if ($('.activepath ').length == 1) {
$(".megadropline li.haschild.level0").hover(function () {
$(".megadropline ul.level1").hide().stop(true, true).toggle('fade', animationspeed, function () {
$(this).show();
});
}, function () {
$(".megadropline ul.level1").first().stop(true).toggle('fade', animationspeed, function () {
$(this).removeAttr('style');
});
});
}
$("ul.yjsgmenu li.haschild").hover(function(e) {
self.animateMenusShow($(this),animation,animationspeed);
}, function(e) {
self.animateMenusHide($(this),animation,animationspeed);
});
},
fontResize: function () {
var self = this;
// font resize
var fontCookie = 'yjsg_fs_z' + fontc;
var fontMinSize = parseInt(site_f), // min allowed font size
fontMaxSize = 24, // max allowed font size
fontStep = 2, // step to increase font-size
currentFontSize = (parseInt($.cookie(fontCookie)) || parseInt(fontMinSize)), // gets current size, don't mess with this,
elements = ['body'], // list here all elements that will be affected. Classes must be selectors like .class
cookieDuration = 2; // cookie duration in days
$.each(elements, function (key, el) {
var element = $(el);
if (element) {
element.css({
'font-size': currentFontSize + 'px'
});
}
});
$('#fontSizePlus').on('click', function (e) {
e.preventDefault();
currentFontSize += fontStep;
if (currentFontSize > fontMaxSize) {
currentFontSize = fontMaxSize;
}
$.each(elements, function (key, elId) {
var element = $(elId);
if (element) {
element.animate({
'font-size': currentFontSize + 'px'
});
}
});
$.cookie(fontCookie, currentFontSize, {
expires: cookieDuration,
path: '/'
});
});
$('#fontSizeMinus').on('click', function (e) {
e.preventDefault();
currentFontSize -= fontStep;
if (currentFontSize < fontMinSize) {
currentFontSize = fontMinSize;
}
$.each(elements, function (key, elId) {
var element = $(elId);
if (element) {
element.animate({
'font-size': currentFontSize + 'px'
});
}
});
$.cookie(fontCookie, currentFontSize, {
expires: cookieDuration,
path: '/'
});
});
$('#fontSizeReset').on('click', function (e) {
e.preventDefault();
$.each(elements, function (key, elId) {
var element = $(elId);
if (element) {
element.animate({
'font-size': fontMinSize + 'px'
});
}
});
currentFontSize = fontMinSize;
$.cookie(fontCookie, fontMinSize, {
expires: cookieDuration,
path: '/'
});
});
},
conflictsFix: function () {
var self = this;
if (self.bsversion == 'bootstrap2') {
// bootstrap2 carousel slide fix
if (typeof jQuery != 'undefined' && typeof MooTools != 'undefined') {
Element.implement({
slide: function (how, mode) {
return this;
}
});
}
// dropdown bubling fix
$('a.dropdown-toggle, .dropdown-menu a').on('touchstart', function (e) {
e.stopPropagation();
});
}
// mootools bootstrap 3 show/hide/carousel/dropdown fix
if ((self.bsversion == 'bootstrap3' || self.bsversion == 'bootstrapoff') && window.MooTools && window.MooTools.More && Element && Element.implement) {
$('.collapse, .hasTooltip,.modal,.hasTip,.popover,.addtips,.yjpopover,.noHtmlTip').each(function () {
this.show = null;
this.hide = null
});
$('.dropdown-menu').parent().each(function () {
this.show = null;
this.hide = null
});
$('.carousel').each(function () {
this.slide = null;
});
}
// fix tooltip/popover html output
if (self.bsversion == 'bootstrap3') {
if (typeof ($.fn.tooltip) != 'undefined') {
$.fn.tooltip.Constructor.DEFAULTS.html = true;
$.fn.tooltip.Constructor.DEFAULTS.container = 'body';
}
if (typeof ($.fn.popover) != 'undefined') {
$.fn.popover.Constructor.DEFAULTS.html = true;
$.fn.popover.Constructor.DEFAULTS.container = 'body';
}
}
//empty tooltip in case bs is off
if (typeof ($.fn.tooltip) == 'undefined') {
$.fn.tooltip = function () {};
}
},
yjsgSimpleTabs: function () {
var self = this;
$('.yjsgSimpleTabs ').each(function (index, element) {
var holder = $(this);
holder.find(".yjsgTabContent").hide();
var navi = holder.find('.yjsgShortcodeTabs');
var cont = holder.find('.yjsgShortcodeTabs');
var navih = navi.height();
holder.find(".activeContent").fadeIn();
navi.find('li a').click(function (e) {
e.preventDefault();
if ($(this).attr("class") == "active") {
return
} else {
holder.find(".yjsgTabContent").hide();
navi.find("li").attr("class", "");
$(this).parent().attr("class", "active");
$($(this).attr('href')).fadeIn();
var activeh = $($(this).attr('href')).height();
if (navih < activeh && (holder.hasClass('tabsleft') || holder.hasClass('tabsright'))) {
navi.height(activeh);
} else if (holder.hasClass('tabsleft') || holder.hasClass('tabsright')) {
navi.height(navih);
}
}
});
navi.find('li.active a').trigger('click');
});
},
yjsgAccordion: function () {
var self = this;
$('.yjsgacc .parent').each(function (el) {
$(this).find('a').first().attr('href', 'javascript:;').addClass('yjsgtoggler');
});
$('ul.yjsgacc > li:has(ul)').addClass("inactive_yjsgacc");
$('ul.yjsgacc > li:has(ul) ul').css('display', 'none');
$('.yjsgtoggler').click(function () {
var checkElement = $(this).next();
$('.yjsgacc li').removeClass('active_yjsgacc');
$(this).closest('li').addClass('active_yjsgacc').removeClass("inactive_yjsgacc");
if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active_yjsgacc').addClass('inactive_yjsgacc');
checkElement.slideUp('normal');
}
if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
if (!$("ul.yjsgacc").hasClass("notoggle")) {
$('ul.yjsgacc ul:visible').slideUp('normal');
}
checkElement.slideDown('normal');
}
if (checkElement.is('ul')) {
return false;
} else {
return true;
}
});
},
customChrome: function () {
var self = this;
//tabs module chrome
$('.yjsgbootstrap2 a[data-toggle="tab"],.yjsgbootstrap2 a[data-toggle="pill"]').on('shown', function (e) {
var target = $(e.target).attr('href');
var prevtarget = $(e.relatedTarget).attr('href');
$(target).css('display', 'none').fadeIn(800); // activated tab
$(prevtarget).fadeOut(800); // previous tab
});
$('.yjsgbootstrap3 a[data-toggle="tab"],.yjsgbootstrap3 a[data-toggle="pill"]').on('shown.bs.tab', function (e) {
var target = $(e.target).attr('href');
var prevtarget = $(e.relatedTarget).attr('href');
$(target).css('display', 'none').fadeIn(800); // activated tab
$(prevtarget).fadeOut(800); // previous tab
});
//accordions module chrome
$('.yjsgaccChrome').each(function (index, element) {
var holder = $(this);
var opener = $(this).find('.yjsgaccTrigger a');
var active = $(this).find('.yjsgaccTrigger.active a');
var content = $(this).find('.yjsgaccContent');
opener.on('click', function (event) {
event.preventDefault();
holder.find('.active').removeClass('active');
content.slideUp('normal');
if ($(this).parent().next().is(':hidden') == true) {
$(this).parent().addClass('active');
$(this).parent().next().slideDown('normal');
}
});
opener.on('mouseover', function () {
$(this).parent().addClass('hovered');
}).on('mouseout', function () {
$(this).parent().removeClass('hovered');
});
active.trigger('click');
});
$('.yjsgtabs_chromeaction,.yjsgaccContent').fitVids();
},
siteTypo: function () {
var self = this;
// placeholder
if ($.browser.msie) {
$('.inputbox').placeholder();
}
// close alerts
$('.yjtb_close').on('click', function (e) {
$(this).parent().animate({
top: -1000
}, 500, function () {
$(this).hide();
});
});
// image fade
var fadeParent = $('.yjt_fade');
fadeParent.each(function (el) {
var opacity = $(this).data('yjt_fadeto');
var speed = $(this).data('yjt_fadespeed');
$(this).on('mouseenter', function (event) {
$(this).find('img').animate({
'opacity': opacity
}, speed);
}).on('mouseleave', function (event) {
$(this).find('img').animate({
'opacity': 1
}, speed);
});
});
},
yjsgScroll: function () {
var self = this;
var before;
var after;
$(".yjscroll").on('click', function (event) {
if($(this.hash).length == 0) return;
event.preventDefault();
var el = $(this),
before = el.data('before'),
after = el.data('after'),
element =$(this.hash) ;
if(!before){
before = 0;
}
if(!after){
after = 0;
}
var goTo = $(this.hash).offset().top - before + after;
$('html, body').stop(true, true).animate({
scrollTop: goTo
}, 800);
});
},
yjsgRunAnimationsEffect: function($element){
var self = this;
var $effect = $element.data('anim-effect');
$element.addClass('yjsg-animated ' + $effect);
if($effect == 'yjsg-anim-draw-svg'){
var $svg = $element.find('svg');
if($svg.length > 0){
var $duration = parseInt($element.data('anim-duration'));
var $svg_id = $svg.attr('id');
new Vivus($svg_id, {
duration: $duration / 10,
pathTimingFunction: Vivus.EASE_OUT,
animTimingFunction: Vivus.LINEAR,
});
}
}
$element.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',function(e) {
$element.trigger('yjsg:animation:done').removeClass('yjsg-animated yjsg-animate ' + $effect).addClass('yjsg-animate-done');
$element.parents('.yjsg-animate-parent').addClass('yjsg-animate-parent-done');
});
// Ken Burns
if( $element.data('anim-kbe') ){
$element
.removeClass( 'yjsg-anim-kenburns-'+ $element.data('anim-kbe') )
.css({
'animation-duration' : '',
'-webkit-animation-duration' : '',
'-moz-animation-duration' : '',
'-o-animation-duration' : ''
})
.on('yjsg:animation:done',function(){
$element.css({
'animation-duration' : parseFloat($element.data('anim-kbd')) + 's',
'-webkit-animation-duration' : parseFloat($element.data('anim-kbd')) + 's',
'-moz-animation-duration' : parseFloat($element.data('anim-kbd')) + 's',
'-o-animation-duration' : parseFloat($element.data('anim-kbd')) + 's'
}).addClass( 'yjsg-anim-kenburns-'+ $element.data('anim-kbe') );
$element.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',function(e) {
$element.trigger('yjsg:kb:done').css({
'animation-duration' : '',
'-webkit-animation-duration' : '',
'-moz-animation-duration' : '',
'-o-animation-duration' : ''
});
});
//}
});
}
},
yjsgAnimations: function(elements) {
var self = this;
var animate = '.yjsg-animate';
if (elements) {
animate = elements;
}
var $hasindexed = 0;
$(animate).each(function(index, element) {
var $this = $(this),
$index = index + 1,
$horiz = false;
$this.waypoint(function() {
var $element = $(this),
$elindex = $index,
$delay = parseInt($element.data('anim-delay'));
if (isNaN($delay)) {
$delay = 100;
}
$elindex -= $hasindexed;
if ($elindex == 0 && !$element.parents('.yjsg-animate-parent').length == 0) {
$elindex = 1;
}
if($element.parents('.yjsg-items-grid').length == 0 && $element.parents('.yjsg-anim-auto-delay').length == 0) {
$elindex = 1;
}
YjsgSetTimeout(function() {
self.yjsgRunAnimationsEffect( $element );
$hasindexed = $index;
}, $elindex * $delay);
}, {
triggerOnce: true,
offset: '99%'
});
});
},
roundNumber: function (num, dec) {
var self = this;
var result = Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec);
return result;
},
setHeadersize: function () {
var self = this;
if (self.yjsglegacy == 0) {
return;
}
var logo_out = self.roundNumber(logo_w / $('#header').width() * 100, 2);
var grid_w = self.roundNumber(100 - logo_out, 2);
if (typeof site_w_is_per != 'undefined') {
$('#logo').css('width', logo_out + '%');
$('#yjsgheadergrid').css('width', grid_w + '%');
}
},
ajaxRecompile: function () {
var self = this;
if (self.compileme == 0 || self.compileme == 3 || self.compileme == 'undefined') return;
var currentLink = location.href;
var foundhash = currentLink.match(/#/g);
var hashpart = '';
// in case of hash we need to change the currentLink
if (foundhash) {
var splitLink = currentLink.split('#');
currentLink = splitLink[0];
}
var sitepath = currentLink.indexOf("?") == -1 ? currentLink + '?recompile=1' : currentLink + '&recompile=1';
$.ajax({
type: "get",
url: sitepath,
cache: false,
success: function (data, status, xhr) {
location.reload(true);
},
error: function (data) {
var msg = data.responseText;
if (data.status === 503) { //Site is offline css is recompiled
location.reload(true);
return;
}
var sysmsg = '<div class="yjtbox yjtb_red lineup">';
sysmsg += '<span class="yjtb_close"></span>';
sysmsg += '<span class="yjtboxicon fa fa-warning"></span>';
sysmsg += '<h4 class="yjtboxtitle">Compiler error:</h4>';
sysmsg += msg;
sysmsg += '</div>';
$('.yjsg-system-msg').html(sysmsg);
$('<div/>', {
id: 'compilerMsg',
html: msg
}).appendTo('body');
}
});
}
});
$.fn[pluginName] = function(options) {
return this.each(function() {
if (!$.data(this, 'plugin_' + pluginName)) {
$.data(this, 'plugin_' + pluginName, new Plugin(this, options));
} else if (Plugin.prototype[options]) {
$.data(this, 'plugin_' + pluginName)[options]();
}
});
}
})(jQuery, window, document); // JavaScript Document
(function($) {
$(document).on('ready', function(){
$(document).YjsgSite();
});
$(window).on('load',function() {
$(document).YjsgSite('yjsgInitOnLoad');
$(window).on('resize', function() {
$(document).YjsgSite('setHeadersize');
});
});
}(jQuery));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment