Change theme to kaze, refactor family/servant/tech pages into the about page, add new manager part 1
This commit is contained in:
@@ -1,17 +0,0 @@
|
||||
!function(e){e.fn.navList=function(){var t=e(this);return $a=t.find("a"),b=[],$a.each(function(){var t=e(this),a=Math.max(0,t.parents("li").length-1),i=t.attr("href"),o=t.attr("target");b.push('<a class="link depth-'+a+'"'+("undefined"!=typeof o&&""!=o?' target="'+o+'"':"")+("undefined"!=typeof i&&""!=i?' href="'+i+'"':"")+'><span class="indent-'+a+'"></span>'+t.text()+"</a>")}),b.join("")},e.fn.panel=function(t){if(0==this.length){return i}if(this.length>1){for(var a=0;a<this.length;a++){e(this[a]).panel(t)}return i}var l,i=e(this),o=e("body"),n=e(window),r=i.attr("id");return l=e.extend({delay:0,hideOnClick:!1,hideOnEscape:!1,hideOnSwipe:!1,resetScroll:!1,resetForms:!1,side:null,target:i,visibleClass:"visible"},t),"jQuery"!=typeof l.target&&(l.target=e(l.target)),i._hide=function(e){l.target.hasClass(l.visibleClass)&&(e&&(e.preventDefault(),e.stopPropagation()),l.target.removeClass(l.visibleClass),window.setTimeout(function(){l.resetScroll&&i.scrollTop(0),l.resetForms&&i.find("form").each(function(){this.reset()})},l.delay))},i.css("-ms-overflow-style","-ms-autohiding-scrollbar").css("-webkit-overflow-scrolling","touch"),l.hideOnClick&&(i.find("a").css("-webkit-tap-highlight-color","rgba(0,0,0,0)"),i.on("click","a",function(t){var a=e(this),o=a.attr("href"),n=a.attr("target");o&&"#"!=o&&""!=o&&o!="#"+r&&(t.preventDefault(),t.stopPropagation(),i._hide(),window.setTimeout(function(){"_blank"==n?window.open(o):window.location.href=o},l.delay+10))})),i.on("touchstart",function(e){i.touchPosX=e.originalEvent.touches[0].pageX,i.touchPosY=e.originalEvent.touches[0].pageY}),i.on("touchmove",function(e){if(null!==i.touchPosX&&null!==i.touchPosY){var t=i.touchPosX-e.originalEvent.touches[0].pageX,a=i.touchPosY-e.originalEvent.touches[0].pageY,o=i.outerHeight(),n=i.get(0).scrollHeight-i.scrollTop();if(l.hideOnSwipe){var r=!1,s=20,c=50;switch(l.side){case"left":r=s>a&&a>-1*s&&t>c;break;case"right":r=s>a&&a>-1*s&&-1*c>t;break;case"top":r=s>t&&t>-1*s&&a>c;break;case"bottom":r=s>t&&t>-1*s&&-1*c>a
|
||||
}if(r){return i.touchPosX=null,i.touchPosY=null,i._hide(),!1}}(i.scrollTop()<0&&0>a||n>o-2&&o+2>n&&a>0)&&(e.preventDefault(),e.stopPropagation())}}),i.on("click touchend touchstart touchmove",function(e){e.stopPropagation()}),i.on("click",'a[href="#'+r+'"]',function(e){e.preventDefault(),e.stopPropagation(),l.target.removeClass(l.visibleClass)}),o.on("click touchend",function(e){i._hide(e)}),o.on("click",'a[href="#'+r+'"]',function(e){e.preventDefault(),e.stopPropagation(),l.target.toggleClass(l.visibleClass)}),l.hideOnEscape&&n.on("keydown",function(e){27==e.keyCode&&i._hide(e)}),i},e.fn.placeholder=function(){if("undefined"!=typeof document.createElement("input").placeholder){return e(this)}if(0==this.length){return a}if(this.length>1){for(var t=0;t<this.length;t++){e(this[t]).placeholder()}return a}var a=e(this);return a.find("input[type=text],textarea").each(function(){var t=e(this);(""==t.val()||t.val()==t.attr("placeholder"))&&t.addClass("polyfill-placeholder").val(t.attr("placeholder"))}).on("blur",function(){var t=e(this);t.attr("name").match(/-polyfill-field$/)||""==t.val()&&t.addClass("polyfill-placeholder").val(t.attr("placeholder"))}).on("focus",function(){var t=e(this);t.attr("name").match(/-polyfill-field$/)||t.val()==t.attr("placeholder")&&t.removeClass("polyfill-placeholder").val("")}),a.find("input[type=password]").each(function(){var t=e(this),a=e(e("<div>").append(t.clone()).remove().html().replace(/type="password"/i,'type="text"').replace(/type=password/i,"type=text"));""!=t.attr("id")&&a.attr("id",t.attr("id")+"-polyfill-field"),""!=t.attr("name")&&a.attr("name",t.attr("name")+"-polyfill-field"),a.addClass("polyfill-placeholder").val(a.attr("placeholder")).insertAfter(t),""==t.val()?t.hide():a.hide(),t.on("blur",function(e){e.preventDefault();var a=t.parent().find("input[name="+t.attr("name")+"-polyfill-field]");""==t.val()&&(t.hide(),a.show())}),a.on("focus",function(e){e.preventDefault();var t=a.parent().find("input[name="+a.attr("name").replace("-polyfill-field","")+"]");
|
||||
a.hide(),t.show().focus()}).on("keypress",function(e){e.preventDefault(),a.val("")})}),a.on("submit",function(){a.find("input[type=text],input[type=password],textarea").each(function(t){var a=e(this);a.attr("name").match(/-polyfill-field$/)&&a.attr("name",""),a.val()==a.attr("placeholder")&&(a.removeClass("polyfill-placeholder"),a.val(""))})}).on("reset",function(t){t.preventDefault(),a.find("select").val(e("option:first").val()),a.find("input,textarea").each(function(){var a,t=e(this);switch(t.removeClass("polyfill-placeholder"),this.type){case"submit":case"reset":break;case"password":t.val(t.attr("defaultValue")),a=t.parent().find("input[name="+t.attr("name")+"-polyfill-field]"),""==t.val()?(t.hide(),a.show()):(t.show(),a.hide());break;case"checkbox":case"radio":t.attr("checked",t.attr("defaultValue"));break;case"text":case"textarea":t.val(t.attr("defaultValue")),""==t.val()&&(t.addClass("polyfill-placeholder"),t.val(t.attr("placeholder")));break;default:t.val(t.attr("defaultValue"))}})}),a},e.prioritize=function(t,a){var i="__prioritize";"jQuery"!=typeof t&&(t=e(t)),t.each(function(){var o,t=e(this),n=t.parent();if(0!=n.length){if(t.data(i)){if(a){return}o=t.data(i),t.insertAfter(o),t.removeData(i)}else{if(!a){return}if(o=t.prev(),0==o.length){return}t.prependTo(n),t.data(i,o)}}})}}(jQuery);
|
||||
var skel=function(){var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a){return void n()}if("change"==a){n()}else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints){if("+"==r&&t.obj.breakpoints[o].active){n()}else{if("!"==r&&!t.obj.breakpoints[o].active){return void n()}}}}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)
|
||||
})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;
|
||||
t=n.shift();){t()}}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();){t()}}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t){return t.indexOf(e)}var n,i,a=e?e:0;if(!this){throw new TypeError}if(i=this.length,0===i||a>=i){return -1}for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++){if(this[n]===t){return n}}return -1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t){return[]}var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++){}}:t.iterate=function(t,e){if(!t){return[]}var n;for(n in t){if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1){break}}},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t){return !0}var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t){return !0}var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle" in window&&window.getComputedStyle(e,null)||e.currentStyle;
|
||||
var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t){return !0}var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e<i.length;e++){n=i[e],"("==n.charAt(0)&&(n=n.substring(1,n.length-1),a=n.split(/:\s+/),2==a.length&&(r[a[0].replace(/^\s+|\s+$/g,"")]=parseInt(a[1]),o=!0))}if(!o){return !1}var s=document.documentElement.clientWidth,c=document.documentElement.clientHeight;return null!==r["min-width"]&&s<r["min-width"]||null!==r["max-width"]&&s>r["max-width"]||null!==r["min-height"]&&c<r["min-height"]||null!==r["max-height"]&&c>r["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' <style type="text/css">'+t+"</style>",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart" in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os
|
||||
}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
|
||||
!function(e){skel.breakpoints({xlarge:"(max-width: 1680px)",large:"(max-width: 1280px)",medium:"(max-width: 980px)",small:"(max-width: 736px)",xsmall:"(max-width: 480px)"}),e(function(){var o=e(window),i=e("body");e("#wrapper");if(skel.vars.IEVersion<12&&i.addClass("ie"),skel.vars.mobile&&i.addClass("touch"),skel.canUse("transition")){i.addClass("loading"),o.on("load",function(){window.setTimeout(function(){i.removeClass("loading")},100)});var t;o.on("resize",function(){window.clearTimeout(t),i.addClass("resizing"),t=window.setTimeout(function(){i.removeClass("resizing")},100)})}o.scrollTop(0),e("form").placeholder();var a=e(".panel");a.each(function(){var o=e(this),n=e('[href="#'+o.attr("id")+'"]'),t=e('<div class="closer" />').appendTo(o);t.on("click",function(e){o.trigger("---hide")}),o.on("click",function(e){e.stopPropagation()}).on("---toggle",function(){o.hasClass("active")?o.triggerHandler("---hide"):o.triggerHandler("---show")}).on("---show",function(){i.hasClass("content-active")&&a.trigger("---hide"),o.addClass("active"),n.addClass("active"),i.addClass("content-active")}).on("---hide",function(){o.removeClass("active"),n.removeClass("active"),i.removeClass("content-active")}),n.removeAttr("href").css("cursor","pointer").on("click",function(e){e.preventDefault(),e.stopPropagation(),o.trigger("---toggle")})}),i.on("click",function(e){i.hasClass("content-active")&&(e.preventDefault(),e.stopPropagation(),a.trigger("---hide"))}),o.on("keyup",function(e){27==e.keyCode&&i.hasClass("content-active")&&(e.preventDefault(),e.stopPropagation(),a.trigger("---hide"))});var r=e("#header");r.find("a").each(function(){var o=e(this),i=o.attr("href");i&&"#"!=i.charAt(0)&&o.removeAttr("href").css("cursor","pointer").on("click",function(e){e.preventDefault(),e.stopPropagation(),window.location.href=i})});var s=e("#footer");s.find(".copyright").each(function(){var o=e(this),i=o.parent(),n=i.parent().children().last();skel.on("+medium",function(){o.appendTo(n)}).on("-medium",function(){o.appendTo(i)
|
||||
})});var c=e("#main");c.children(".thumb").each(function(){var t,o=e(this),i=o.find(".image"),n=i.children("img");0!=i.length&&((t=n.data("position"))&&i.css("background-position",t),n.hide(),skel.vars.IEVersion<11&&o.css("cursor","pointer").on("click",function(){i.trigger("click")}))}),c.poptrox({baseZIndex:20000,caption:function(e){var o="";return e.nextAll().each(function(){o+=this.outerHTML}),o},fadeSpeed:300,onPopupClose:function(){i.removeClass("modal-active")},onPopupOpen:function(){i.addClass("modal-active")},overlayOpacity:0,popupCloserText:"",popupHeight:150,popupLoaderText:"",popupSpeed:300,popupWidth:150,selector:".thumb > a.image",usePopupCaption:!0,usePopupCloser:!0,usePopupDefaultStyling:!1,usePopupForceClose:!0,usePopupLoader:!0,usePopupNav:!0,windowMargin:50}),skel.on("-xsmall",function(){c[0]._poptrox.windowMargin=50}).on("+xsmall",function(){c[0]._poptrox.windowMargin=0})})}(jQuery);
|
||||
!function(e){e.fn.poptrox_disableSelection=function(){return e(this).css("user-select","none").css("-khtml-user-select","none").css("-moz-user-select","none").css("-o-user-select","none").css("-webkit-user-select","none")},e.fn.poptrox=function(o){function t(){i=e(window).width(),s=e(window).height()+r.windowHeightPad;var o=Math.abs(x.width()-x.outerWidth()),t=Math.abs(x.height()-x.outerHeight()),p=(w.width(),w.height(),i-2*r.windowMargin-o),n=s-2*r.windowMargin-t;x.css("min-width",r.popupWidth).css("min-height",r.popupHeight),v.children().css("max-width",p).css("max-height",n)}if(0==this.length){return e(this)}if(this.length>1){for(var p=0;p<this.length;p++){e(this[p]).poptrox(o)}return e(this)}var i,s,r=e.extend({preload:!1,baseZIndex:1000,fadeSpeed:300,overlayColor:"#000000",overlayOpacity:0.6,overlayClass:"poptrox-overlay",windowMargin:50,windowHeightPad:0,selector:"a",caption:null,parent:"body",popupSpeed:300,popupWidth:200,popupHeight:100,popupIsFixed:!1,useBodyOverflow:!1,usePopupEasyClose:!0,usePopupForceClose:!1,usePopupLoader:!0,usePopupCloser:!0,usePopupCaption:!1,usePopupNav:!1,usePopupDefaultStyling:!0,popupBackgroundColor:"#FFFFFF",popupTextColor:"#000000",popupLoaderTextSize:"2em",popupCloserBackgroundColor:"#000000",popupCloserTextColor:"#FFFFFF",popupCloserTextSize:"20px",popupPadding:10,popupCaptionHeight:60,popupCaptionTextSize:null,popupBlankCaptionText:"(untitled)",popupCloserText:"×",popupLoaderText:"••••",popupClass:"poptrox-popup",popupSelector:null,popupLoaderSelector:".loader",popupCloserSelector:".closer",popupCaptionSelector:".caption",popupNavPreviousSelector:".nav-previous",popupNavNextSelector:".nav-next",onPopupClose:null,onPopupOpen:null},o),n=e(this),a=e("body"),l=e('<div class="'+r.overlayClass+'"></div>'),u=e(window),d=[],h=0,g=!1,f=new Array;r.usePopupLoader||(r.popupLoaderSelector=null),r.usePopupCloser||(r.popupCloserSelector=null),r.usePopupCaption||(r.popupCaptionSelector=null),r.usePopupNav||(r.popupNavPreviousSelector=null,r.popupNavNextSelector=null);
|
||||
var x;x=e(r.popupSelector?r.popupSelector:'<div class="'+r.popupClass+'">'+(r.popupLoaderSelector?'<div class="loader">'+r.popupLoaderText+"</div>":"")+'<div class="pic"></div>'+(r.popupCaptionSelector?'<div class="caption"></div>':"")+(r.popupCloserSelector?'<span class="closer">'+r.popupCloserText+"</span>":"")+(r.popupNavPreviousSelector?'<div class="nav-previous"></div>':"")+(r.popupNavNextSelector?'<div class="nav-next"></div>':"")+"</div>");var v=x.find(".pic"),w=e(),b=x.find(r.popupLoaderSelector),m=x.find(r.popupCaptionSelector),C=x.find(r.popupCloserSelector),y=x.find(r.popupNavNextSelector),S=x.find(r.popupNavPreviousSelector),P=y.add(S);if(r.usePopupDefaultStyling&&(x.css("background",r.popupBackgroundColor).css("color",r.popupTextColor).css("padding",r.popupPadding+"px"),m.length>0&&(x.css("padding-bottom",r.popupCaptionHeight+"px"),m.css("position","absolute").css("left","0").css("bottom","0").css("width","100%").css("text-align","center").css("height",r.popupCaptionHeight+"px").css("line-height",r.popupCaptionHeight+"px"),r.popupCaptionTextSize&&m.css("font-size",popupCaptionTextSize)),C.length>0&&C.html(r.popupCloserText).css("font-size",r.popupCloserTextSize).css("background",r.popupCloserBackgroundColor).css("color",r.popupCloserTextColor).css("display","block").css("width","40px").css("height","40px").css("line-height","40px").css("text-align","center").css("position","absolute").css("text-decoration","none").css("outline","0").css("top","0").css("right","-40px"),b.length>0&&b.html("").css("position","relative").css("font-size",r.popupLoaderTextSize).on("startSpinning",function(o){var t=e("<div>"+r.popupLoaderText+"</div>");t.css("height",Math.floor(r.popupHeight/2)+"px").css("overflow","hidden").css("line-height",Math.floor(r.popupHeight/2)+"px").css("text-align","center").css("margin-top",Math.floor((x.height()-t.height()+(m.length>0?m.height():0))/2)).css("color",r.popupTextColor?r.popupTextColor:"").on("xfin",function(){t.fadeTo(300,0.5,function(){t.trigger("xfout")
|
||||
})}).on("xfout",function(){t.fadeTo(300,0.05,function(){t.trigger("xfin")})}).trigger("xfin"),b.append(t)}).on("stopSpinning",function(e){var o=b.find("div");o.remove()}),2==P.length)){P.css("font-size","75px").css("text-align","center").css("color","#fff").css("text-shadow","none").css("height","100%").css("position","absolute").css("top","0").css("opacity","0.35").css("cursor","pointer").css("box-shadow","inset 0px 0px 10px 0px rgba(0,0,0,0)").poptrox_disableSelection();var k,T;r.usePopupEasyClose?(k="100px",T="100px"):(k="75%",T="25%"),y.css("right","0").css("width",k).html('<div style="position: absolute; height: 100px; width: 125px; top: 50%; right: 0; margin-top: -50px;">></div>'),S.css("left","0").css("width",T).html('<div style="position: absolute; height: 100px; width: 125px; top: 50%; left: 0; margin-top: -50px;"><</div>')}return u.on("resize orientationchange",function(){t()}),m.on("update",function(e,o){o&&0!=o.length||(o=r.popupBlankCaptionText),m.html(o)}),C.css("cursor","pointer").on("click",function(e){return e.preventDefault(),e.stopPropagation(),x.trigger("poptrox_close"),!0}),y.on("click",function(e){e.stopPropagation(),e.preventDefault(),x.trigger("poptrox_next")}),S.on("click",function(e){e.stopPropagation(),e.preventDefault(),x.trigger("poptrox_previous")}),l.css("position","fixed").css("left",0).css("top",0).css("z-index",r.baseZIndex).css("width","100%").css("height","100%").css("text-align","center").css("cursor","pointer").appendTo(r.parent).prepend('<div style="display:inline-block;height:100%;vertical-align:middle;"></div>').append('<div style="position:absolute;left:0;top:0;width:100%;height:100%;background:'+r.overlayColor+";opacity:"+r.overlayOpacity+";filter:alpha(opacity="+100*r.overlayOpacity+');"></div>').hide().on("touchmove",function(e){return !1}).on("click",function(e){e.preventDefault(),e.stopPropagation(),x.trigger("poptrox_close")}),x.css("display","inline-block").css("vertical-align","middle").css("position","relative").css("z-index",1).css("cursor","auto").appendTo(l).hide().on("poptrox_next",function(){var e=h+1;
|
||||
e>=d.length&&(e=0),x.trigger("poptrox_switch",[e])}).on("poptrox_previous",function(){var e=h-1;0>e&&(e=d.length-1),x.trigger("poptrox_switch",[e])}).on("poptrox_reset",function(){t(),x.data("width",r.popupWidth).data("height",r.popupHeight),b.hide().trigger("stopSpinning"),m.hide(),C.hide(),P.hide(),v.hide(),w.attr("src","").detach()}).on("poptrox_open",function(e,o){return g?!0:(g=!0,r.useBodyOverflow&&a.css("overflow","hidden"),r.onPopupOpen&&r.onPopupOpen(),x.addClass("loading"),void l.fadeTo(r.fadeSpeed,1,function(){x.trigger("poptrox_switch",[o,!0])}))}).on("poptrox_switch",function(o,p,i){var s;if(!i&&g){return !0}if(g=!0,x.addClass("loading").css("width",x.data("width")).css("height",x.data("height")),m.hide(),w.attr("src")&&w.attr("src",""),w.detach(),s=d[p],w=s.object,w.off("load"),v.css("text-indent","-9999px").show().append(w),"ajax"==s.type?e.get(s.src,function(e){w.html(e),w.trigger("load")}):w.attr("src",s.src),"image"!=s.type){var n,a;n=s.width,a=s.height,"%"==n.slice(-1)&&(n=parseInt(n.substring(0,n.length-1))/100*u.width()),"%"==a.slice(-1)&&(a=parseInt(a.substring(0,a.length-1))/100*u.height()),w.css("position","relative").css("outline","0").css("z-index",r.baseZIndex+100).width(n).height(a)}b.trigger("startSpinning").fadeIn(300),x.show(),r.popupIsFixed?(x.removeClass("loading").width(r.popupWidth).height(r.popupHeight),w.load(function(){w.off("load"),b.hide().trigger("stopSpinning"),m.trigger("update",[s.captionText]).fadeIn(r.fadeSpeed),C.fadeIn(r.fadeSpeed),v.css("text-indent",0).hide().fadeIn(r.fadeSpeed,function(){g=!1}),h=p,P.fadeIn(r.fadeSpeed)})):w.load(function(){t(),w.off("load"),b.hide().trigger("stopSpinning");var e=w.width(),o=w.height(),i=function(){m.trigger("update",[s.captionText]).fadeIn(r.fadeSpeed),C.fadeIn(r.fadeSpeed),v.css("text-indent",0).hide().fadeIn(r.fadeSpeed,function(){g=!1}),h=p,P.fadeIn(r.fadeSpeed),x.removeClass("loading").data("width",e).data("height",o).css("width","auto").css("height","auto")};e==x.data("width")&&o==x.data("height")?i():x.animate({width:e,height:o},r.popupSpeed,"swing",i)
|
||||
}),"image"!=s.type&&w.trigger("load")}).on("poptrox_close",function(){return g&&!r.usePopupForceClose?!0:(g=!0,x.hide().trigger("poptrox_reset"),r.onPopupClose&&r.onPopupClose(),void l.fadeOut(r.fadeSpeed,function(){r.useBodyOverflow&&a.css("overflow","auto"),g=!1}))}).trigger("poptrox_reset"),r.usePopupEasyClose?(m.on("click","a",function(e){e.stopPropagation()}),x.css("cursor","pointer").on("click",function(e){e.stopPropagation(),e.preventDefault(),x.trigger("poptrox_close")})):x.on("click",function(e){e.stopPropagation()}),u.keydown(function(e){if(x.is(":visible")){switch(e.keyCode){case 37:case 32:if(r.usePopupNav){return x.trigger("poptrox_previous"),!1}break;case 39:if(r.usePopupNav){return x.trigger("poptrox_next"),!1}break;case 27:return x.trigger("poptrox_close"),!1}}}),n.find(r.selector).each(function(o){var t,p,i=e(this),s=i.find("img"),n=i.data("poptrox");if("ignore"!=n&&i.attr("href")){if(t={src:i.attr("href"),captionText:s.attr("title"),width:null,height:null,type:null,object:null,options:null},r.caption){if("function"==typeof r.caption){c=r.caption(i)}else{if("selector" in r.caption){var a;a=i.find(r.caption.selector),"attribute" in r.caption?c=a.attr(r.caption.attribute):(c=a.html(),r.caption.remove===!0&&a.remove())}}}else{c=s.attr("title")}if(t.captionText=c,n){var l=n.split(",");0 in l&&(t.type=l[0]),1 in l&&(p=l[1].match(/([0-9%]+)x([0-9%]+)/),p&&3==p.length&&(t.width=p[1],t.height=p[2])),2 in l&&(t.options=l[2])}if(!t.type){switch(p=t.src.match(/\/\/([a-z0-9\.]+)\/.*/),(!p||p.length<2)&&(p=[!1]),p[1]){case"api.soundcloud.com":t.type="soundcloud";break;case"youtu.be":t.type="youtube";break;case"vimeo.com":t.type="vimeo";break;case"wistia.net":t.type="wistia";break;case"bcove.me":t.type="bcove";break;default:t.type="image"}}switch(p=t.src.match(/\/\/[a-z0-9\.]+\/(.*)/),t.type){case"iframe":t.object=e('<iframe src="" frameborder="0"></iframe>'),t.object.on("click",function(e){e.stopPropagation()}).css("cursor","auto"),t.width&&t.height||(t.width="600",t.height="400");
|
||||
break;case"ajax":t.object=e('<div class="poptrox-ajax"></div>'),t.object.on("click",function(e){e.stopPropagation()}).css("cursor","auto").css("overflow","auto"),t.width&&t.height||(t.width="600",t.height="400");break;case"soundcloud":t.object=e('<iframe scrolling="no" frameborder="no" src=""></iframe>'),t.src="//w.soundcloud.com/player/?url="+escape(t.src)+(t.options?"&"+t.options:""),t.width="600",t.height="166";break;case"youtube":t.object=e('<iframe src="" frameborder="0" allowfullscreen="1"></iframe>'),t.src="//www.youtube.com/embed/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="800",t.height="480");break;case"vimeo":t.object=e('<iframe src="" frameborder="0" allowFullScreen="1"></iframe>'),t.src="//player.vimeo.com/video/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="800",t.height="480");break;case"wistia":t.object=e('<iframe src="" frameborder="0" allowFullScreen="1"></iframe>'),t.src="//fast.wistia.net/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="800",t.height="480");break;case"bcove":t.object=e('<iframe src="" frameborder="0" allowFullScreen="1" width="100%"></iframe>'),t.src="//bcove.me/"+p[1]+(t.options?"?"+t.options:""),t.width&&t.height||(t.width="640",t.height="360");break;default:if(t.object=e('<img src="" alt="" style="vertical-align:bottom" />'),r.preload){var p=document.createElement("img");p.src=t.src,f.push(p)}t.width=i.attr("width"),t.height=i.attr("height")}"file:"==window.location.protocol&&t.src.match(/^\/\//)&&(t.src="http:"+t.src),d.push(t),s.removeAttr("title"),i.removeAttr("href").css("cursor","pointer").css("outline",0).on("click",function(e){e.preventDefault(),e.stopPropagation(),x.trigger("poptrox_open",[o])})}}),n.prop("_poptrox",r),n}}(jQuery);
|
||||
!function(factory){"function"==typeof define&&define.amd?define(["jquery"],factory):"object"==typeof exports?module.exports=factory(require("jquery")):factory(jQuery)}(function($){var dispatch=$.event.dispatch||$.event.handle,special=$.event.special,uid1="D"+ +new Date,uid2="D"+(+new Date+1);special.scrollstart={setup:function(data){var timer,_data=$.extend({latency:special.scrollstop.latency},data),handler=function(evt){var _self=this,_args=arguments;timer?clearTimeout(timer):(evt.type="scrollstart",dispatch.apply(_self,_args)),timer=setTimeout(function(){timer=null},_data.latency)};$(this).bind("scroll",handler).data(uid1,handler)},teardown:function(){$(this).unbind("scroll",$(this).data(uid1))}},special.scrollstop={latency:250,setup:function(data){var timer,_data=$.extend({latency:special.scrollstop.latency},data),handler=function(evt){var _self=this,_args=arguments;timer&&clearTimeout(timer),timer=setTimeout(function(){timer=null,evt.type="scrollstop",dispatch.apply(_self,_args)},_data.latency)};$(this).bind("scroll",handler).data(uid2,handler)},teardown:function(){$(this).unbind("scroll",$(this).data(uid2))}}});
|
||||
2
js/gallery_skel.min.js
vendored
2
js/gallery_skel.min.js
vendored
File diff suppressed because one or more lines are too long
2
js/jquery.scrollex.min.js
vendored
2
js/jquery.scrollex.min.js
vendored
@@ -1,2 +0,0 @@
|
||||
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
|
||||
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
|
||||
2
js/jquery.scrolly.min.js
vendored
2
js/jquery.scrolly.min.js
vendored
@@ -1,2 +0,0 @@
|
||||
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
|
||||
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
|
||||
8
js/lazyload.min.js
vendored
8
js/lazyload.min.js
vendored
@@ -1,8 +0,0 @@
|
||||
/*!
|
||||
* An jQuery | zepto plugin for lazy loading images.
|
||||
* author -> jieyou
|
||||
* see https://github.com/jieyou/lazyload
|
||||
* use some tuupola's code https://github.com/tuupola/jquery_lazyload (BSD)
|
||||
* use component's throttle https://github.com/component/throttle (MIT)
|
||||
*/
|
||||
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a(window.jQuery||window.Zepto)}(function(a,b){function g(){}function h(a,b){var e;return e=b._$container==d?("innerHeight"in c?c.innerHeight:d.height())+d.scrollTop():b._$container.offset().top+b._$container.height(),e<=a.offset().top-b.threshold}function i(b,e){var f;return f=e._$container==d?d.width()+(a.fn.scrollLeft?d.scrollLeft():c.pageXOffset):e._$container.offset().left+e._$container.width(),f<=b.offset().left-e.threshold}function j(a,b){var c;return c=b._$container==d?d.scrollTop():b._$container.offset().top,c>=a.offset().top+b.threshold+a.height()}function k(b,e){var f;return f=e._$container==d?a.fn.scrollLeft?d.scrollLeft():c.pageXOffset:e._$container.offset().left,f>=b.offset().left+e.threshold+b.width()}function l(a,b){var c=0;a.each(function(d,e){function g(){f.trigger("_lazyload_appear"),c=0}var f=a.eq(d);if(!(f.width()<=0&&f.height()<=0||"none"===f.css("display")))if(b.vertical_only)if(j(f,b));else if(h(f,b)){if(++c>b.failure_limit)return!1}else g();else if(j(f,b)||k(f,b));else if(h(f,b)||i(f,b)){if(++c>b.failure_limit)return!1}else g()})}function m(a){return a.filter(function(b,c){return!a.eq(b)._lazyload_loadStarted})}function n(a,b){function h(){f=0,g=+new Date,e=a.apply(c,d),c=null,d=null}var c,d,e,f,g=0;return function(){c=this,d=arguments;var a=new Date-g;return f||(a>=b?h():f=setTimeout(h,b-a)),e}}var f,c=window,d=a(c),e={threshold:0,failure_limit:0,event:"scroll",effect:"show",effect_params:null,container:c,data_attribute:"original",data_srcset_attribute:"original-srcset",skip_invisible:!0,appear:g,load:g,vertical_only:!1,check_appear_throttle_time:300,url_rewriter_fn:g,no_fake_img_loader:!1,placeholder_data_img:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC",placeholder_real_img:"http://ditu.baidu.cn/yyfm/lazyload/0.0.1/img/placeholder.png"};f=function(){var a=Object.prototype.toString;return function(b){return a.call(b).replace("[object ","").replace("]","")}}(),a.fn.hasOwnProperty("lazyload")||(a.fn.lazyload=function(b){var i,j,k,h=this;return a.isPlainObject(b)||(b={}),a.each(e,function(g,h){-1!=a.inArray(g,["threshold","failure_limit","check_appear_throttle_time"])?"String"==f(b[g])?b[g]=parseInt(b[g],10):b[g]=h:"container"==g?(b.hasOwnProperty(g)?b[g]==c||b[g]==document?b._$container=d:b._$container=a(b[g]):b._$container=d,delete b.container):!e.hasOwnProperty(g)||b.hasOwnProperty(g)&&f(b[g])==f(e[g])||(b[g]=h)}),i="scroll"==b.event,k=0==b.check_appear_throttle_time?l:n(l,b.check_appear_throttle_time),j=i||"scrollstart"==b.event||"scrollstop"==b.event,h.each(function(c,d){var e=this,f=h.eq(c),i=f.attr("src"),k=f.attr("data-"+b.data_attribute),l=b.url_rewriter_fn==g?k:b.url_rewriter_fn.call(e,f,k),n=f.attr("data-"+b.data_srcset_attribute),o=f.is("img");return 1==f._lazyload_loadStarted||i==l?(f._lazyload_loadStarted=!0,void(h=m(h))):(f._lazyload_loadStarted=!1,o&&!i&&f.one("error",function(){f.attr("src",b.placeholder_real_img)}).attr("src",b.placeholder_data_img),f.one("_lazyload_appear",function(){function i(){d&&f.hide(),o?(n&&f.attr("srcset",n),l&&f.attr("src",l)):f.css("background-image",'url("'+l+'")'),d&&f[b.effect].apply(f,c?b.effect_params:[]),h=m(h)}var d,c=a.isArray(b.effect_params);f._lazyload_loadStarted||(d="show"!=b.effect&&a.fn[b.effect]&&(!b.effect_params||c&&0==b.effect_params.length),b.appear!=g&&b.appear.call(e,f,h.length,b),f._lazyload_loadStarted=!0,b.no_fake_img_loader||n?(b.load!=g&&f.one("load",function(){b.load.call(e,f,h.length,b)}),i()):a("<img />").one("load",function(){i(),b.load!=g&&b.load.call(e,f,h.length,b)}).attr("src",l))}),void(j||f.on(b.event,function(){f._lazyload_loadStarted||f.trigger("_lazyload_appear")})))}),j&&b._$container.on(b.event,function(){k(h,b)}),d.on("resize load",function(){k(h,b)}),a(function(){k(h,b)}),this})});
|
||||
@@ -1,770 +0,0 @@
|
||||
/*
|
||||
Lens by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
var gallery_main = (function($) { var _ = {
|
||||
|
||||
/**
|
||||
* Settings.
|
||||
* @var {object}
|
||||
*/
|
||||
settings: {
|
||||
|
||||
// Preload all images.
|
||||
preload: false,
|
||||
|
||||
// Slide duration (must match "duration.slide" in _vars.scss).
|
||||
slideDuration: 500,
|
||||
|
||||
// Layout duration (must match "duration.layout" in _vars.scss).
|
||||
layoutDuration: 750,
|
||||
|
||||
// gallery_thumbnails per "row" (must match "misc.gallery_thumbnails-per-row" in _vars.scss).
|
||||
gallery_thumbnailsPerRow: 2,
|
||||
|
||||
// Side of gallery_main wrapper (must match "misc.gallery_main-side" in _vars.scss).
|
||||
gallery_mainSide: 'right'
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Window.
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$window: null,
|
||||
|
||||
/**
|
||||
* Body.
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$body: null,
|
||||
|
||||
/**
|
||||
* gallery_main wrapper.
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$gallery_main: null,
|
||||
|
||||
/**
|
||||
* gallery_thumbnails.
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$gallery_thumbnails: null,
|
||||
|
||||
/**
|
||||
* Viewer.
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$viewer: null,
|
||||
|
||||
/**
|
||||
* Toggle.
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$toggle: null,
|
||||
|
||||
/**
|
||||
* Nav (next).
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$navNext: null,
|
||||
|
||||
/**
|
||||
* Nav (previous).
|
||||
* @var {jQuery}
|
||||
*/
|
||||
$navPrevious: null,
|
||||
|
||||
/**
|
||||
* Slides.
|
||||
* @var {array}
|
||||
*/
|
||||
slides: [],
|
||||
|
||||
/**
|
||||
* Current slide index.
|
||||
* @var {integer}
|
||||
*/
|
||||
current: null,
|
||||
|
||||
/**
|
||||
* Lock state.
|
||||
* @var {bool}
|
||||
*/
|
||||
locked: false,
|
||||
|
||||
/**
|
||||
* Keyboard shortcuts.
|
||||
* @var {object}
|
||||
*/
|
||||
keys: {
|
||||
|
||||
// Escape: Toggle gallery_main wrapper.
|
||||
27: function() {
|
||||
_.toggle();
|
||||
},
|
||||
|
||||
// Up: Move up.
|
||||
38: function() {
|
||||
_.up();
|
||||
},
|
||||
|
||||
// Down: Move down.
|
||||
40: function() {
|
||||
_.down();
|
||||
},
|
||||
|
||||
// Space: Next.
|
||||
32: function() {
|
||||
_.next();
|
||||
},
|
||||
|
||||
// Right Arrow: Next.
|
||||
39: function() {
|
||||
_.next();
|
||||
},
|
||||
|
||||
// Left Arrow: Previous.
|
||||
37: function() {
|
||||
_.previous();
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Initialize properties.
|
||||
*/
|
||||
initProperties: function() {
|
||||
|
||||
// Window, body.
|
||||
_.$window = $(window);
|
||||
_.$body = $('body');
|
||||
|
||||
// gallery_thumbnails.
|
||||
_.$gallery_thumbnails = $('#gallery_thumbnails');
|
||||
|
||||
// Viewer.
|
||||
_.$viewer = $(
|
||||
'<div id="viewer">' +
|
||||
'<div class="inner">' +
|
||||
'<div class="nav-next"></div>' +
|
||||
'<div class="nav-previous"></div>' +
|
||||
'<div class="toggle"></div>' +
|
||||
'</div>' +
|
||||
'</div>'
|
||||
).appendTo(_.$body);
|
||||
|
||||
// Nav.
|
||||
_.$navNext = _.$viewer.find('.nav-next');
|
||||
_.$navPrevious = _.$viewer.find('.nav-previous');
|
||||
|
||||
// gallery_main wrapper.
|
||||
_.$gallery_main = $('#gallery_main');
|
||||
|
||||
// Toggle.
|
||||
$('<div class="toggle"></div>')
|
||||
.appendTo(_.$gallery_main);
|
||||
|
||||
_.$toggle = $('.toggle');
|
||||
|
||||
// IE<9: Fix viewer width (no calc support).
|
||||
if (skel.vars.IEVersion < 9)
|
||||
_.$window
|
||||
.on('resize', function() {
|
||||
window.setTimeout(function() {
|
||||
_.$viewer.css('width', _.$window.width() - _.$gallery_main.width());
|
||||
}, 100);
|
||||
})
|
||||
.trigger('resize');
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Initialize events.
|
||||
*/
|
||||
initEvents: function() {
|
||||
|
||||
// Window.
|
||||
|
||||
// Remove is-loading-* classes on load.
|
||||
_.$window.on('load', function() {
|
||||
|
||||
_.$body.removeClass('is-loading-0');
|
||||
|
||||
window.setTimeout(function() {
|
||||
_.$body.removeClass('is-loading-1');
|
||||
}, 100);
|
||||
|
||||
window.setTimeout(function() {
|
||||
_.$body.removeClass('is-loading-2');
|
||||
}, 100 + Math.max(_.settings.layoutDuration - 150, 0));
|
||||
|
||||
});
|
||||
|
||||
// Disable animations/transitions on resize.
|
||||
var resizeTimeout;
|
||||
|
||||
_.$window.on('resize', function() {
|
||||
|
||||
_.$body.addClass('is-loading-0');
|
||||
window.clearTimeout(resizeTimeout);
|
||||
|
||||
resizeTimeout = window.setTimeout(function() {
|
||||
_.$body.removeClass('is-loading-0');
|
||||
}, 100);
|
||||
|
||||
});
|
||||
|
||||
// Viewer.
|
||||
|
||||
// Hide gallery_main wrapper on tap (<= medium only).
|
||||
_.$viewer.on('touchend', function() {
|
||||
|
||||
if (skel.breakpoint('medium').active)
|
||||
_.hide();
|
||||
|
||||
});
|
||||
|
||||
// Touch gestures.
|
||||
_.$viewer
|
||||
.on('touchstart', function(event) {
|
||||
|
||||
// Record start position.
|
||||
_.$viewer.touchPosX = event.originalEvent.touches[0].pageX;
|
||||
_.$viewer.touchPosY = event.originalEvent.touches[0].pageY;
|
||||
|
||||
})
|
||||
.on('touchmove', function(event) {
|
||||
|
||||
// No start position recorded? Bail.
|
||||
if (_.$viewer.touchPosX === null
|
||||
|| _.$viewer.touchPosY === null)
|
||||
return;
|
||||
|
||||
// Calculate stuff.
|
||||
var diffX = _.$viewer.touchPosX - event.originalEvent.touches[0].pageX,
|
||||
diffY = _.$viewer.touchPosY - event.originalEvent.touches[0].pageY;
|
||||
boundary = 20,
|
||||
delta = 50;
|
||||
|
||||
// Swipe left (next).
|
||||
if ( (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta) )
|
||||
_.next();
|
||||
|
||||
// Swipe right (previous).
|
||||
else if ( (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)) )
|
||||
_.previous();
|
||||
|
||||
// Overscroll fix.
|
||||
var th = _.$viewer.outerHeight(),
|
||||
ts = (_.$viewer.get(0).scrollHeight - _.$viewer.scrollTop());
|
||||
|
||||
if ((_.$viewer.scrollTop() <= 0 && diffY < 0)
|
||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// gallery_main.
|
||||
|
||||
// Touch gestures.
|
||||
_.$gallery_main
|
||||
.on('touchstart', function(event) {
|
||||
|
||||
// Bail on xsmall.
|
||||
if (skel.breakpoint('xsmall').active)
|
||||
return;
|
||||
|
||||
// Record start position.
|
||||
_.$gallery_main.touchPosX = event.originalEvent.touches[0].pageX;
|
||||
_.$gallery_main.touchPosY = event.originalEvent.touches[0].pageY;
|
||||
|
||||
})
|
||||
.on('touchmove', function(event) {
|
||||
|
||||
// Bail on xsmall.
|
||||
if (skel.breakpoint('xsmall').active)
|
||||
return;
|
||||
|
||||
// No start position recorded? Bail.
|
||||
if (_.$gallery_main.touchPosX === null
|
||||
|| _.$gallery_main.touchPosY === null)
|
||||
return;
|
||||
|
||||
// Calculate stuff.
|
||||
var diffX = _.$gallery_main.touchPosX - event.originalEvent.touches[0].pageX,
|
||||
diffY = _.$gallery_main.touchPosY - event.originalEvent.touches[0].pageY;
|
||||
boundary = 20,
|
||||
delta = 50,
|
||||
result = false;
|
||||
|
||||
// Swipe to close.
|
||||
switch (_.settings.gallery_mainSide) {
|
||||
|
||||
case 'left':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
|
||||
break;
|
||||
|
||||
case 'right':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
if (result)
|
||||
_.hide();
|
||||
|
||||
// Overscroll fix.
|
||||
var th = _.$gallery_main.outerHeight(),
|
||||
ts = (_.$gallery_main.get(0).scrollHeight - _.$gallery_main.scrollTop());
|
||||
|
||||
if ((_.$gallery_main.scrollTop() <= 0 && diffY < 0)
|
||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
// Toggle.
|
||||
_.$toggle.on('click', function() {
|
||||
_.toggle();
|
||||
});
|
||||
|
||||
// Prevent event from bubbling up to "hide event on tap" event.
|
||||
_.$toggle.on('touchend', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
// Nav.
|
||||
_.$navNext.on('click', function() {
|
||||
_.next();
|
||||
});
|
||||
|
||||
_.$navPrevious.on('click', function() {
|
||||
_.previous();
|
||||
});
|
||||
|
||||
// Keyboard shortcuts.
|
||||
|
||||
// Ignore shortcuts within form elements.
|
||||
_.$body.on('keydown', 'input,select,textarea', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
_.$window.on('keydown', function(event) {
|
||||
|
||||
// Ignore if xsmall is active.
|
||||
if (skel.breakpoint('xsmall').active)
|
||||
return;
|
||||
|
||||
// Check keycode.
|
||||
if (event.keyCode in _.keys) {
|
||||
|
||||
// Stop other events.
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
|
||||
// Call shortcut.
|
||||
(_.keys[event.keyCode])();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Initialize viewer.
|
||||
*/
|
||||
initViewer: function() {
|
||||
|
||||
// Bind thumbnail click event.
|
||||
_.$gallery_thumbnails
|
||||
.on('click', '.thumbnail', function(event) {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
// Stop other events.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Locked? Blur.
|
||||
if (_.locked)
|
||||
$this.blur();
|
||||
|
||||
// Switch to this thumbnail's slide.
|
||||
_.switchTo($this.data('index'));
|
||||
|
||||
});
|
||||
|
||||
// Create slides from gallery_thumbnails.
|
||||
_.$gallery_thumbnails.children()
|
||||
.each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
$thumbnail = $this.children('.thumbnail'),
|
||||
s;
|
||||
|
||||
// Slide object.
|
||||
s = {
|
||||
$parent: $this,
|
||||
$slide: null,
|
||||
$slideImage: null,
|
||||
$slideCaption: null,
|
||||
url: $thumbnail.attr('href'),
|
||||
loaded: false
|
||||
};
|
||||
|
||||
// Parent.
|
||||
$this.attr('tabIndex', '-1');
|
||||
|
||||
// Slide.
|
||||
|
||||
// Create elements.
|
||||
s.$slide = $('<div class="slide"><div class="caption"></div><div class="image"></div></div>');
|
||||
|
||||
// Image.
|
||||
s.$slideImage = s.$slide.children('.image');
|
||||
|
||||
// Set background stuff.
|
||||
s.$slideImage
|
||||
.css('background-image', '')
|
||||
.css('background-position', ('center center'));
|
||||
|
||||
// Caption.
|
||||
s.$slideCaption = s.$slide.find('.caption');
|
||||
|
||||
// Move everything *except* the thumbnail itself to the caption.
|
||||
$this.children().not($thumbnail)
|
||||
.appendTo(s.$slideCaption);
|
||||
|
||||
// Preload?
|
||||
if (_.settings.preload) {
|
||||
|
||||
// Force image to download.
|
||||
var $img = $('<img src="' + s.url + '" />');
|
||||
|
||||
// Set slide's background image to it.
|
||||
s.$slideImage
|
||||
.css('background-image', 'url(' + s.url + ')');
|
||||
|
||||
// Mark slide as loaded.
|
||||
s.$slide.addClass('loaded');
|
||||
s.loaded = true;
|
||||
|
||||
}
|
||||
|
||||
// Add to slides array.
|
||||
_.slides.push(s);
|
||||
|
||||
// Set thumbnail's index.
|
||||
$thumbnail.data('index', _.slides.length - 1);
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Initialize stuff.
|
||||
*/
|
||||
init: function() {
|
||||
|
||||
// IE<10: Zero out transition delays.
|
||||
if (skel.vars.IEVersion < 10) {
|
||||
|
||||
_.settings.slideDuration = 0;
|
||||
_.settings.layoutDuration = 0;
|
||||
|
||||
}
|
||||
|
||||
// Skel.
|
||||
skel.breakpoints({
|
||||
xlarge: '(max-width: 1680px)',
|
||||
large: '(max-width: 1280px)',
|
||||
medium: '(max-width: 980px)',
|
||||
small: '(max-width: 736px)',
|
||||
xsmall: '(max-width: 480px)'
|
||||
});
|
||||
|
||||
// Everything else.
|
||||
_.initProperties();
|
||||
_.initViewer();
|
||||
_.initEvents();
|
||||
|
||||
// Initial slide.
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Show first slide if xsmall isn't active or it just deactivated.
|
||||
skel.on('-xsmall !xsmall', function() {
|
||||
|
||||
if (_.current === null)
|
||||
_.switchTo(0, true);
|
||||
|
||||
});
|
||||
|
||||
}, 0);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Switch to a specific slide.
|
||||
* @param {integer} index Index.
|
||||
*/
|
||||
switchTo: function(index, noHide) {
|
||||
|
||||
// Already at index and xsmall isn't active? Bail.
|
||||
if (_.current == index
|
||||
&& !skel.breakpoint('xsmall').active)
|
||||
return;
|
||||
|
||||
// Locked? Bail.
|
||||
if (_.locked)
|
||||
return;
|
||||
|
||||
// Lock.
|
||||
_.locked = true;
|
||||
|
||||
// Hide gallery_main wrapper if medium is active.
|
||||
if (!noHide
|
||||
&& skel.breakpoint('medium').active
|
||||
&& skel.vars.IEVersion > 8)
|
||||
_.hide();
|
||||
|
||||
// Get slides.
|
||||
var oldSlide = (_.current !== null ? _.slides[_.current] : null),
|
||||
newSlide = _.slides[index];
|
||||
|
||||
// Update current.
|
||||
_.current = index;
|
||||
|
||||
// Deactivate old slide (if there is one).
|
||||
if (oldSlide) {
|
||||
|
||||
// Thumbnail.
|
||||
oldSlide.$parent
|
||||
.removeClass('active');
|
||||
|
||||
// Slide.
|
||||
oldSlide.$slide.removeClass('active');
|
||||
|
||||
}
|
||||
|
||||
// Activate new slide.
|
||||
|
||||
// Thumbnail.
|
||||
newSlide.$parent
|
||||
.addClass('active')
|
||||
.focus();
|
||||
|
||||
// Slide.
|
||||
var f = function() {
|
||||
|
||||
// Old slide exists? Detach it.
|
||||
if (oldSlide)
|
||||
oldSlide.$slide.detach();
|
||||
|
||||
// Attach new slide.
|
||||
newSlide.$slide.appendTo(_.$viewer);
|
||||
|
||||
// New slide not yet loaded?
|
||||
if (!newSlide.loaded) {
|
||||
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Mark as loading.
|
||||
newSlide.$slide.addClass('loading');
|
||||
|
||||
// Wait for it to load.
|
||||
$('<img src="' + newSlide.url + '" />').on('load', function() {
|
||||
//window.setTimeout(function() {
|
||||
|
||||
// Set background image.
|
||||
newSlide.$slideImage
|
||||
.css('background-image', 'url(' + newSlide.url + ')');
|
||||
|
||||
// Mark as loaded.
|
||||
newSlide.loaded = true;
|
||||
newSlide.$slide.removeClass('loading');
|
||||
|
||||
// Mark as active.
|
||||
newSlide.$slide.addClass('active');
|
||||
|
||||
// Unlock.
|
||||
window.setTimeout(function() {
|
||||
_.locked = false;
|
||||
}, 100);
|
||||
|
||||
//}, 1000);
|
||||
});
|
||||
|
||||
}, 100);
|
||||
|
||||
}
|
||||
|
||||
// Otherwise ...
|
||||
else {
|
||||
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Mark as active.
|
||||
newSlide.$slide.addClass('active');
|
||||
|
||||
// Unlock.
|
||||
window.setTimeout(function() {
|
||||
_.locked = false;
|
||||
}, 100);
|
||||
|
||||
}, 100);
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// No old slide? Switch immediately.
|
||||
if (!oldSlide)
|
||||
(f)();
|
||||
|
||||
// Otherwise, wait for old slide to disappear first.
|
||||
else
|
||||
window.setTimeout(f, _.settings.slideDuration);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Switches to the next slide.
|
||||
*/
|
||||
next: function() {
|
||||
|
||||
// Calculate new index.
|
||||
var i, c = _.current, l = _.slides.length;
|
||||
|
||||
if (c >= l - 1)
|
||||
i = 0;
|
||||
else
|
||||
i = c + 1;
|
||||
|
||||
// Switch.
|
||||
_.switchTo(i);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Switches to the previous slide.
|
||||
*/
|
||||
previous: function() {
|
||||
|
||||
// Calculate new index.
|
||||
var i, c = _.current, l = _.slides.length;
|
||||
|
||||
if (c <= 0)
|
||||
i = l - 1;
|
||||
else
|
||||
i = c - 1;
|
||||
|
||||
// Switch.
|
||||
_.switchTo(i);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Switches to slide "above" current.
|
||||
*/
|
||||
up: function() {
|
||||
|
||||
// Fullscreen? Bail.
|
||||
if (_.$body.hasClass('fullscreen'))
|
||||
return;
|
||||
|
||||
// Calculate new index.
|
||||
var i, c = _.current, l = _.slides.length, tpr = _.settings.gallery_thumbnailsPerRow;
|
||||
|
||||
if (c <= (tpr - 1))
|
||||
i = l - (tpr - 1 - c) - 1;
|
||||
else
|
||||
i = c - tpr;
|
||||
|
||||
// Switch.
|
||||
_.switchTo(i);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Switches to slide "below" current.
|
||||
*/
|
||||
down: function() {
|
||||
|
||||
// Fullscreen? Bail.
|
||||
if (_.$body.hasClass('fullscreen'))
|
||||
return;
|
||||
|
||||
// Calculate new index.
|
||||
var i, c = _.current, l = _.slides.length, tpr = _.settings.gallery_thumbnailsPerRow;
|
||||
|
||||
if (c >= l - tpr)
|
||||
i = c - l + tpr;
|
||||
else
|
||||
i = c + tpr;
|
||||
|
||||
// Switch.
|
||||
_.switchTo(i);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Shows the gallery_main wrapper.
|
||||
*/
|
||||
show: function() {
|
||||
|
||||
// Already visible? Bail.
|
||||
if (!_.$body.hasClass('fullscreen'))
|
||||
return;
|
||||
|
||||
// Show gallery_main wrapper.
|
||||
_.$body.removeClass('fullscreen');
|
||||
|
||||
// Focus.
|
||||
_.$gallery_main.focus();
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Hides the gallery_main wrapper.
|
||||
*/
|
||||
hide: function() {
|
||||
|
||||
// Already hidden? Bail.
|
||||
if (_.$body.hasClass('fullscreen'))
|
||||
return;
|
||||
|
||||
// Hide gallery_main wrapper.
|
||||
_.$body.addClass('fullscreen');
|
||||
|
||||
// Blur.
|
||||
_.$gallery_main.blur();
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Toggles gallery_main wrapper.
|
||||
*/
|
||||
toggle: function() {
|
||||
|
||||
if (_.$body.hasClass('fullscreen'))
|
||||
_.show();
|
||||
else
|
||||
_.hide();
|
||||
|
||||
},
|
||||
|
||||
}; return _; })(jQuery); gallery_main.init();
|
||||
6653
js/prism.js
6653
js/prism.js
File diff suppressed because one or more lines are too long
2
js/skel.min.js
vendored
2
js/skel.min.js
vendored
File diff suppressed because one or more lines are too long
587
js/util.js
587
js/util.js
@@ -1,587 +0,0 @@
|
||||
(function($) {
|
||||
|
||||
/**
|
||||
* Generate an indented list of links from a nav. Meant for use with panel().
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.navList = function() {
|
||||
|
||||
var $this = $(this);
|
||||
$a = $this.find('a'),
|
||||
b = [];
|
||||
|
||||
$a.each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
indent = Math.max(0, $this.parents('li').length - 1),
|
||||
href = $this.attr('href'),
|
||||
target = $this.attr('target');
|
||||
|
||||
b.push(
|
||||
'<a ' +
|
||||
'class="link depth-' + indent + '"' +
|
||||
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
|
||||
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
|
||||
'>' +
|
||||
'<span class="indent-' + indent + '"></span>' +
|
||||
$this.text() +
|
||||
'</a>'
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
return b.join('');
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Panel-ify an element.
|
||||
* @param {object} userConfig User config.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.panel = function(userConfig) {
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).panel(userConfig);
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this),
|
||||
$body = $('body'),
|
||||
$window = $(window),
|
||||
id = $this.attr('id'),
|
||||
config;
|
||||
|
||||
// Config.
|
||||
config = $.extend({
|
||||
|
||||
// Delay.
|
||||
delay: 0,
|
||||
|
||||
// Hide panel on link click.
|
||||
hideOnClick: false,
|
||||
|
||||
// Hide panel on escape keypress.
|
||||
hideOnEscape: false,
|
||||
|
||||
// Hide panel on swipe.
|
||||
hideOnSwipe: false,
|
||||
|
||||
// Reset scroll position on hide.
|
||||
resetScroll: false,
|
||||
|
||||
// Reset forms on hide.
|
||||
resetForms: false,
|
||||
|
||||
// Side of viewport the panel will appear.
|
||||
side: null,
|
||||
|
||||
// Target element for "class".
|
||||
target: $this,
|
||||
|
||||
// Class to toggle.
|
||||
visibleClass: 'visible'
|
||||
|
||||
}, userConfig);
|
||||
|
||||
// Expand "target" if it's not a jQuery object already.
|
||||
if (typeof config.target != 'jQuery')
|
||||
config.target = $(config.target);
|
||||
|
||||
// Panel.
|
||||
|
||||
// Methods.
|
||||
$this._hide = function(event) {
|
||||
|
||||
// Already hidden? Bail.
|
||||
if (!config.target.hasClass(config.visibleClass))
|
||||
return;
|
||||
|
||||
// If an event was provided, cancel it.
|
||||
if (event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
// Hide.
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
// Post-hide stuff.
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Reset scroll position.
|
||||
if (config.resetScroll)
|
||||
$this.scrollTop(0);
|
||||
|
||||
// Reset forms.
|
||||
if (config.resetForms)
|
||||
$this.find('form').each(function() {
|
||||
this.reset();
|
||||
});
|
||||
|
||||
}, config.delay);
|
||||
|
||||
};
|
||||
|
||||
// Vendor fixes.
|
||||
$this
|
||||
.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
|
||||
.css('-webkit-overflow-scrolling', 'touch');
|
||||
|
||||
// Hide on click.
|
||||
if (config.hideOnClick) {
|
||||
|
||||
$this.find('a')
|
||||
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
|
||||
|
||||
$this
|
||||
.on('click', 'a', function(event) {
|
||||
|
||||
var $a = $(this),
|
||||
href = $a.attr('href'),
|
||||
target = $a.attr('target');
|
||||
|
||||
if (!href || href == '#' || href == '' || href == '#' + id)
|
||||
return;
|
||||
|
||||
// Cancel original event.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Hide panel.
|
||||
$this._hide();
|
||||
|
||||
// Redirect to href.
|
||||
window.setTimeout(function() {
|
||||
|
||||
if (target == '_blank')
|
||||
window.open(href);
|
||||
else
|
||||
window.location.href = href;
|
||||
|
||||
}, config.delay + 10);
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Event: Touch stuff.
|
||||
$this.on('touchstart', function(event) {
|
||||
|
||||
$this.touchPosX = event.originalEvent.touches[0].pageX;
|
||||
$this.touchPosY = event.originalEvent.touches[0].pageY;
|
||||
|
||||
})
|
||||
|
||||
$this.on('touchmove', function(event) {
|
||||
|
||||
if ($this.touchPosX === null
|
||||
|| $this.touchPosY === null)
|
||||
return;
|
||||
|
||||
var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
|
||||
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
|
||||
th = $this.outerHeight(),
|
||||
ts = ($this.get(0).scrollHeight - $this.scrollTop());
|
||||
|
||||
// Hide on swipe?
|
||||
if (config.hideOnSwipe) {
|
||||
|
||||
var result = false,
|
||||
boundary = 20,
|
||||
delta = 50;
|
||||
|
||||
switch (config.side) {
|
||||
|
||||
case 'left':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
|
||||
break;
|
||||
|
||||
case 'right':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
|
||||
break;
|
||||
|
||||
case 'top':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
|
||||
break;
|
||||
|
||||
case 'bottom':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
if (result) {
|
||||
|
||||
$this.touchPosX = null;
|
||||
$this.touchPosY = null;
|
||||
$this._hide();
|
||||
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Prevent vertical scrolling past the top or bottom.
|
||||
if (($this.scrollTop() < 0 && diffY < 0)
|
||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Event: Prevent certain events inside the panel from bubbling.
|
||||
$this.on('click touchend touchstart touchmove', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
|
||||
$this.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Body.
|
||||
|
||||
// Event: Hide panel on body click/tap.
|
||||
$body.on('click touchend', function(event) {
|
||||
$this._hide(event);
|
||||
});
|
||||
|
||||
// Event: Toggle.
|
||||
$body.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.toggleClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Window.
|
||||
|
||||
// Event: Hide on ESC.
|
||||
if (config.hideOnEscape)
|
||||
$window.on('keydown', function(event) {
|
||||
|
||||
if (event.keyCode == 27)
|
||||
$this._hide(event);
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Apply "placeholder" attribute polyfill to one or more forms.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.placeholder = function() {
|
||||
|
||||
// Browser natively supports placeholders? Bail.
|
||||
if (typeof (document.createElement('input')).placeholder != 'undefined')
|
||||
return $(this);
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).placeholder();
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this);
|
||||
|
||||
// Text, TextArea.
|
||||
$this.find('input[type=text],textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.val() == ''
|
||||
|| i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('blur', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == '')
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('focus', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.removeClass('polyfill-placeholder')
|
||||
.val('');
|
||||
|
||||
});
|
||||
|
||||
// Password.
|
||||
$this.find('input[type=password]')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
var x = $(
|
||||
$('<div>')
|
||||
.append(i.clone())
|
||||
.remove()
|
||||
.html()
|
||||
.replace(/type="password"/i, 'type="text"')
|
||||
.replace(/type=password/i, 'type=text')
|
||||
);
|
||||
|
||||
if (i.attr('id') != '')
|
||||
x.attr('id', i.attr('id') + '-polyfill-field');
|
||||
|
||||
if (i.attr('name') != '')
|
||||
x.attr('name', i.attr('name') + '-polyfill-field');
|
||||
|
||||
x.addClass('polyfill-placeholder')
|
||||
.val(x.attr('placeholder')).insertAfter(i);
|
||||
|
||||
if (i.val() == '')
|
||||
i.hide();
|
||||
else
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.on('blur', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
|
||||
i.hide();
|
||||
x.show();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
x
|
||||
.on('focus', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
|
||||
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.show()
|
||||
.focus();
|
||||
|
||||
})
|
||||
.on('keypress', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
x.val('');
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Events.
|
||||
$this
|
||||
.on('submit', function() {
|
||||
|
||||
$this.find('input[type=text],input[type=password],textarea')
|
||||
.each(function(event) {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
i.attr('name', '');
|
||||
|
||||
if (i.val() == i.attr('placeholder')) {
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
i.val('');
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
.on('reset', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
$this.find('select')
|
||||
.val($('option:first').val());
|
||||
|
||||
$this.find('input,textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this),
|
||||
x;
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
|
||||
switch (this.type) {
|
||||
|
||||
case 'submit':
|
||||
case 'reset':
|
||||
break;
|
||||
|
||||
case 'password':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
i.hide();
|
||||
x.show();
|
||||
}
|
||||
else {
|
||||
i.show();
|
||||
x.hide();
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'checkbox':
|
||||
case 'radio':
|
||||
i.attr('checked', i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
case 'text':
|
||||
case 'textarea':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
if (i.val() == '') {
|
||||
i.addClass('polyfill-placeholder');
|
||||
i.val(i.attr('placeholder'));
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
i.val(i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Moves elements to/from the first positions of their respective parents.
|
||||
* @param {jQuery} $elements Elements (or selector) to move.
|
||||
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
|
||||
*/
|
||||
$.prioritize = function($elements, condition) {
|
||||
|
||||
var key = '__prioritize';
|
||||
|
||||
// Expand $elements if it's not already a jQuery object.
|
||||
if (typeof $elements != 'jQuery')
|
||||
$elements = $($elements);
|
||||
|
||||
// Step through elements.
|
||||
$elements.each(function() {
|
||||
|
||||
var $e = $(this), $p,
|
||||
$parent = $e.parent();
|
||||
|
||||
// No parent? Bail.
|
||||
if ($parent.length == 0)
|
||||
return;
|
||||
|
||||
// Not moved? Move it.
|
||||
if (!$e.data(key)) {
|
||||
|
||||
// Condition is false? Bail.
|
||||
if (!condition)
|
||||
return;
|
||||
|
||||
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
|
||||
$p = $e.prev();
|
||||
|
||||
// Couldn't find anything? Means this element's already at the top, so bail.
|
||||
if ($p.length == 0)
|
||||
return;
|
||||
|
||||
// Move element to top of parent.
|
||||
$e.prependTo($parent);
|
||||
|
||||
// Mark element as moved.
|
||||
$e.data(key, $p);
|
||||
|
||||
}
|
||||
|
||||
// Moved already?
|
||||
else {
|
||||
|
||||
// Condition is true? Bail.
|
||||
if (condition)
|
||||
return;
|
||||
|
||||
$p = $e.data(key);
|
||||
|
||||
// Move element back to its original location (using our placeholder).
|
||||
$e.insertAfter($p);
|
||||
|
||||
// Unmark element as moved.
|
||||
$e.removeData(key);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user