1421 lines
59 KiB
JavaScript
1421 lines
59 KiB
JavaScript
/* global screenReaderText */
|
|
/**
|
|
* Theme functions file.
|
|
*
|
|
* Contains handlers for navigation and widget area.
|
|
*
|
|
* @version 1.0.3
|
|
*/
|
|
|
|
/*! modernizr 3.3.1 (Custom Build) | MIT *
|
|
* https://modernizr.com/download/?-csstransitions-forcetouch-touchevents-domprefixes-prefixes-setclasses-shiv-teststyles !*/
|
|
!function(e,t,n){function r(e,t){return typeof e===t}function o(){var e,t,n,o,i,a,s;for(var l in E)if(E.hasOwnProperty(l)){if(e=[],t=E[l],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(o=r(t.fn,"function")?t.fn():t.fn,i=0;i<e.length;i++)a=e[i],s=a.split("."),1===s.length?Modernizr[s[0]]=o:(!Modernizr[s[0]]||Modernizr[s[0]]instanceof Boolean||(Modernizr[s[0]]=new Boolean(Modernizr[s[0]])),Modernizr[s[0]][s[1]]=o),y.push((o?"":"no-")+s.join("-"))}}function i(e){var t=b.className,n=Modernizr._config.classPrefix||"";if(S&&(t=t.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(r,"$1"+n+"js$2")}Modernizr._config.enableClasses&&(t+=" "+n+e.join(" "+n),S?b.className.baseVal=t:b.className=t)}function a(){return"function"!=typeof t.createElement?t.createElement(arguments[0]):S?t.createElementNS.call(t,"http://www.w3.org/2000/svg",arguments[0]):t.createElement.apply(t,arguments)}function s(){var e=t.body;return e||(e=a(S?"svg":"body"),e.fake=!0),e}function l(e,n,r,o){var i,l,u,c,f="modernizr",d=a("div"),p=s();if(parseInt(r,10))for(;r--;)u=a("div"),u.id=o?o[r]:f+(r+1),d.appendChild(u);return i=a("style"),i.type="text/css",i.id="s"+f,(p.fake?p:d).appendChild(i),p.appendChild(d),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(t.createTextNode(e)),d.id=f,p.fake&&(p.style.background="",p.style.overflow="hidden",c=b.style.overflow,b.style.overflow="hidden",b.appendChild(p)),l=n(d,e),p.fake?(p.parentNode.removeChild(p),b.style.overflow=c,b.offsetHeight):d.parentNode.removeChild(d),!!l}function u(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function c(e,t){return!!~(""+e).indexOf(t)}function f(e,t){return function(){return e.apply(t,arguments)}}function d(e,t,n){var o;for(var i in e)if(e[i]in t)return n===!1?e[i]:(o=t[e[i]],r(o,"function")?f(o,n||t):o);return!1}function p(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function m(t,r){var o=t.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(p(t[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var i=[];o--;)i.push("("+p(t[o])+":"+r+")");return i=i.join(" or "),l("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return n}function h(e,t,o,i){function s(){f&&(delete O.style,delete O.modElem)}if(i=r(i,"undefined")?!1:i,!r(o,"undefined")){var l=m(e,o);if(!r(l,"undefined"))return l}for(var f,d,p,h,v,g=["modernizr","tspan","samp"];!O.style&&g.length;)f=!0,O.modElem=a(g.shift()),O.style=O.modElem.style;for(p=e.length,d=0;p>d;d++)if(h=e[d],v=O.style[h],c(h,"-")&&(h=u(h)),O.style[h]!==n){if(i||r(o,"undefined"))return s(),"pfx"==t?h:!0;try{O.style[h]=o}catch(y){}if(O.style[h]!=v)return s(),"pfx"==t?h:!0}return s(),!1}function v(e,t,n,o,i){var a=e.charAt(0).toUpperCase()+e.slice(1),s=(e+" "+j.join(a+" ")+a).split(" ");return r(t,"string")||r(t,"undefined")?h(s,t,o,i):(s=(e+" "+w.join(a+" ")+a).split(" "),d(s,t,n))}function g(e,t,r){return v(e,n,n,t,r)}var y=[],E=[],C={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){E.push({name:e,fn:t,options:n})},addAsyncTest:function(e){E.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=C,Modernizr=new Modernizr;var _=C._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];C._prefixes=_;var b=t.documentElement,S="svg"===b.nodeName.toLowerCase();S||!function(e,t){function n(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}function r(){var e=E.elements;return"string"==typeof e?e.split(" "):e}function o(e,t){var n=E.elements;"string"!=typeof n&&(n=n.join(" ")),"string"!=typeof e&&(e=e.join(" ")),E.elements=n+" "+e,u(t)}function i(e){var t=y[e[v]];return t||(t={},g++,e[v]=g,y[g]=t),t}function a(e,n,r){if(n||(n=t),f)return n.createElement(e);r||(r=i(n));var o;return o=r.cache[e]?r.cache[e].cloneNode():h.test(e)?(r.cache[e]=r.createElem(e)).cloneNode():r.createElem(e),!o.canHaveChildren||m.test(e)||o.tagUrn?o:r.frag.appendChild(o)}function s(e,n){if(e||(e=t),f)return e.createDocumentFragment();n=n||i(e);for(var o=n.frag.cloneNode(),a=0,s=r(),l=s.length;l>a;a++)o.createElement(s[a]);return o}function l(e,t){t.cache||(t.cache={},t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){return E.shivMethods?a(n,e,t):t.createElem(n)},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+r().join().replace(/[\w\-:]+/g,function(e){return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'})+");return n}")(E,t.frag)}function u(e){e||(e=t);var r=i(e);return!E.shivCSS||c||r.hasCSS||(r.hasCSS=!!n(e,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),f||l(e,r),e}var c,f,d="3.7.3",p=e.html5||{},m=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,h=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,v="_html5shiv",g=0,y={};!function(){try{var e=t.createElement("a");e.innerHTML="<xyz></xyz>",c="hidden"in e,f=1==e.childNodes.length||function(){t.createElement("a");var e=t.createDocumentFragment();return"undefined"==typeof e.cloneNode||"undefined"==typeof e.createDocumentFragment||"undefined"==typeof e.createElement}()}catch(n){c=!0,f=!0}}();var E={elements:p.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:d,shivCSS:p.shivCSS!==!1,supportsUnknownElements:f,shivMethods:p.shivMethods!==!1,type:"default",shivDocument:u,createElement:a,createDocumentFragment:s,addElements:o};e.html5=E,u(t),"object"==typeof module&&module.exports&&(module.exports=E)}("undefined"!=typeof e?e:this,t);var x="Moz O ms Webkit",w=C._config.usePrefixes?x.toLowerCase().split(" "):[];C._domPrefixes=w;var T=function(){function e(e,t){var o;return e?(t&&"string"!=typeof t||(t=a(t||"div")),e="on"+e,o=e in t,!o&&r&&(t.setAttribute||(t=a("div")),t.setAttribute(e,""),o="function"==typeof t[e],t[e]!==n&&(t[e]=n),t.removeAttribute(e)),o):!1}var r=!("onblur"in t.documentElement);return e}();C.hasEvent=T;var N=C.testStyles=l;Modernizr.addTest("touchevents",function(){var n;if("ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch)n=!0;else{var r=["@media (",_.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");N(r,function(e){n=9===e.offsetTop})}return n});var j=C._config.usePrefixes?x.split(" "):[];C._cssomPrefixes=j;var z=function(t){var r,o=_.length,i=e.CSSRule;if("undefined"==typeof i)return n;if(!t)return!1;if(t=t.replace(/^@/,""),r=t.replace(/-/g,"_").toUpperCase()+"_RULE",r in i)return"@"+t;for(var a=0;o>a;a++){var s=_[a],l=s.toUpperCase()+"_"+r;if(l in i)return"@-"+s.toLowerCase()+"-"+t}return!1};C.atRule=z;var F={elem:a("modernizr")};Modernizr._q.push(function(){delete F.elem});var O={style:F.elem.style};Modernizr._q.unshift(function(){delete O.style}),C.testAllProps=v;var k=C.prefixed=function(e,t,n){return 0===e.indexOf("@")?z(e):(-1!=e.indexOf("-")&&(e=u(e)),t?v(e,t,n):v(e,"pfx"))};Modernizr.addTest("forcetouch",function(){return T(k("mouseforcewillbegin",e,!1),e)?MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN&&MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN:!1}),C.testAllProps=g,Modernizr.addTest("csstransitions",g("transition","all",!0)),o(),i(y),delete C.addTest,delete C.addAsyncTest;for(var M=0;M<Modernizr._q.length;M++)Modernizr._q[M]();e.Modernizr=Modernizr}(window,document);
|
|
|
|
( function($) {
|
|
// Variables and DOM Caching.
|
|
var $body = $( 'body' ),
|
|
sliderFade = $body.hasClass( 'slider-fade' ),
|
|
sliderAutostart = $body.hasClass( 'slider-autoplay' ),
|
|
headerOffset,
|
|
menuTop = 0,
|
|
resizeTimer;
|
|
|
|
var MediaPrint = false;
|
|
|
|
$(document).ready(function() {
|
|
// Sticky Share Buttons - Single Post
|
|
if ( window.innerWidth >= 1440 ) {
|
|
$(".sd-content").stick_in_parent({
|
|
parent: "#singlepost-wrap",
|
|
offset_top: 80
|
|
});
|
|
}
|
|
// Make overlay navi non-tabable, if desktop navi is shown
|
|
if ( window.innerWidth >= 1060 ) {
|
|
$('#overlay-nav a').attr("tabindex","-1");
|
|
}
|
|
|
|
var pcol = $("#printhead").css("color");
|
|
var pcon = $("#printhead").css("content");
|
|
|
|
if ((pcon = "Print") || (pcol = "black")) {
|
|
MediaPrint = true;
|
|
}
|
|
|
|
//Tablesorter
|
|
$('.sorttable').tablesorter();
|
|
|
|
});
|
|
|
|
// Overlay (main menu + widget area) open/close
|
|
$('.overlay-open').on( 'click', function () {
|
|
$('html').addClass('overlay-show');
|
|
$('body').addClass('overlay-show');
|
|
});
|
|
|
|
$('#overlay-close').on( 'click', function () {
|
|
$('html').removeClass('overlay-show');
|
|
$('body').removeClass('overlay-show');
|
|
});
|
|
|
|
// Hide Desktop Off Canvas Menu on Click into main website area
|
|
$('#overlay-wrap').on( 'click', function () {
|
|
$('html').removeClass('overlay-show');
|
|
$('body').removeClass('overlay-show');
|
|
});
|
|
|
|
// Mobile Widget Area open/close
|
|
$('#offcanvas-widgets-open').on( 'click', function () {
|
|
$('body').toggleClass('offcanvas-widgets-show');
|
|
});
|
|
|
|
// Comments open/close
|
|
$('#comments-toggle').on( 'click', function () {
|
|
$('body').toggleClass('comments-show');
|
|
});
|
|
|
|
$('.comments-link').on( 'click', function () {
|
|
$('body').addClass('comments-show');
|
|
});
|
|
|
|
// Desktio Search open/close
|
|
$('.search-open').on( 'click', function () {
|
|
$('body').toggleClass('desktop-search-show');
|
|
var searchInput = $('.desktop-search input#s');
|
|
searchInput.focus();
|
|
});
|
|
|
|
$('.desktop-search').focusout(function() {
|
|
$('body').removeClass('desktop-search-show');
|
|
});
|
|
|
|
$('.search-close').on( 'click', function () {
|
|
$('body').removeClass('desktop-search-show');
|
|
});
|
|
|
|
|
|
|
|
// Off Canvas Cart open/close
|
|
$('.cart-offcanvas-open').on( 'click', function () {
|
|
$('body').toggleClass('offcanvascart-show');
|
|
});
|
|
|
|
$('.cart-close').on( 'click', function () {
|
|
$('body').removeClass('offcanvascart-show');
|
|
});
|
|
|
|
|
|
|
|
// Featured Posts Slider
|
|
if ( $.fn.slick ) {
|
|
$( document ).ready( function () {
|
|
var autostart = false;
|
|
var pauseOnHovervar = false
|
|
if ( sliderAutostart ) {
|
|
autostart = true;
|
|
pauseOnHovervar = true;
|
|
}
|
|
var autoplaySpeedval = 4000;
|
|
if ( sliderFade ) {
|
|
$( '.featured-slider' ).slick( {
|
|
dots : false,
|
|
slidesToShow : 1,
|
|
autoplay : autostart,
|
|
cssEase : 'ease',
|
|
draggable : true,
|
|
pauseOnHover : pauseOnHovervar,
|
|
infinite : true,
|
|
adaptiveHeight: true,
|
|
fade : true,
|
|
autoplaySpeed : autoplaySpeedval,
|
|
} );
|
|
} else {
|
|
$( '.featured-slider' ).slick( {
|
|
dots : false,
|
|
slidesToShow : 1,
|
|
autoplay : autostart,
|
|
cssEase : 'ease',
|
|
draggable : true,
|
|
pauseOnHover : pauseOnHovervar,
|
|
infinite : true,
|
|
adaptiveHeight: true,
|
|
autoplaySpeed : autoplaySpeedval,
|
|
} );
|
|
}
|
|
} );
|
|
}
|
|
|
|
|
|
|
|
|
|
// Fade In Animations
|
|
$('.fadein').viewportChecker({
|
|
classToAdd: 'inview', // Class to add to the elements when they are visible
|
|
removeClassAfterAnimation: false
|
|
});
|
|
|
|
|
|
$('.product-category').viewportChecker({
|
|
classToAdd: 'inview', // Class to add to the elements when they are visible
|
|
removeClassAfterAnimation: false
|
|
});
|
|
|
|
$('.type-post').viewportChecker({
|
|
classToAdd: 'inview', // Class to add to the elements when they are visible
|
|
removeClassAfterAnimation: false
|
|
});
|
|
|
|
$('.instagram-pics li').viewportChecker({
|
|
classToAdd: 'inview', // Class to add to the elements when they are visible
|
|
removeClassAfterAnimation: false
|
|
});
|
|
|
|
$('.section-about-text').viewportChecker({
|
|
classToAdd: 'inview', // Class to add to the elements when they are visible
|
|
removeClassAfterAnimation: false
|
|
});
|
|
|
|
// Scroll Down Button
|
|
$('a[href^="#"]').on('click', function(event) {
|
|
var target = $(this.getAttribute('href'));
|
|
if( target.length ) {
|
|
event.preventDefault();
|
|
$('html, body').stop().animate({
|
|
scrollTop: target.offset().top
|
|
}, 700 );
|
|
}
|
|
});
|
|
|
|
// Front page sticky headerimage
|
|
$(window).scroll(function() {
|
|
// if (MediaPrint = false) {
|
|
if($(window).scrollTop() > $(window).height()*1)
|
|
$('.container-all').addClass('scroll');
|
|
if($(window).scrollTop() < $(window).height()*1)
|
|
$('.container-all').removeClass('scroll');
|
|
// }
|
|
});
|
|
|
|
// Sticky Desktop Header Bar
|
|
$(function() {
|
|
var stickyheader = $('.sticky-header');
|
|
$(window).scroll(function() {
|
|
// if (MediaPrint = false) {
|
|
var scroll = $(window).scrollTop();
|
|
|
|
if (scroll >= 200) {
|
|
$('body').addClass('header-stick');
|
|
stickyheader.removeClass('hidden');
|
|
} else {
|
|
$('body').removeClass('header-stick');
|
|
stickyheader.addClass('hidden');
|
|
}
|
|
// }
|
|
});
|
|
});
|
|
|
|
// Sticky Last Sidebar Element
|
|
$(document).ready(function() {
|
|
if ( window.innerWidth >= 1060 ) {
|
|
$(".blog #secondary .widget:last-child").stick_in_parent({
|
|
parent: "#blog-wrap",
|
|
offset_top: 80
|
|
});
|
|
}
|
|
});
|
|
// Sticky Last Sidebar Element - Single Post
|
|
$(document).ready(function() {
|
|
if ( window.innerWidth >= 1060 ) {
|
|
$(".single-post #secondary .widget:last-child").stick_in_parent({
|
|
parent: "#singlepost-wrap",
|
|
offset_top: 80
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
// Accordions
|
|
|
|
// Close Accordions on start, except first
|
|
$('.accordion-body').not(".accordion-body.open").not('.accordion-body.stayopen').hide();
|
|
|
|
|
|
$('.accordion-toggle').bind('click', function(event) {
|
|
event.preventDefault();
|
|
var accordion = $(this).attr('href');
|
|
$(this).closest('.accordion').find('.accordion-toggle').not($(this)).removeClass('active');
|
|
$(this).closest('.accordion').find('.accordion-body').not(accordion).not('.accordion-body.stayopen').slideUp();
|
|
$(this).toggleClass('active');
|
|
$(accordion).slideToggle();
|
|
});
|
|
|
|
// Keyboard navigation for accordions
|
|
$('.accordion-toggle').keydown(function(event) {
|
|
if(event.keyCode == 32) {
|
|
var accordion = $(this).attr('href');
|
|
$(this).closest('.accordion').find('.accordion-toggle').not($(this)).removeClass('active');
|
|
$(this).closest('.accordion').find('.accordion-body').not(accordion).not('.accordion-body.stayopen').slideUp();
|
|
$(this).toggleClass('active');
|
|
$(accordion).slideToggle();
|
|
}
|
|
});
|
|
|
|
|
|
function openAnchorAccordion() {
|
|
if (window.location.hash) {
|
|
var identifier = window.location.hash.split('_')[0];
|
|
var inpagenum = window.location.hash.split('_')[1];
|
|
if (identifier == '#collapse') {
|
|
if ($.isNumeric(inpagenum)) {
|
|
var $findid = 'collapse_'+ inpagenum;
|
|
var $target = $('body').find('#'+ $findid);
|
|
|
|
if ($target.closest('.accordion').parent().closest('.accordion-group')) {
|
|
$upper = $target.closest('.accordion').parent().closest('.accordion-group');
|
|
|
|
$upper.find('.accordion-toggle').addClass('active');
|
|
$upper.find('.accordion-body').show();
|
|
|
|
$upper.find('.accordion-toggle').children().find('.accordion-toggle').removeClass('active');
|
|
$upper.find('.accordion-body').children().find('.accordion-body').hide();
|
|
|
|
}
|
|
$target.find('.accordion-toggle').addClass('active');
|
|
$target.show();
|
|
|
|
var offset = $target.offset();
|
|
var $scrolloffset = offset.top + 40;
|
|
$('html,body').animate({scrollTop: $scrolloffset},'slow');
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
openAnchorAccordion();
|
|
|
|
|
|
|
|
|
|
// Responsive Videos.
|
|
$('#primary').fitVids();
|
|
$('#singlepost-wrap').fitVids();
|
|
|
|
|
|
|
|
|
|
$('a').not($('#desktop-navigation .mainmenu a')).focus(function() {
|
|
$('.mainmenu li').removeClass('focus');
|
|
});
|
|
$('#desktop-navigation .mainmenu a').focus(function() {
|
|
$('.mainmenu li').removeClass('focus');
|
|
$(this).parents('li').addClass('focus');
|
|
$(this).children('li').addClass('focus');
|
|
$(this).next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
|
|
});
|
|
$('#desktop-navigation .submenu a').focus(function() {
|
|
$('.mainmenu li').removeClass('focus');
|
|
$(this).parents('li').addClass('focus');
|
|
$(this).children('li').addClass('focus');
|
|
$(this).next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
|
|
});
|
|
|
|
|
|
// Add dropdown toggle that display child menu items.
|
|
|
|
$( '#overlay-nav .menu-item-has-children > a' ).after( '<button class="dropdown-toggle" aria-expanded="false">' + screenReaderText.expand + '</button>' );
|
|
|
|
// Toggle buttons and submenu items with active children menu items.
|
|
$( '#overlay-nav .current-menu-ancestor > button' ).addClass( 'toggle-on' );
|
|
$( '#overlay-nav .current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
|
|
|
|
$( '#overlay-nav .dropdown-toggle' ).click( function( e ) {
|
|
var _this = $( this );
|
|
e.preventDefault();
|
|
_this.toggleClass( 'toggle-on' );
|
|
_this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
|
|
_this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
|
|
_this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
|
|
} );
|
|
|
|
|
|
|
|
secondary = $( '#secondary' );
|
|
button = $( '.site-branding' ).find( '.secondary-toggle' );
|
|
|
|
// Enable menu toggle for small screens.
|
|
( function() {
|
|
var menu, widgets, social;
|
|
if ( ! secondary || ! button ) {
|
|
return;
|
|
}
|
|
|
|
// Hide button if there are no widgets and the menus are missing or empty.
|
|
menu = secondary.find( '.nav-menu' );
|
|
widgets = secondary.find( '#widget-area' );
|
|
social = secondary.find( '#social-navigation' );
|
|
if ( ! widgets.length && ! social.length && ( ! menu || ! menu.children().length ) ) {
|
|
button.hide();
|
|
return;
|
|
}
|
|
|
|
button.on( 'click.uku', function() {
|
|
secondary.toggleClass( 'toggled-on' );
|
|
secondary.trigger( 'resize' );
|
|
$( this ).toggleClass( 'toggled-on' );
|
|
if ( $( this, secondary ).hasClass( 'toggled-on' ) ) {
|
|
$( this ).attr( 'aria-expanded', 'true' );
|
|
secondary.attr( 'aria-expanded', 'true' );
|
|
} else {
|
|
$( this ).attr( 'aria-expanded', 'false' );
|
|
secondary.attr( 'aria-expanded', 'false' );
|
|
}
|
|
} );
|
|
} )();
|
|
|
|
|
|
//Gridder configuration found at the end of jquery.gridder.js
|
|
if( Modernizr.touchevents ) {
|
|
$('.picrew-grid > .picrew-grid-card > figure').on('touchend', function(e) {
|
|
if($(e.target).is('.picrew-grid > .picrew-grid-card > figure a') || $(e.target).is('.picrew-grid > .picrew-grid-card > figure a *')) return;
|
|
e.preventDefault();
|
|
$(this).toggleClass('cs-hover');
|
|
});
|
|
}
|
|
|
|
|
|
/*
|
|
*
|
|
* TableSorter 2.0 - Client-side table sorting with ease!
|
|
* Version 2.0.5b
|
|
* @requires jQuery v1.2.3
|
|
*
|
|
* Copyright (c) 2007 Christian Bach
|
|
* Examples and docs at: http://tablesorter.com
|
|
* Dual licensed under the MIT and GPL licenses:
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
* http://www.gnu.org/licenses/gpl.html
|
|
*
|
|
*/
|
|
/**
|
|
*
|
|
* @description Create a sortable table with multi-column sorting capabilitys
|
|
*
|
|
* @example $('table').tablesorter();
|
|
* @desc Create a simple tablesorter interface.
|
|
*
|
|
* @example $('table').tablesorter({ sortList:[[0,0],[1,0]] });
|
|
* @desc Create a tablesorter interface and sort on the first and secound column column headers.
|
|
*
|
|
* @example $('table').tablesorter({ headers: { 0: { sorter: false}, 1: {sorter: false} } });
|
|
*
|
|
* @desc Create a tablesorter interface and disableing the first and second column headers.
|
|
*
|
|
*
|
|
* @example $('table').tablesorter({ headers: { 0: {sorter:"integer"}, 1: {sorter:"currency"} } });
|
|
*
|
|
* @desc Create a tablesorter interface and set a column parser for the first
|
|
* and second column.
|
|
*
|
|
*
|
|
* @param Object
|
|
* settings An object literal containing key/value pairs to provide
|
|
* optional settings.
|
|
*
|
|
*
|
|
* @option String cssHeader (optional) A string of the class name to be appended
|
|
* to sortable tr elements in the thead of the table. Default value:
|
|
* "header"
|
|
*
|
|
* @option String cssAsc (optional) A string of the class name to be appended to
|
|
* sortable tr elements in the thead on a ascending sort. Default value:
|
|
* "headerSortUp"
|
|
*
|
|
* @option String cssDesc (optional) A string of the class name to be appended
|
|
* to sortable tr elements in the thead on a descending sort. Default
|
|
* value: "headerSortDown"
|
|
*
|
|
* @option String sortInitialOrder (optional) A string of the inital sorting
|
|
* order can be asc or desc. Default value: "asc"
|
|
*
|
|
* @option String sortMultisortKey (optional) A string of the multi-column sort
|
|
* key. Default value: "shiftKey"
|
|
*
|
|
* @option String textExtraction (optional) A string of the text-extraction
|
|
* method to use. For complex html structures inside td cell set this
|
|
* option to "complex", on large tables the complex option can be slow.
|
|
* Default value: "simple"
|
|
*
|
|
* @option Object headers (optional) An array containing the forces sorting
|
|
* rules. This option let's you specify a default sorting rule. Default
|
|
* value: null
|
|
*
|
|
* @option Array sortList (optional) An array containing the forces sorting
|
|
* rules. This option let's you specify a default sorting rule. Default
|
|
* value: null
|
|
*
|
|
* @option Array sortForce (optional) An array containing forced sorting rules.
|
|
* This option let's you specify a default sorting rule, which is
|
|
* prepended to user-selected rules. Default value: null
|
|
*
|
|
* @option Boolean sortLocaleCompare (optional) Boolean flag indicating whatever
|
|
* to use String.localeCampare method or not. Default set to true.
|
|
*
|
|
*
|
|
* @option Array sortAppend (optional) An array containing forced sorting rules.
|
|
* This option let's you specify a default sorting rule, which is
|
|
* appended to user-selected rules. Default value: null
|
|
*
|
|
* @option Boolean widthFixed (optional) Boolean flag indicating if tablesorter
|
|
* should apply fixed widths to the table columns. This is usefull when
|
|
* using the pager companion plugin. This options requires the dimension
|
|
* jquery plugin. Default value: false
|
|
*
|
|
* @option Boolean cancelSelection (optional) Boolean flag indicating if
|
|
* tablesorter should cancel selection of the table headers text.
|
|
* Default value: true
|
|
*
|
|
* @option Boolean debug (optional) Boolean flag indicating if tablesorter
|
|
* should display debuging information usefull for development.
|
|
*
|
|
* @type jQuery
|
|
*
|
|
* @name tablesorter
|
|
*
|
|
* @cat Plugins/Tablesorter
|
|
*
|
|
* @author Christian Bach/christian.bach@polyester.se
|
|
*/
|
|
|
|
|
|
$.extend({
|
|
tablesorter: new
|
|
function () {
|
|
|
|
var parsers = [],
|
|
widgets = [];
|
|
|
|
this.defaults = {
|
|
cssHeader: "header",
|
|
cssAsc: "headerSortUp",
|
|
cssDesc: "headerSortDown",
|
|
cssChildRow: "expand-child",
|
|
sortInitialOrder: "asc",
|
|
sortMultiSortKey: "shiftKey",
|
|
sortForce: null,
|
|
sortAppend: null,
|
|
sortLocaleCompare: true,
|
|
textExtraction: "simple",
|
|
parsers: {}, widgets: [],
|
|
widgetZebra: {
|
|
css: ["even", "odd"]
|
|
}, headers: {}, widthFixed: false,
|
|
cancelSelection: true,
|
|
sortList: [],
|
|
headerList: [],
|
|
dateFormat: "us",
|
|
decimal: '/\.|\,/g',
|
|
onRenderHeader: null,
|
|
selectorHeaders: 'thead th',
|
|
debug: false
|
|
};
|
|
|
|
/* debuging utils */
|
|
|
|
function benchmark(s, d) {
|
|
log(s + "," + (new Date().getTime() - d.getTime()) + "ms");
|
|
}
|
|
|
|
this.benchmark = benchmark;
|
|
|
|
function log(s) {
|
|
if (typeof console != "undefined" && typeof console.debug != "undefined") {
|
|
console.log(s);
|
|
} else {
|
|
alert(s);
|
|
}
|
|
}
|
|
|
|
/* parsers utils */
|
|
|
|
function buildParserCache(table, $headers) {
|
|
|
|
if (table.config.debug) {
|
|
var parsersDebug = "";
|
|
}
|
|
|
|
if (table.tBodies.length == 0) return; // In the case of empty tables
|
|
var rows = table.tBodies[0].rows;
|
|
|
|
if (rows[0]) {
|
|
|
|
var list = [],
|
|
cells = rows[0].cells,
|
|
l = cells.length;
|
|
|
|
for (var i = 0; i < l; i++) {
|
|
|
|
var p = false;
|
|
|
|
if ($.metadata && ($($headers[i]).metadata() && $($headers[i]).metadata().sorter)) {
|
|
|
|
p = getParserById($($headers[i]).metadata().sorter);
|
|
|
|
} else if ((table.config.headers[i] && table.config.headers[i].sorter)) {
|
|
|
|
p = getParserById(table.config.headers[i].sorter);
|
|
}
|
|
if (!p) {
|
|
|
|
p = detectParserForColumn(table, rows, -1, i);
|
|
}
|
|
|
|
if (table.config.debug) {
|
|
parsersDebug += "column:" + i + " parser:" + p.id + "\n";
|
|
}
|
|
|
|
list.push(p);
|
|
}
|
|
}
|
|
|
|
if (table.config.debug) {
|
|
log(parsersDebug);
|
|
}
|
|
|
|
return list;
|
|
};
|
|
|
|
function detectParserForColumn(table, rows, rowIndex, cellIndex) {
|
|
var l = parsers.length,
|
|
node = false,
|
|
nodeValue = false,
|
|
keepLooking = true;
|
|
while (nodeValue == '' && keepLooking) {
|
|
rowIndex++;
|
|
if (rows[rowIndex]) {
|
|
node = getNodeFromRowAndCellIndex(rows, rowIndex, cellIndex);
|
|
nodeValue = trimAndGetNodeText(table.config, node);
|
|
if (table.config.debug) {
|
|
log('Checking if value was empty on row:' + rowIndex);
|
|
}
|
|
} else {
|
|
keepLooking = false;
|
|
}
|
|
}
|
|
for (var i = 1; i < l; i++) {
|
|
if (parsers[i].is(nodeValue, table, node)) {
|
|
return parsers[i];
|
|
}
|
|
}
|
|
// 0 is always the generic parser (text)
|
|
return parsers[0];
|
|
}
|
|
|
|
function getNodeFromRowAndCellIndex(rows, rowIndex, cellIndex) {
|
|
return rows[rowIndex].cells[cellIndex];
|
|
}
|
|
|
|
function trimAndGetNodeText(config, node) {
|
|
return $.trim(getElementText(config, node));
|
|
}
|
|
|
|
function getParserById(name) {
|
|
var l = parsers.length;
|
|
for (var i = 0; i < l; i++) {
|
|
if (parsers[i].id.toLowerCase() == name.toLowerCase()) {
|
|
return parsers[i];
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/* utils */
|
|
|
|
function buildCache(table) {
|
|
|
|
if (table.config.debug) {
|
|
var cacheTime = new Date();
|
|
}
|
|
|
|
var totalRows = (table.tBodies[0] && table.tBodies[0].rows.length) || 0,
|
|
totalCells = (table.tBodies[0].rows[0] && table.tBodies[0].rows[0].cells.length) || 0,
|
|
parsers = table.config.parsers,
|
|
cache = {
|
|
row: [],
|
|
normalized: []
|
|
};
|
|
|
|
for (var i = 0; i < totalRows; ++i) {
|
|
|
|
/** Add the table data to main data array */
|
|
var c = $(table.tBodies[0].rows[i]),
|
|
cols = [];
|
|
|
|
// if this is a child row, add it to the last row's children and
|
|
// continue to the next row
|
|
if (c.hasClass(table.config.cssChildRow)) {
|
|
cache.row[cache.row.length - 1] = cache.row[cache.row.length - 1].add(c);
|
|
// go to the next for loop
|
|
continue;
|
|
}
|
|
|
|
cache.row.push(c);
|
|
|
|
for (var j = 0; j < totalCells; ++j) {
|
|
cols.push(parsers[j].format(getElementText(table.config, c[0].cells[j]), table, c[0].cells[j]));
|
|
}
|
|
|
|
cols.push(cache.normalized.length); // add position for rowCache
|
|
cache.normalized.push(cols);
|
|
cols = null;
|
|
};
|
|
|
|
if (table.config.debug) {
|
|
benchmark("Building cache for " + totalRows + " rows:", cacheTime);
|
|
}
|
|
|
|
return cache;
|
|
};
|
|
|
|
function getElementText(config, node) {
|
|
|
|
var text = "";
|
|
|
|
if (!node) return "";
|
|
|
|
if (!config.supportsTextContent) config.supportsTextContent = node.textContent || false;
|
|
|
|
if (config.textExtraction == "simple") {
|
|
if (config.supportsTextContent) {
|
|
text = node.textContent;
|
|
} else {
|
|
if (node.childNodes[0] && node.childNodes[0].hasChildNodes()) {
|
|
text = node.childNodes[0].innerHTML;
|
|
} else {
|
|
text = node.innerHTML;
|
|
}
|
|
}
|
|
} else {
|
|
if (typeof(config.textExtraction) == "function") {
|
|
text = config.textExtraction(node);
|
|
} else {
|
|
text = $(node).text();
|
|
}
|
|
}
|
|
return text;
|
|
}
|
|
|
|
function appendToTable(table, cache) {
|
|
|
|
if (table.config.debug) {
|
|
var appendTime = new Date()
|
|
}
|
|
|
|
var c = cache,
|
|
r = c.row,
|
|
n = c.normalized,
|
|
totalRows = n.length,
|
|
checkCell = (n[0].length - 1),
|
|
tableBody = $(table.tBodies[0]),
|
|
rows = [];
|
|
|
|
|
|
for (var i = 0; i < totalRows; i++) {
|
|
var pos = n[i][checkCell];
|
|
|
|
rows.push(r[pos]);
|
|
|
|
if (!table.config.appender) {
|
|
|
|
//var o = ;
|
|
var l = r[pos].length;
|
|
for (var j = 0; j < l; j++) {
|
|
tableBody[0].appendChild(r[pos][j]);
|
|
}
|
|
|
|
//
|
|
}
|
|
}
|
|
|
|
|
|
|
|
if (table.config.appender) {
|
|
|
|
table.config.appender(table, rows);
|
|
}
|
|
|
|
rows = null;
|
|
|
|
if (table.config.debug) {
|
|
benchmark("Rebuilt table:", appendTime);
|
|
}
|
|
|
|
// apply table widgets
|
|
applyWidget(table);
|
|
|
|
// trigger sortend
|
|
setTimeout(function () {
|
|
$(table).trigger("sortEnd");
|
|
}, 0);
|
|
|
|
};
|
|
|
|
function buildHeaders(table) {
|
|
|
|
if (table.config.debug) {
|
|
var time = new Date();
|
|
}
|
|
|
|
var meta = ($.metadata) ? true : false;
|
|
|
|
var header_index = computeTableHeaderCellIndexes(table);
|
|
|
|
$tableHeaders = $(table.config.selectorHeaders, table).each(function (index) {
|
|
|
|
this.column = header_index[this.parentNode.rowIndex + "-" + this.cellIndex];
|
|
// this.column = index;
|
|
this.order = formatSortingOrder(table.config.sortInitialOrder);
|
|
|
|
|
|
this.count = this.order;
|
|
|
|
if (checkHeaderMetadata(this) || checkHeaderOptions(table, index)) this.sortDisabled = true;
|
|
if (checkHeaderOptionsSortingLocked(table, index)) this.order = this.lockedOrder = checkHeaderOptionsSortingLocked(table, index);
|
|
|
|
if (!this.sortDisabled) {
|
|
var $th = $(this).addClass(table.config.cssHeader);
|
|
if (table.config.onRenderHeader) table.config.onRenderHeader.apply($th);
|
|
}
|
|
|
|
// add cell to headerList
|
|
table.config.headerList[index] = this;
|
|
});
|
|
|
|
if (table.config.debug) {
|
|
benchmark("Built headers:", time);
|
|
log($tableHeaders);
|
|
}
|
|
|
|
return $tableHeaders;
|
|
|
|
};
|
|
|
|
// from:
|
|
// http://www.javascripttoolbox.com/lib/table/examples.php
|
|
// http://www.javascripttoolbox.com/temp/table_cellindex.html
|
|
|
|
|
|
function computeTableHeaderCellIndexes(t) {
|
|
var matrix = [];
|
|
var lookup = {};
|
|
var thead = t.getElementsByTagName('THEAD')[0];
|
|
var trs = thead.getElementsByTagName('TR');
|
|
|
|
for (var i = 0; i < trs.length; i++) {
|
|
var cells = trs[i].cells;
|
|
for (var j = 0; j < cells.length; j++) {
|
|
var c = cells[j];
|
|
|
|
var rowIndex = c.parentNode.rowIndex;
|
|
var cellId = rowIndex + "-" + c.cellIndex;
|
|
var rowSpan = c.rowSpan || 1;
|
|
var colSpan = c.colSpan || 1
|
|
var firstAvailCol;
|
|
if (typeof(matrix[rowIndex]) == "undefined") {
|
|
matrix[rowIndex] = [];
|
|
}
|
|
// Find first available column in the first row
|
|
for (var k = 0; k < matrix[rowIndex].length + 1; k++) {
|
|
if (typeof(matrix[rowIndex][k]) == "undefined") {
|
|
firstAvailCol = k;
|
|
break;
|
|
}
|
|
}
|
|
lookup[cellId] = firstAvailCol;
|
|
for (var k = rowIndex; k < rowIndex + rowSpan; k++) {
|
|
if (typeof(matrix[k]) == "undefined") {
|
|
matrix[k] = [];
|
|
}
|
|
var matrixrow = matrix[k];
|
|
for (var l = firstAvailCol; l < firstAvailCol + colSpan; l++) {
|
|
matrixrow[l] = "x";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return lookup;
|
|
}
|
|
|
|
function checkCellColSpan(table, rows, row) {
|
|
var arr = [],
|
|
r = table.tHead.rows,
|
|
c = r[row].cells;
|
|
|
|
for (var i = 0; i < c.length; i++) {
|
|
var cell = c[i];
|
|
|
|
if (cell.colSpan > 1) {
|
|
arr = arr.concat(checkCellColSpan(table, headerArr, row++));
|
|
} else {
|
|
if (table.tHead.length == 1 || (cell.rowSpan > 1 || !r[row + 1])) {
|
|
arr.push(cell);
|
|
}
|
|
// headerArr[row] = (i+row);
|
|
}
|
|
}
|
|
return arr;
|
|
};
|
|
|
|
function checkHeaderMetadata(cell) {
|
|
if (($.metadata) && ($(cell).metadata().sorter === false)) {
|
|
return true;
|
|
};
|
|
return false;
|
|
}
|
|
|
|
function checkHeaderOptions(table, i) {
|
|
if ((table.config.headers[i]) && (table.config.headers[i].sorter === false)) {
|
|
return true;
|
|
};
|
|
return false;
|
|
}
|
|
|
|
function checkHeaderOptionsSortingLocked(table, i) {
|
|
if ((table.config.headers[i]) && (table.config.headers[i].lockedOrder)) return table.config.headers[i].lockedOrder;
|
|
return false;
|
|
}
|
|
|
|
function applyWidget(table) {
|
|
var c = table.config.widgets;
|
|
var l = c.length;
|
|
for (var i = 0; i < l; i++) {
|
|
|
|
getWidgetById(c[i]).format(table);
|
|
}
|
|
|
|
}
|
|
|
|
function getWidgetById(name) {
|
|
var l = widgets.length;
|
|
for (var i = 0; i < l; i++) {
|
|
if (widgets[i].id.toLowerCase() == name.toLowerCase()) {
|
|
return widgets[i];
|
|
}
|
|
}
|
|
};
|
|
|
|
function formatSortingOrder(v) {
|
|
if (typeof(v) != "Number") {
|
|
return (v.toLowerCase() == "desc") ? 1 : 0;
|
|
} else {
|
|
return (v == 1) ? 1 : 0;
|
|
}
|
|
}
|
|
|
|
function isValueInArray(v, a) {
|
|
var l = a.length;
|
|
for (var i = 0; i < l; i++) {
|
|
if (a[i][0] == v) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function setHeadersCss(table, $headers, list, css) {
|
|
// remove all header information
|
|
$headers.removeClass(css[0]).removeClass(css[1]);
|
|
|
|
var h = [];
|
|
$headers.each(function (offset) {
|
|
if (!this.sortDisabled) {
|
|
h[this.column] = $(this);
|
|
}
|
|
});
|
|
|
|
var l = list.length;
|
|
for (var i = 0; i < l; i++) {
|
|
h[list[i][0]].addClass(css[list[i][1]]);
|
|
}
|
|
}
|
|
|
|
function fixColumnWidth(table, $headers) {
|
|
var c = table.config;
|
|
if (c.widthFixed) {
|
|
var colgroup = $('<colgroup>');
|
|
$("tr:first td", table.tBodies[0]).each(function () {
|
|
colgroup.append($('<col>').css('width', $(this).width()));
|
|
});
|
|
$(table).prepend(colgroup);
|
|
};
|
|
}
|
|
|
|
function updateHeaderSortCount(table, sortList) {
|
|
var c = table.config,
|
|
l = sortList.length;
|
|
for (var i = 0; i < l; i++) {
|
|
var s = sortList[i],
|
|
o = c.headerList[s[0]];
|
|
o.count = s[1];
|
|
o.count++;
|
|
}
|
|
}
|
|
|
|
/* sorting methods */
|
|
|
|
function multisort(table, sortList, cache) {
|
|
|
|
if (table.config.debug) {
|
|
var sortTime = new Date();
|
|
}
|
|
|
|
var dynamicExp = "var sortWrapper = function(a,b) {",
|
|
l = sortList.length;
|
|
|
|
// TODO: inline functions.
|
|
for (var i = 0; i < l; i++) {
|
|
|
|
var c = sortList[i][0];
|
|
var order = sortList[i][1];
|
|
// var s = (getCachedSortType(table.config.parsers,c) == "text") ?
|
|
// ((order == 0) ? "sortText" : "sortTextDesc") : ((order == 0) ?
|
|
// "sortNumeric" : "sortNumericDesc");
|
|
// var s = (table.config.parsers[c].type == "text") ? ((order == 0)
|
|
// ? makeSortText(c) : makeSortTextDesc(c)) : ((order == 0) ?
|
|
// makeSortNumeric(c) : makeSortNumericDesc(c));
|
|
var s = (table.config.parsers[c].type == "text") ? ((order == 0) ? makeSortFunction("text", "asc", c) : makeSortFunction("text", "desc", c)) : ((order == 0) ? makeSortFunction("numeric", "asc", c) : makeSortFunction("numeric", "desc", c));
|
|
var e = "e" + i;
|
|
|
|
dynamicExp += "var " + e + " = " + s; // + "(a[" + c + "],b[" + c
|
|
// + "]); ";
|
|
dynamicExp += "if(" + e + ") { return " + e + "; } ";
|
|
dynamicExp += "else { ";
|
|
|
|
}
|
|
|
|
// if value is the same keep orignal order
|
|
var orgOrderCol = cache.normalized[0].length - 1;
|
|
dynamicExp += "return a[" + orgOrderCol + "]-b[" + orgOrderCol + "];";
|
|
|
|
for (var i = 0; i < l; i++) {
|
|
dynamicExp += "}; ";
|
|
}
|
|
|
|
dynamicExp += "return 0; ";
|
|
dynamicExp += "}; ";
|
|
|
|
if (table.config.debug) {
|
|
benchmark("Evaling expression:" + dynamicExp, new Date());
|
|
}
|
|
|
|
eval(dynamicExp);
|
|
|
|
cache.normalized.sort(sortWrapper);
|
|
|
|
if (table.config.debug) {
|
|
benchmark("Sorting on " + sortList.toString() + " and dir " + order + " time:", sortTime);
|
|
}
|
|
|
|
return cache;
|
|
};
|
|
|
|
function makeSortFunction(type, direction, index) {
|
|
var a = "a[" + index + "]",
|
|
b = "b[" + index + "]";
|
|
if (type == 'text' && direction == 'asc') {
|
|
return "(" + a + " == " + b + " ? 0 : (" + a + " === null ? Number.POSITIVE_INFINITY : (" + b + " === null ? Number.NEGATIVE_INFINITY : (" + a + " < " + b + ") ? -1 : 1 )));";
|
|
} else if (type == 'text' && direction == 'desc') {
|
|
return "(" + a + " == " + b + " ? 0 : (" + a + " === null ? Number.POSITIVE_INFINITY : (" + b + " === null ? Number.NEGATIVE_INFINITY : (" + b + " < " + a + ") ? -1 : 1 )));";
|
|
} else if (type == 'numeric' && direction == 'asc') {
|
|
return "(" + a + " === null && " + b + " === null) ? 0 :(" + a + " === null ? Number.POSITIVE_INFINITY : (" + b + " === null ? Number.NEGATIVE_INFINITY : " + a + " - " + b + "));";
|
|
} else if (type == 'numeric' && direction == 'desc') {
|
|
return "(" + a + " === null && " + b + " === null) ? 0 :(" + a + " === null ? Number.POSITIVE_INFINITY : (" + b + " === null ? Number.NEGATIVE_INFINITY : " + b + " - " + a + "));";
|
|
}
|
|
};
|
|
|
|
function makeSortText(i) {
|
|
return "((a[" + i + "] < b[" + i + "]) ? -1 : ((a[" + i + "] > b[" + i + "]) ? 1 : 0));";
|
|
};
|
|
|
|
function makeSortTextDesc(i) {
|
|
return "((b[" + i + "] < a[" + i + "]) ? -1 : ((b[" + i + "] > a[" + i + "]) ? 1 : 0));";
|
|
};
|
|
|
|
function makeSortNumeric(i) {
|
|
return "a[" + i + "]-b[" + i + "];";
|
|
};
|
|
|
|
function makeSortNumericDesc(i) {
|
|
return "b[" + i + "]-a[" + i + "];";
|
|
};
|
|
|
|
function sortText(a, b) {
|
|
if (table.config.sortLocaleCompare) return a.localeCompare(b);
|
|
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
|
|
};
|
|
|
|
function sortTextDesc(a, b) {
|
|
if (table.config.sortLocaleCompare) return b.localeCompare(a);
|
|
return ((b < a) ? -1 : ((b > a) ? 1 : 0));
|
|
};
|
|
|
|
function sortNumeric(a, b) {
|
|
return a - b;
|
|
};
|
|
|
|
function sortNumericDesc(a, b) {
|
|
return b - a;
|
|
};
|
|
|
|
function getCachedSortType(parsers, i) {
|
|
return parsers[i].type;
|
|
}; /* public methods */
|
|
this.construct = function (settings) {
|
|
return this.each(function () {
|
|
// if no thead or tbody quit.
|
|
if (!this.tHead || !this.tBodies) return;
|
|
// declare
|
|
var $this, $document, $headers, cache, config, shiftDown = 0,
|
|
sortOrder;
|
|
// new blank config object
|
|
this.config = {};
|
|
// merge and extend.
|
|
config = $.extend(this.config, $.tablesorter.defaults, settings);
|
|
// store common expression for speed
|
|
$this = $(this);
|
|
// save the settings where they read
|
|
$.data(this, "tablesorter", config);
|
|
// build headers
|
|
$headers = buildHeaders(this);
|
|
// try to auto detect column type, and store in tables config
|
|
this.config.parsers = buildParserCache(this, $headers);
|
|
// build the cache for the tbody cells
|
|
cache = buildCache(this);
|
|
// get the css class names, could be done else where.
|
|
var sortCSS = [config.cssDesc, config.cssAsc];
|
|
// fixate columns if the users supplies the fixedWidth option
|
|
fixColumnWidth(this);
|
|
// apply event handling to headers
|
|
// this is to big, perhaps break it out?
|
|
$headers.click(
|
|
|
|
function (e) {
|
|
var totalRows = ($this[0].tBodies[0] && $this[0].tBodies[0].rows.length) || 0;
|
|
if (!this.sortDisabled && totalRows > 0) {
|
|
// Only call sortStart if sorting is
|
|
// enabled.
|
|
$this.trigger("sortStart");
|
|
// store exp, for speed
|
|
var $cell = $(this);
|
|
// get current column index
|
|
var i = this.column;
|
|
// get current column sort order
|
|
this.order = this.count++ % 2;
|
|
// always sort on the locked order.
|
|
if(this.lockedOrder) this.order = this.lockedOrder;
|
|
|
|
// user only whants to sort on one
|
|
// column
|
|
if (!e[config.sortMultiSortKey]) {
|
|
// flush the sort list
|
|
config.sortList = [];
|
|
if (config.sortForce != null) {
|
|
var a = config.sortForce;
|
|
for (var j = 0; j < a.length; j++) {
|
|
if (a[j][0] != i) {
|
|
config.sortList.push(a[j]);
|
|
}
|
|
}
|
|
}
|
|
// add column to sort list
|
|
config.sortList.push([i, this.order]);
|
|
// multi column sorting
|
|
} else {
|
|
// the user has clicked on an all
|
|
// ready sortet column.
|
|
if (isValueInArray(i, config.sortList)) {
|
|
// revers the sorting direction
|
|
// for all tables.
|
|
for (var j = 0; j < config.sortList.length; j++) {
|
|
var s = config.sortList[j],
|
|
o = config.headerList[s[0]];
|
|
if (s[0] == i) {
|
|
o.count = s[1];
|
|
o.count++;
|
|
s[1] = o.count % 2;
|
|
}
|
|
}
|
|
} else {
|
|
// add column to sort list array
|
|
config.sortList.push([i, this.order]);
|
|
}
|
|
};
|
|
setTimeout(function () {
|
|
// set css for headers
|
|
setHeadersCss($this[0], $headers, config.sortList, sortCSS);
|
|
appendToTable(
|
|
$this[0], multisort(
|
|
$this[0], config.sortList, cache)
|
|
);
|
|
}, 1);
|
|
// stop normal event by returning false
|
|
return false;
|
|
}
|
|
// cancel selection
|
|
}).mousedown(function () {
|
|
if (config.cancelSelection) {
|
|
this.onselectstart = function () {
|
|
return false
|
|
};
|
|
return false;
|
|
}
|
|
});
|
|
// apply easy methods that trigger binded events
|
|
$this.bind("update", function () {
|
|
var me = this;
|
|
setTimeout(function () {
|
|
// rebuild parsers.
|
|
me.config.parsers = buildParserCache(
|
|
me, $headers);
|
|
// rebuild the cache map
|
|
cache = buildCache(me);
|
|
}, 1);
|
|
}).bind("updateCell", function (e, cell) {
|
|
var config = this.config;
|
|
// get position from the dom.
|
|
var pos = [(cell.parentNode.rowIndex - 1), cell.cellIndex];
|
|
// update cache
|
|
cache.normalized[pos[0]][pos[1]] = config.parsers[pos[1]].format(
|
|
getElementText(config, cell), cell);
|
|
}).bind("sorton", function (e, list) {
|
|
$(this).trigger("sortStart");
|
|
config.sortList = list;
|
|
// update and store the sortlist
|
|
var sortList = config.sortList;
|
|
// update header count index
|
|
updateHeaderSortCount(this, sortList);
|
|
// set css for headers
|
|
setHeadersCss(this, $headers, sortList, sortCSS);
|
|
// sort the table and append it to the dom
|
|
appendToTable(this, multisort(this, sortList, cache));
|
|
}).bind("appendCache", function () {
|
|
appendToTable(this, cache);
|
|
}).bind("applyWidgetId", function (e, id) {
|
|
getWidgetById(id).format(this);
|
|
}).bind("applyWidgets", function () {
|
|
// apply widgets
|
|
applyWidget(this);
|
|
});
|
|
if ($.metadata && ($(this).metadata() && $(this).metadata().sortlist)) {
|
|
config.sortList = $(this).metadata().sortlist;
|
|
}
|
|
// if user has supplied a sort list to constructor.
|
|
if (config.sortList.length > 0) {
|
|
$this.trigger("sorton", [config.sortList]);
|
|
}
|
|
// apply widgets
|
|
applyWidget(this);
|
|
});
|
|
};
|
|
this.addParser = function (parser) {
|
|
var l = parsers.length,
|
|
a = true;
|
|
for (var i = 0; i < l; i++) {
|
|
if (parsers[i].id.toLowerCase() == parser.id.toLowerCase()) {
|
|
a = false;
|
|
}
|
|
}
|
|
if (a) {
|
|
parsers.push(parser);
|
|
};
|
|
};
|
|
this.addWidget = function (widget) {
|
|
widgets.push(widget);
|
|
};
|
|
this.formatFloat = function (s) {
|
|
var i = parseFloat(s);
|
|
return (isNaN(i)) ? 0 : i;
|
|
};
|
|
this.formatInt = function (s) {
|
|
var i = parseInt(s);
|
|
return (isNaN(i)) ? 0 : i;
|
|
};
|
|
this.isDigit = function (s, config) {
|
|
// replace all an wanted chars and match.
|
|
return /^[-+]?\d*$/.test($.trim(s.replace(/[,.']/g, '')));
|
|
};
|
|
this.clearTableBody = function (table) {
|
|
if ($.browser.msie) {
|
|
function empty() {
|
|
while (this.firstChild)
|
|
this.removeChild(this.firstChild);
|
|
}
|
|
empty.apply(table.tBodies[0]);
|
|
} else {
|
|
table.tBodies[0].innerHTML = "";
|
|
}
|
|
};
|
|
}
|
|
});
|
|
|
|
// extend plugin scope
|
|
$.fn.extend({
|
|
tablesorter: $.tablesorter.construct
|
|
});
|
|
|
|
// make shortcut
|
|
var ts = $.tablesorter;
|
|
|
|
// add default parsers
|
|
ts.addParser({
|
|
id: "text",
|
|
is: function (s) {
|
|
return true;
|
|
}, format: function (s) {
|
|
return $.trim(s.toLocaleLowerCase());
|
|
}, type: "text"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "digit",
|
|
is: function (s, table) {
|
|
var c = table.config;
|
|
return $.tablesorter.isDigit(s, c);
|
|
}, format: function (s) {
|
|
return $.tablesorter.formatFloat(s);
|
|
}, type: "numeric"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "currency",
|
|
is: function (s) {
|
|
return /^[£$€?.]/.test(s);
|
|
}, format: function (s) {
|
|
return $.tablesorter.formatFloat(s.replace(new RegExp(/[£$€]/g), ""));
|
|
}, type: "numeric"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "ipAddress",
|
|
is: function (s) {
|
|
return /^\d{2,3}[\.]\d{2,3}[\.]\d{2,3}[\.]\d{2,3}$/.test(s);
|
|
}, format: function (s) {
|
|
var a = s.split("."),
|
|
r = "",
|
|
l = a.length;
|
|
for (var i = 0; i < l; i++) {
|
|
var item = a[i];
|
|
if (item.length == 2) {
|
|
r += "0" + item;
|
|
} else {
|
|
r += item;
|
|
}
|
|
}
|
|
return $.tablesorter.formatFloat(r);
|
|
}, type: "numeric"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "url",
|
|
is: function (s) {
|
|
return /^(https?|ftp|file):\/\/$/.test(s);
|
|
}, format: function (s) {
|
|
return jQuery.trim(s.replace(new RegExp(/(https?|ftp|file):\/\//), ''));
|
|
}, type: "text"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "isoDate",
|
|
is: function (s) {
|
|
return /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(s);
|
|
}, format: function (s) {
|
|
return $.tablesorter.formatFloat((s != "") ? new Date(s.replace(
|
|
new RegExp(/-/g), "/")).getTime() : "0");
|
|
}, type: "numeric"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "percent",
|
|
is: function (s) {
|
|
return /\%$/.test($.trim(s));
|
|
}, format: function (s) {
|
|
return $.tablesorter.formatFloat(s.replace(new RegExp(/%/g), ""));
|
|
}, type: "numeric"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "usLongDate",
|
|
is: function (s) {
|
|
return s.match(new RegExp(/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/));
|
|
}, format: function (s) {
|
|
return $.tablesorter.formatFloat(new Date(s).getTime());
|
|
}, type: "numeric"
|
|
});
|
|
|
|
ts.addParser({
|
|
id: "shortDate",
|
|
is: function (s) {
|
|
return /\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s);
|
|
}, format: function (s, table) {
|
|
var c = table.config;
|
|
s = s.replace(/\-/g, "/");
|
|
if (c.dateFormat == "us") {
|
|
// reformat the string in ISO format
|
|
s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$1/$2");
|
|
} else if (c.dateFormat == "uk") {
|
|
// reformat the string in ISO format
|
|
s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$2/$1");
|
|
} else if (c.dateFormat == "dd/mm/yy" || c.dateFormat == "dd-mm-yy") {
|
|
s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$1/$2/$3");
|
|
}
|
|
return $.tablesorter.formatFloat(new Date(s).getTime());
|
|
}, type: "numeric"
|
|
});
|
|
ts.addParser({
|
|
id: "time",
|
|
is: function (s) {
|
|
return /^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/.test(s);
|
|
}, format: function (s) {
|
|
return $.tablesorter.formatFloat(new Date("2000/01/01 " + s).getTime());
|
|
}, type: "numeric"
|
|
});
|
|
ts.addParser({
|
|
id: "metadata",
|
|
is: function (s) {
|
|
return false;
|
|
}, format: function (s, table, cell) {
|
|
var c = table.config,
|
|
p = (!c.parserMetadataName) ? 'sortValue' : c.parserMetadataName;
|
|
return $(cell).metadata()[p];
|
|
}, type: "numeric"
|
|
});
|
|
// add default widgets
|
|
ts.addWidget({
|
|
id: "zebra",
|
|
format: function (table) {
|
|
if (table.config.debug) {
|
|
var time = new Date();
|
|
}
|
|
var $tr, row = -1,
|
|
odd;
|
|
// loop through the visible rows
|
|
$("tr:visible", table.tBodies[0]).each(function (i) {
|
|
$tr = $(this);
|
|
// style children rows the same way the parent
|
|
// row was styled
|
|
if (!$tr.hasClass(table.config.cssChildRow)) row++;
|
|
odd = (row % 2 == 0);
|
|
$tr.removeClass(
|
|
table.config.widgetZebra.css[odd ? 0 : 1]).addClass(
|
|
table.config.widgetZebra.css[odd ? 1 : 0])
|
|
});
|
|
if (table.config.debug) {
|
|
$.tablesorter.benchmark("Applying Zebra widget", time);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
|
|
|
|
} )( jQuery );
|