author | Giulio Cesare Solaroli <giulio.cesare@clipperz.com> | 2013-04-21 15:53:34 (UTC) |
---|---|---|
committer | Giulio Cesare Solaroli <giulio.cesare@clipperz.com> | 2013-04-21 15:53:34 (UTC) |
commit | 0608e045f6aa471916829468f48082ea07a453f4 (patch) (side-by-side diff) | |
tree | 57748b9a76e592ae35b165cd6a203e12493d4044 /frontend/gamma/js/JQTouch | |
parent | 074e70457c90344b3c1cb236105638d692a0066b (diff) | |
download | clipperz-0608e045f6aa471916829468f48082ea07a453f4.zip clipperz-0608e045f6aa471916829468f48082ea07a453f4.tar.gz clipperz-0608e045f6aa471916829468f48082ea07a453f4.tar.bz2 |
Removed extra JS libraries no longer used for the mobile version
-rw-r--r-- | frontend/gamma/js/JQTouch/extensions/jqt.actionsheet.js | 159 | ||||
-rw-r--r-- | frontend/gamma/js/JQTouch/extensions/jqt.autotitles.js | 52 | ||||
-rw-r--r-- | frontend/gamma/js/JQTouch/extensions/jqt.floaty.js | 96 | ||||
-rw-r--r-- | frontend/gamma/js/JQTouch/extensions/jqt.location.js | 51 | ||||
-rw-r--r-- | frontend/gamma/js/JQTouch/extensions/jqt.menusheet.js | 137 | ||||
-rw-r--r-- | frontend/gamma/js/JQTouch/extensions/jqt.offline.js | 97 | ||||
-rwxr-xr-x | frontend/gamma/js/JQTouch/extensions/jqt.themeswitcher.js | 123 | ||||
-rw-r--r-- | frontend/gamma/js/JQTouch/jqtouch.js | 889 |
8 files changed, 0 insertions, 1604 deletions
diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.actionsheet.js b/frontend/gamma/js/JQTouch/extensions/jqt.actionsheet.js deleted file mode 100644 index 2a5f8d1..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.actionsheet.js +++ b/dev/null @@ -1,159 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/> - - (c) 2012 by jQTouch project members. - See LICENSE.txt for license. - - Author: Thomas Yip -*/ - -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/> - - (c) 2012 by jQTouch project members. - See LICENSE.txt for license. - - Author: Thomas Yip -*/ - -(function($) { - var src = $("head script").last().attr("src") || ''; - var scriptpath = src.split('?')[0].split('/').slice(0, -1).join('/')+'/'; - var csspath = scriptpath + 'jqt.actionsheet.css'; - var link = $('<link href="' + csspath + '" rel="stylesheet">'); - $('head').append($(link)); - - function hide(callback) { - var $target = $(this); - var data = $(this).data('actionsheet'); - var $source = data.source; - - var timeout; - - function cleanup() { - clearTimeout(timeout); - - $source.removeClass('transition'); - $target.removeClass('inmotion transition'); - !callback || callback.apply(this, arguments); - }; - timeout = setTimeout(cleanup, 500); - - if (data.shown) { - $(this).data('actionsheet', {}); - $target.one('webkitTransitionEnd', cleanup); - - $source.addClass('transition'); - $target.removeClass('current').addClass('inmotion transition'); - $('#jqt').removeClass('actionopened'); - } - return $target; - } - - function show(callback) { - var $target = $(this); - var data = $(this).data('actionsheet') || {}; - if (!data.shown) { - var $source = $('#jqt .current:not(.actionsheet)'); - - $target.one('webkitTransitionEnd', function() { - $source.removeClass('transition'); - $target.removeClass('inmotion transition'); - !callback || callback.apply(this, arguments); - }); - - data.shown = true; - data.source = $source; - $(this).data('actionsheet', data); - - $source.addClass('transition'); - $target.addClass('inmotion transition'); - $('#jqt').addClass('actionopened'); - setTimeout(function() { - $target.addClass('current'); - }, 50); - } - return $target; - } - - var methods = { - init: function(options) { - $(this).addClass('actionsheet'); - $(this).data({shown: false}); - }, - show: show, - hide: hide - }; - - $.fn.actionsheet = function(method) { - if (methods[method]) { - if ($(this).is('.actionsheet')) { - return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); - } else { - var msg = 'Target is not a `actionsheet`. Action `' + method + '` is ignored.'; - console.warn(msg); - } - } else if ( typeof method === 'object' || ! method ) { - return methods.init.apply(this, arguments); - } else { - $.error( 'Method ' + method + ' does not exist on jQuery.tooltip' ); - } - }; - - if ($.jQTouch) { - $.jQTouch.addTapHandler({ - name: 'open-actionsheet', - isSupported: function(e, params) { - return params.$el.is('.action'); - }, - fn: function(e, params) { - params.$el.removeClass('active'); - - var $target = $(params.hash); - $target.actionsheet('show'); - - return false; - } - }); - $.jQTouch.addTapHandler({ - name: 'follow-actionlink', - isSupported: function(e, params) { - if ($('#jqt').hasClass('actionopened')) { - return params.$el.is('.actionsheet a'); - } - return false; - }, - fn: function(e, params) { - params.$el.removeClass('active'); - - var $target = params.$el.closest('.actionsheet'); - $target.actionsheet('hide', function() { - if (!params.$el.is('.dismiss')) { - params.$el.trigger('tap'); - } - }); - return false; - } - }); - } else { - console.error('Extension `jqt.actionsheet` failed to load. jQT not found'); - } -})($); diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.autotitles.js b/frontend/gamma/js/JQTouch/extensions/jqt.autotitles.js deleted file mode 100644 index 94f3d9b..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.autotitles.js +++ b/dev/null @@ -1,52 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Created by David Kaneda <http://www.davidkaneda.com> - Maintained by Thomas Yip <http://beedesk.com/> - Sponsored by Sencha Labs <http://www.sencha.com/> - Special thanks to Jonathan Stark <http://www.jonathanstark.com/> - - Documentation and issue tracking on GitHub <http://github.com/senchalabs/jQTouch/> - - (c) 2009-2011 Sencha Labs - jQTouch may be freely distributed under the MIT license. - -*/ - -(function($) { - if ($.jQTouch) - { - $.jQTouch.addExtension(function AutoTitles(jQT){ - - var titleSelector='.toolbar h1'; - - $(function(){ - $('#jqt').bind('pageAnimationStart', function(e, data){ - if (data.direction === 'in'){ - var $title = $(titleSelector, $(e.target)); - var $ref = $(e.target).data('referrer'); - if ($title.length && $ref && $title.text() === ''){ - $title.html($ref.text()); - } - } - }); - }); - - function setTitleSelector(ts){ - titleSelector=ts; - } - - return { - setTitleSelector: setTitleSelector - }; - - }); - } -})($); diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.floaty.js b/frontend/gamma/js/JQTouch/extensions/jqt.floaty.js deleted file mode 100644 index c7e4485..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.floaty.js +++ b/dev/null @@ -1,96 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Created by David Kaneda <http://www.davidkaneda.com> - Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/> - - Special thanks to Jonathan Stark <http://jonathanstark.com/> - and pinch/zoom <http://www.pinchzoom.com/> - - (c) 2009 by jQTouch project members. - See LICENSE.txt for license. - -*/ - -(function($) { - if ($.jQTouch) - { - $.jQTouch.addExtension(function Floaty(jQT){ - - $.fn.makeFloaty = function(options){ - var defaults = { - align: 'top', - spacing: 20, - time: '.3s' - }; - - var settings = $.extend({}, defaults, options); - - settings.align = (settings.align == 'top') ? 'top' : 'bottom'; - - return this.each(function(){ - var $el = $(this); - - $el.css({ - '-webkit-transition': 'top ' + settings.time + ' ease-in-out', - 'display': 'block', - 'min-height': '0 !important' - }).data('settings', settings); - - $(document).scroll(function(){ - if ($el.data('floatyVisible') === 'true') - { - $el.scrollFloaty(); - } - }); - $el.scrollFloaty(); - }); - }; - - $.fn.scrollFloaty = function(){ - - - return this.each(function(){ - var $el = $(this); - var settings = $el.data('settings'); // Settings not being set as object w/Zepto - var wHeight = $('html').attr('clientHeight'); // WRONG - - var newY = window.pageYOffset + - ((settings.align == 'top') ? - settings.spacing : wHeight - settings.spacing - $el.get(0).offsetHeight); - - $el.css('top', newY).data('floatyVisible', true); - }); - }; - - $.fn.hideFloaty = function(){ - return this.each(function(){ - var $el = $(this); - var oh = $el.get(0).offsetHeight; - - $el.css('top', -oh-10).data('floatyVisible', false); - }); - }; - - $.fn.toggleFloaty = function(){ - return this.each(function(){ - var $el = $(this); - if ($el.data('floatyVisible') === 'true'){ - $el.hideFloaty(); - } - else - { - $el.scrollFloaty(); - } - }); - }; - }); - } -})($);
\ No newline at end of file diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.location.js b/frontend/gamma/js/JQTouch/extensions/jqt.location.js deleted file mode 100644 index 9d53a1a..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.location.js +++ b/dev/null @@ -1,51 +0,0 @@ -(function($) { - if ($.jQTouch) - { - $.jQTouch.addExtension(function Location(){ - - var latitude, longitude, callback, callback2; - - function updateLocation(fn, fn2) { - if (navigator.geolocation) - { - callback = fn; - callback2 = fn2; - navigator.geolocation.getCurrentPosition(savePosition, failResponse); - return true; - } else { - console.log('Device not capable of geo-location.'); - fn(false); - return false; - } - } - function failResponse(error){ - if (callback2) { - callback2(error); - } - } - function savePosition(position) { - latitude = position.coords.latitude; - longitude = position.coords.longitude; - if (callback) { - callback(getLocation()); - } - } - function getLocation() { - if (latitude && longitude) { - return { - latitude: latitude, - longitude: longitude - }; - - } else { - console.log('No location available. Try calling updateLocation() first.'); - return false; - } - } - return { - updateLocation: updateLocation, - getLocation: getLocation - }; - }); - } -})($);
\ No newline at end of file diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.menusheet.js b/frontend/gamma/js/JQTouch/extensions/jqt.menusheet.js deleted file mode 100644 index 8d21aca..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.menusheet.js +++ b/dev/null @@ -1,137 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/> - - (c) 2012 by jQTouch project members. - See LICENSE.txt for license. - - Author: Thomas Yip -*/ - -(function($) { - var src = $("head script").last().attr("src") || ''; - var scriptpath = src.split('?')[0].split('/').slice(0, -1).join('/')+'/'; - var csspath = scriptpath + 'jqt.menusheet.css'; - var link = $('<link href="' + csspath + '" rel="stylesheet">'); - $('head').append($(link)); - - function hide(callback) { - var $target = $(this); - var data = $(this).data('menusheet'); - if (data.shown) { - $(this).data('menusheet', {}); - var $source = data.source; - $source.unbind('touchstart mousedown', data.closehandler); - $source.one('webkitTransitionEnd', function() { - $source.removeClass('inmotion transition in'); - $target.removeClass('inmotion out'); - !callback || callback.apply(this, arguments); - }); - - $source.addClass('inmotion transition in'); - $target.addClass('inmotion out').removeClass('current'); - $('#jqt').removeClass('menuopened'); - } - return $target; - } - - function show(callback) { - var $target = $(this); - var data = $(this).data('menusheet') || {}; - if (!data.shown) { - var $source = $('#jqt .current:not(.menusheet)'); - var closehandler = function() { - $target.menusheet('hide'); - return false; - }; - - $source.one('webkitTransitionEnd', function() { - $source.one('touchstart mousedown', closehandler); - $source.removeClass('inmotion transition out'); - $target.removeClass('inmotion in'); - !callback || callback.apply(this, arguments); - }); - - data.shown = true; - data.closehandler = closehandler; - data.source = $source; - $(this).data('menusheet', data); - - $source.addClass('inmotion transition out'); - $target.addClass('current in'); - $('#jqt').addClass('menuopened'); - } - return $target; - } - - var methods = { - init: function(options) { - $(this).addClass('menusheet'); - $(this).data({shown: false}); - }, - show: show, - hide: hide - }; - - $.fn.menusheet = function(method) { - if (methods[method]) { - if ($(this).is('.menusheet')) { - return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); - } else { - var msg = 'Target is not a `menusheet`. Action `' + method + '` is ignored.'; - console.warn(msg); - } - } else if ( typeof method === 'object' || ! method ) { - return methods.init.apply(this, arguments); - } else { - $.error( 'Method ' + method + ' does not exist on jQuery.tooltip' ); - } - }; - - if ($.jQTouch) { - $.jQTouch.addTapHandler({ - name: 'open-menusheet', - isSupported: function(e, params) { - return params.$el.is('.menu'); - }, - fn: function(e, params) { - params.$el.removeClass('active'); - - var $target = $(params.hash); - $target.menusheet('show'); - - return false; - } - }); - $.jQTouch.addTapHandler({ - name: 'follow-menulink', - isSupported: function(e, params) { - if ($('#jqt').hasClass('menuopened')) { - return params.$el.is('.menusheet a'); - } - return false; - }, - fn: function(e, params) { - params.$el.removeClass('active'); - - var $target = params.$el.closest('.menusheet'); - $target.menusheet('hide', function() { - if (!params.$el.is('.dismiss')) { - params.$el.trigger('tap'); - } - }); - return false; - } - }); - } else { - console.error('Extension `jqt.menusheet` failed to load. jQT not found'); - } -})($); diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.offline.js b/frontend/gamma/js/JQTouch/extensions/jqt.offline.js deleted file mode 100644 index b333a16..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.offline.js +++ b/dev/null @@ -1,97 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Created by David Kaneda <http://www.davidkaneda.com> - Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/> - - Special thanks to Jonathan Stark <http://jonathanstark.com/> - - Lots of this code is specifically derived from Jonathan's book, - "Building iPhone Apps with HTML, CSS, and JavaScript" - - (c) 2009 by jQTouch project members. - See LICENSE.txt for license. - -*/ - -(function($) { - if ($.jQTouch) - { - $.jQTouch.addExtension(function Offline(){ - - // Convenience array of status values - var cacheStatusValues = []; - cacheStatusValues[0] = 'uncached'; - cacheStatusValues[1] = 'idle'; - cacheStatusValues[2] = 'checking'; - cacheStatusValues[3] = 'downloading'; - cacheStatusValues[4] = 'updateready'; - cacheStatusValues[5] = 'obsolete'; - - // Listeners for all possible events - var cache = window.applicationCache; - cache.addEventListener('cached', logEvent, false); - cache.addEventListener('checking', logEvent, false); - cache.addEventListener('downloading', logEvent, false); - cache.addEventListener('error', logEvent, false); - cache.addEventListener('noupdate', logEvent, false); - cache.addEventListener('obsolete', logEvent, false); - cache.addEventListener('progress', logEvent, false); - cache.addEventListener('updateready', logEvent, false); - - // Log every event to the console - function logEvent(e) { - var online, status, type, message; - online = (isOnline()) ? 'yes' : 'no'; - status = cacheStatusValues[cache.status]; - type = e.type; - message = 'online: ' + online; - message+= ', event: ' + type; - message+= ', status: ' + status; - if (type == 'error' && navigator.onLine) { - message+= ' There was an unknown error, check your Cache Manifest.'; - } - console.log(message); - } - - function isOnline() { - return navigator.onLine; - } - - if (!$('html').attr('manifest')) { - console.log('No Cache Manifest listed on the <html> tag.') - } - - // Swap in newly download files when update is ready - cache.addEventListener('updateready', function(e){ - // Don't perform "swap" if this is the first cache - if (cacheStatusValues[cache.status] != 'idle') { - cache.swapCache(); - console.log('Swapped/updated the Cache Manifest.'); - } - } - , false); - - // These two functions check for updates to the manifest file - function checkForUpdates(){ - cache.update(); - } - function autoCheckForUpdates(){ - setInterval(function(){cache.update()}, 10000); - } - - return { - isOnline: isOnline, - checkForUpdates: checkForUpdates, - autoCheckForUpdates: autoCheckForUpdates - } - }); - } -})(jQuery);
\ No newline at end of file diff --git a/frontend/gamma/js/JQTouch/extensions/jqt.themeswitcher.js b/frontend/gamma/js/JQTouch/extensions/jqt.themeswitcher.js deleted file mode 100755 index ef3a75d..0000000 --- a/frontend/gamma/js/JQTouch/extensions/jqt.themeswitcher.js +++ b/dev/null @@ -1,123 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/> - - (c) 2011 by jQTouch project members. - See LICENSE.txt for license. - -*/ - -(function($) { - if ($.jQTouch) { - - var scriptpath = $("script").last().attr("src").split('?')[0].split('/').slice(0, -1).join('/')+'/'; - - $.jQTouch.addExtension(function ThemeSwitcher(jQT) { - - var current, - link, - titles = {}, - defaults = { - themeStyleSelector: 'link[rel="stylesheet"][title]', - themeIncluded: [ - {title: 'jQTouch', href: scriptpath + '../themes/css/jqtouch.css'}, - {title: 'Apple', href: scriptpath + '../themes/css/apple.css'}, - {title: 'Vanilla', href: scriptpath + '../themes/css/vanilla.css'} - - ] - }, - options = $.extend({}, defaults, jQT.settings); - - function setStyleState(item, title) { - var $item = $(item); - - if ($item.attr('title') === title) { - item.disabled = false; // workaround for Firefox on Zepto - $item.removeAttr('disabled'); - } else { - item.disabled = true; // workaround for Firefox on Zepto - $item.attr('disabled', true); - } - } - - function initializeStyleState(item, title) { - // and, workaround for WebKit by initializing the 'disabled' attribute - if (!current) { - current = title; - } - setStyleState(item, current); - } - - // public - function switchStyle(title) { - current = title; - $(options.themeStyleSelector).each(function(i, item) { - setStyleState(item, title); - }); - } - - // collect title names, from <head> - $(options.themeStyleSelector).each(function(i, item) { - var $item = $(item); - var title = $item.attr('title'); - - titles[title] = true; - - initializeStyleState(item, title); - }); - - // add included theme - for (var i=0; i < options.themeIncluded.length; i++) { - var hash = options.themeIncluded[i]; - if (!(hash.title in titles)) { - link = $('<link title="' + hash.title + '" href="' + hash.href + '" rel="stylesheet">'); - $('head').append($(link)); - - titles[hash.title] = true; - - initializeStyleState(link, hash.title); - } - } - - if (options.themeSelectionSelector) { - // create UI items - for (var title in titles) { - var $item = $('<li><a href="#" data-title="' + title + '">' + title + '</a></li>'); - $(options.themeSelectionSelector).append($item); - } - - // bind to UI items - $(options.themeSelectionSelector).delegate('* > a', 'tap', function(e) { - e.preventDefault(); - e.stopPropagation(); - - var $a = $(this).closest('a'); - $a.removeClass('active'); - switchStyle($a.attr('data-title')); - - // poor-man simulation of radio button behaviour - $(options.themeSelectionSelector).find('a').removeClass('selected'); - $a.addClass('selected'); - }); - - // poor-man simulation of radio button behaviour - $(options.themeSelectionSelector).closest('#jqt > *').bind('pageAnimationEnd', function(e, data){ - if (data.direction === 'in') { - $(options.themeSelectionSelector).find('a[data-title="' + current + '"]').addClass('selected'); - } - }); - } - - return {switchStyle: switchStyle}; - - }); - } -})($); diff --git a/frontend/gamma/js/JQTouch/jqtouch.js b/frontend/gamma/js/JQTouch/jqtouch.js deleted file mode 100644 index bdc6d2e..0000000 --- a/frontend/gamma/js/JQTouch/jqtouch.js +++ b/dev/null @@ -1,889 +0,0 @@ -/* - - _/ _/_/ _/_/_/_/_/ _/ - _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/ - _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ - _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/ - _/ - _/ - - Created by David Kaneda <http://www.davidkaneda.com> - Maintained by Thomas Yip <http://beedesk.com/> - Sponsored by Sencha Labs <http://www.sencha.com/> - Special thanks to Jonathan Stark <http://www.jonathanstark.com/> - - Documentation and issue tracking on GitHub <http://github.com/senchalabs/jQTouch/> - - (c) 2009-2011 Sencha Labs - jQTouch may be freely distributed under the MIT license. - -*/ -(function() { - - var fx; - if ('Zepto' in window) { - fx = window.Zepto; - fx.fn.prop = fx.fn.attr; - - Event.prototype.isDefaultPrevented = function() { - return this.defaultPrevented; - }; - } else if ('jQuery' in window) { - fx = window.jQuery; - - // trick to get Zepto/touch.js to work for jQuery - window.Zepto = $; - } else { - throw('Either Zepto or jQuery is required but neither can be found.'); - } - - $.jQTouch = function(options) { - // Initialize internal jQT variables - var $ = fx, - $body, - $head=$('head'), - history=[], - newPageCount=0, - jQTSettings={}, - $currentPage='', - orientation='portrait', - touchSelectors=[], - publicObj={}, - tapBuffer=100, // High click delay = ~350, quickest animation (slide) = 250 - extensions=$.jQTouch.prototype.extensions, - extTapHandlers=$.jQTouch.prototype.tapHandlers, - tapHandlers=[], - animations=[], - hairExtensions='', - defaults = { - addGlossToIcon: true, - backSelector: '.back, .cancel, .goback', - cacheGetRequests: true, - debug: true, - defaultAnimation: 'slideleft', - fixedViewport: true, - formSelector: 'form', - fullScreen: true, - fullScreenClass: 'fullscreen', - icon: null, - icon4: null, // available in iOS 4.2 and later. - preloadImages: false, - startupScreen: null, - statusBar: 'default', // other options: black-translucent, black - submitSelector: '.submit', - touchSelector: 'a, .touch', - trackScrollPositions: true, - useAnimations: true, - useFastTouch: true, - useTouchScroll: true, - animations: [ // highest to lowest priority - {name:'cubeleft', selector:'.cubeleft, .cube', is3d: true}, - {name:'cuberight', selector:'.cuberight', is3d: true}, - {name:'dissolve', selector:'.dissolve'}, - {name:'fade', selector:'.fade'}, - {name:'flipleft', selector:'.flipleft, .flip', is3d: true}, - {name:'flipright', selector:'.flipright', is3d: true}, - {name:'pop', selector:'.pop', is3d: true}, - {name:'swapleft', selector:'.swap', is3d: true}, - {name:'slidedown', selector:'.slidedown'}, - {name:'slideright', selector:'.slideright'}, - {name:'slideup', selector:'.slideup'}, - {name:'slideleft', selector:'.slideleft, .slide, #jqt > * > ul li a'} - ] - }; // end defaults - - function warn(message) { - if (window.console !== undefined && jQTSettings.debug === true) { - console.warn(message); - } - } - function addAnimation(animation) { - if (typeof(animation.selector) === 'string' && typeof(animation.name) === 'string') { - animations.push(animation); - } - } - function addTapHandler(tapHandler) { - if (typeof(tapHandler.name) === 'string' - && typeof(tapHandler.isSupported) === 'function' - && typeof(tapHandler.fn) === 'function') { - - tapHandlers.push(tapHandler); - } - } - function addPageToHistory(page, animation) { - history.unshift({ - page: page, - animation: animation, - hash: '#' + page.attr('id'), - id: page.attr('id') - }); - } - - // Unfortunately, we can not assume the "tap" event - // is being used for links, forms, etc. - function clickHandler(e) { - // Figure out whether to prevent default - var $el = $(e.target); - - // Find the nearest tappable ancestor - if (!$el.is(touchSelectors.join(', '))) { - $el = $(e.target).closest(touchSelectors.join(', ')); - } - - // Prevent default if we found an internal link (relative or absolute) - if ($el && $el.attr('href') && !$el.isExternalLink()) { - warn('Need to prevent default click behavior'); - e.preventDefault(); - } else { - warn('No need to prevent default click behavior'); - } - - // Trigger a tap event if touchstart is not on the job - if ($.support.touch) { - warn('Not converting click to a tap event because touch handler is on the job'); - } else { - warn('Converting click event to a tap event because touch handlers are not present or off'); - $(e.target).trigger('tap', e); - } - - } - function doNavigation(fromPage, toPage, animation, goingBack) { - - goingBack = goingBack ? goingBack : false; - - // Error check for target page - if (toPage === undefined || toPage.length === 0) { - $.fn.unselect(); - warn('Target element is missing.'); - return false; - } - - // Error check for fromPage===toPage - if (toPage.hasClass('current')) { - $.fn.unselect(); - warn('You are already on the page you are trying to navigate to.'); - return false; - } - - // Collapse the keyboard - $(':focus').trigger('blur'); - - fromPage.trigger('pageAnimationStart', { direction: 'out', back: goingBack }); - toPage.trigger('pageAnimationStart', { direction: 'in', back: goingBack }); - - if ($.support.animationEvents && animation && jQTSettings.useAnimations) { - // Fail over to 2d animation if need be - if (!$.support.transform3d && animation.is3d) { - warn('Did not detect support for 3d animations, falling back to ' + jQTSettings.defaultAnimation); - animation.name = jQTSettings.defaultAnimation; - } - - // Reverse animation if need be - var finalAnimationName = animation.name, - is3d = animation.is3d ? 'animating3d' : ''; - - if (goingBack) { - finalAnimationName = finalAnimationName.replace(/left|right|up|down|in|out/, reverseAnimation ); - } - - warn('finalAnimationName is ' + finalAnimationName); - - // Bind internal "cleanup" callback - fromPage.bind('webkitAnimationEnd', navigationEndHandler); - - // Trigger animations - $body.addClass('animating ' + is3d); - - var lastScroll = window.pageYOffset; - - // Position the incoming page so toolbar is at top of viewport regardless of scroll position on from page - if (jQTSettings.trackScrollPositions === true) { - toPage.css('top', window.pageYOffset - (toPage.data('lastScroll') || 0)); - } - - toPage.addClass(finalAnimationName + ' in current'); - fromPage.removeClass('current').addClass(finalAnimationName + ' out inmotion'); - - if (jQTSettings.trackScrollPositions === true) { - fromPage.data('lastScroll', lastScroll); - $('.scroll', fromPage).each(function(){ - $(this).data('lastScroll', this.scrollTop); - }); - } - } else { - toPage.addClass('current in'); - fromPage.removeClass('current'); - navigationEndHandler(); - } - - // Housekeeping - $currentPage = toPage; - if (goingBack) { - history.shift(); - } else { - addPageToHistory($currentPage, animation); - } - setHash($currentPage.attr('id')); - - // Private navigationEnd callback - function navigationEndHandler(event) { - var bufferTime = tapBuffer; - - if ($.support.animationEvents && animation && jQTSettings.useAnimations) { - fromPage.unbind('webkitAnimationEnd', navigationEndHandler); - fromPage.removeClass(finalAnimationName + ' out inmotion'); - if (finalAnimationName) { - toPage.removeClass(finalAnimationName); - } - $body.removeClass('animating animating3d'); - if (jQTSettings.trackScrollPositions === true) { - toPage.css('top', -toPage.data('lastScroll')); - - // Have to make sure the scroll/style resets - // are outside the flow of this function. - setTimeout(function(){ - toPage.css('top', 0); - window.scroll(0, toPage.data('lastScroll')); - $('.scroll', toPage).each(function(){ - this.scrollTop = - $(this).data('lastScroll'); - }); - }, 0); - } - } else { - fromPage.removeClass(finalAnimationName + ' out inmotion'); - if (finalAnimationName) { - toPage.removeClass(finalAnimationName); - } - bufferTime += 260; - } - - // In class is intentionally delayed, as it is our ghost click hack - setTimeout(function(){ - toPage.removeClass('in'); - window.scroll(0,0); - }, bufferTime); - - fromPage.unselect(); - - // Trigger custom events - toPage.trigger('pageAnimationEnd', { - direction:'in', animation: animation, back: goingBack - }); - fromPage.trigger('pageAnimationEnd', { - direction:'out', animation: animation, back: goingBack - }); - } - - return true; - } - function reverseAnimation(animation) { - var opposites={ - 'up' : 'down', - 'down' : 'up', - 'left' : 'right', - 'right' : 'left', - 'in' : 'out', - 'out' : 'in' - }; - - return opposites[animation] || animation; - } - function getOrientation() { - return orientation; - } - function goBack() { - - // Error checking - if (history.length < 1 ) { - warn('History is empty.'); - } - - if (history.length === 1 ) { - warn('You are on the first panel.'); - window.history.go(-1); - } - - var from = history[0], - to = history[1]; - - if (doNavigation(from.page, to.page, from.animation, true)) { - return publicObj; - } else { - warn('Could not go back.'); - return false; - } - - } - function goTo(toPage, animation) { - - var fromPage = history[0].page; - - if (typeof animation === 'string') { - for (var i=0, max=animations.length; i < max; i++) { - if (animations[i].name === animation) { - animation = animations[i]; - break; - } - } - } - - if (typeof toPage === 'string') { - var nextPage = $(toPage); - - if (nextPage.length < 1) { - showPageByHref(toPage, { - animation: animation - }); - return; - } else { - toPage = nextPage; - } - } - if (doNavigation(fromPage, toPage, animation)) { - return publicObj; - } else { - warn('Could not animate pages.'); - return false; - } - } - function hashChangeHandler(e) { - if (location.hash === history[0].hash) { - warn('We are on the right panel'); - return true; - } else if (location.hash === '') { - goBack(); - return true; - } else { - if( (history[1] && location.hash === history[1].hash) ) { - goBack(); - return true; - } else { - // Lastly, just try going to the ID... - warn('Could not find ID in history, just forwarding to DOM element.'); - goTo($(location.hash), jQTSettings.defaultAnimation); - } - } - } - function init(options) { - jQTSettings = $.extend({}, defaults, options); - - // Preload images - if (jQTSettings.preloadImages) { - for (var i = jQTSettings.preloadImages.length - 1; i >= 0; i--) { - (new Image()).src = jQTSettings.preloadImages[i]; - } - } - - // Set appropriate icon (retina display available in iOS 4.2 and later.) - var precomposed = (jQTSettings.addGlossToIcon) ? '' : '-precomposed'; - if (jQTSettings.icon) { - hairExtensions += '<link rel="apple-touch-icon' + precomposed + '" href="' + jQTSettings.icon + '" />'; - } - if (jQTSettings.icon4) { - hairExtensions += '<link rel="apple-touch-icon' + precomposed + '" sizes="114x114" href="' + jQTSettings.icon4 + '" />'; - } - // Set startup screen - if (jQTSettings.startupScreen) { - hairExtensions += '<link rel="apple-touch-startup-image" href="' + jQTSettings.startupScreen + '" />'; - } - - // Set viewport - if (jQTSettings.fixedViewport) { - hairExtensions += '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>'; - } - - // Set full-screen - if (jQTSettings.fullScreen) { - hairExtensions += '<meta name="apple-mobile-web-app-capable" content="yes" />'; - if (jQTSettings.statusBar) { - hairExtensions += '<meta name="apple-mobile-web-app-status-bar-style" content="' + jQTSettings.statusBar + '" />'; - } - } - - // Attach hair extensions - if (hairExtensions) { - $head.prepend(hairExtensions); - } - } - - function getAnimation(el) { - var animation; - - for (var i=0, max=animations.length; i < max; i++) { - if (el.is(animations[i].selector)) { - animation = animations[i]; - break; - } - } - - if (!animation) { - warn('Animation could not be found. Using ' + jQTSettings.defaultAnimation + '.'); - animation = jQTSettings.defaultAnimation; - } - return animation; - } - - function insertPages(nodes, animation) { - - var targetPage = null; - - // Call dom.createElement element directly instead of relying on $(nodes), - // to work around: https://github.com/madrobby/zepto/issues/312 - var div = document.createElement('div'); - div.innerHTML = nodes; - - $(div).children().each(function(index, node) { - var $node = $(this); - if (!$node.attr('id')) { - $node.attr('id', 'page-' + (++newPageCount)); - } - - // Remove any existing instance - $('#' + $node.attr('id')).remove(); - - $body.append($node); - $body.trigger('pageInserted', {page: $node}); - - if ($node.hasClass('current') || !targetPage) { - targetPage = $node; - } - }); - if (targetPage !== null) { - goTo(targetPage, animation); - return targetPage; - } else { - return false; - } - } - - function orientationChangeHandler() { - $body.css('minHeight', 1000); - scrollTo(0,0); - var bodyHeight = window.innerHeight; - $body.css('minHeight', bodyHeight); - - orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait'; - $body.removeClass('portrait landscape').addClass(orientation).trigger('turn', {orientation: orientation}); - } - function setHash(hash) { - // Sanitize - location.hash = '#' + hash.replace(/^#/, ''); - } - function showPageByHref(href, options) { - - var defaults = { - data: null, - method: 'GET', - animation: null, - callback: null, - $referrer: null - }; - - var settings = $.extend({}, defaults, options); - - if (href != '#') { - $.ajax({ - url: href, - data: settings.data, - type: settings.method, - success: function (data) { - var firstPage = insertPages(data, settings.animation); - if (firstPage) { - if (settings.method == 'GET' && jQTSettings.cacheGetRequests === true && settings.$referrer) { - settings.$referrer.attr('href', '#' + firstPage.attr('id')); - } - if (settings.callback) { - settings.callback(true); - } - } - }, - error: function (data) { - if (settings.$referrer) { - settings.$referrer.unselect(); - } - if (settings.callback) { - settings.callback(false); - } - } - }); - } else if (settings.$referrer) { - settings.$referrer.unselect(); - } - } - function submitHandler(e, callback) { - - $(':focus').trigger('blur'); - - e.preventDefault(); - - var $form = (typeof(e)==='string') ? $(e).eq(0) : (e.target ? $(e.target) : $(e)); - - if ($form.length && $form.is(jQTSettings.formSelector) && $form.attr('action')) { - showPageByHref($form.attr('action'), { - data: $form.serialize(), - method: $form.attr('method') || "POST", - animation: getAnimation($form), - callback: callback - }); - return false; - } - return true; - } - function submitParentForm($el) { - - var $form = $el.closest('form'); - if ($form.length === 0) { - warn('No parent form found'); - } else { - warn('About to submit parent form'); - $form.trigger('submit'); - return false; - } - return true; - } - function supportForTransform3d() { - - var head, body, style, div, result; - - head = document.getElementsByTagName('head')[0]; - body = document.body; - - style = document.createElement('style'); - style.textContent = '@media (transform-3d),(-o-transform-3d),(-moz-transform-3d),(-webkit-transform-3d){#jqt-3dtest{height:3px}}'; - - div = document.createElement('div'); - div.id = 'jqt-3dtest'; - - // Add to the page - head.appendChild(style); - body.appendChild(div); - - // Check the result - result = div.offsetHeight === 3; - - // Clean up - style.parentNode.removeChild(style); - div.parentNode.removeChild(div); - - // Pass back result - warn('Support for 3d transforms: ' + result); - return result; - } - function supportIOS5() { - var support = false; - var REGEX_IOS_VERSION = /OS (\d+)(_\d+)* like Mac OS X/i; - - var agentString = window.navigator.userAgent; - if (REGEX_IOS_VERSION.test(agentString)) { - support = (REGEX_IOS_VERSION.exec(agentString)[1] >= 5); - } - return support; - } - function touchStartHandler(e){ - - var $el = $(e.target), - selectors = touchSelectors.join(', '); - - // Find the nearest tappable ancestor - if (!$el.is(selectors)) { - $el = $el.closest(selectors); - } - - // Make sure we have a tappable element - if ($el.length && $el.attr('href')) { - $el.addClass('active'); - } - - // Remove our active class if we move - $el.on($.support.touch ? 'touchmove' : 'mousemove', function(){ - $el.removeClass('active'); - }); - - $el.on('touchend', function(){ - $el.unbind('touchmove mousemove'); - }); - - } - function tapHandler(e){ - - if (e.isDefaultPrevented()) { - return true; - } - - // Grab the target element - var $el = $(e.target); - - // Find the nearest tappable ancestor - if (!$el.is(touchSelectors.join(', '))) { - $el = $el.closest(touchSelectors.join(', ')); - } - - // Make sure we have a tappable element - if (!$el.length || !$el.attr('href')) { - warn('Could not find a link related to tapped element'); - return true; - } - - // Init some vars - var target = $el.attr('target'), - hash = $el.prop('hash'), - href = $el.attr('href'); - - var params = { - e: e, - $el: $el, - target: target, - hash: hash, - href: href, - jQTSettings: jQTSettings - }; - - // Loop thru all handlers - for (var i=0, len=tapHandlers.length; i<len; i++) { - var handler = tapHandlers[i]; - var supported = handler.isSupported(e, params); - if (supported) { - var flag = handler.fn(e, params); - return flag; - } - } - } - function addDefaultTapHandlers() { - addTapHandler({ - name: 'external-link', - isSupported: function(e, params) { - return params.$el.isExternalLink(); - }, - fn: function(e, params) { - params.$el.unselect(); - return true; - } - }); - addTapHandler({ - name: 'back-selector', - isSupported: function(e, params) { - return params.$el.is(params.jQTSettings.backSelector); - }, - fn: function(e, params) { - // User clicked or tapped a back button - goBack(params.hash); - } - }); - addTapHandler({ - name: 'submit-selector', - isSupported: function(e, params) { - return params.$el.is(params.jQTSettings.submitSelector); - }, - fn: function(e, params) { - // User clicked or tapped a submit element - submitParentForm(params.$el); - } - }); - addTapHandler({ - name: 'webapp', - isSupported: function(e, params) { - return params.target === '_webapp'; - }, - fn: function(e, params) { - // User clicked or tapped an internal link, fullscreen mode - window.location = params.href; - return false; - } - }); - addTapHandler({ - name: 'no-op', - isSupported: function(e, params) { - return params.href === '#'; - }, - fn: function(e, params) { - // Allow tap on item with no href - params.$el.unselect(); - return true; - } - }); - addTapHandler({ - name: 'standard', - isSupported: function(e, params) { - return params.hash && params.hash !== '#'; - }, - fn: function(e, params) { - var animation = getAnimation(params.$el); - // Internal href - params.$el.addClass('active'); - goTo( - $(params.hash).data('referrer', params.$el), - animation, - params.$el.hasClass('reverse') - ); - return false; - } - }); - addTapHandler({ - name: 'external', - isSupported: function(e, params) { - return true; - }, - fn: function(e, params) { - var animation = getAnimation(params.$el); - - // External href - params.$el.addClass('loading active'); - showPageByHref(params.$el.attr('href'), { - animation: animation, - callback: function() { - params.$el.removeClass('loading'); - setTimeout($.fn.unselect, 250, params.$el); - }, - $referrer: params.$el - }); - return false; - } - }); - }; - - // Get the party started - init(options); - - // Document ready stuff - $(document).ready(function RUMBLE() { - // Store some properties in a support object - if (!$.support) $.support = {}; - $.support.animationEvents = (typeof window.WebKitAnimationEvent != 'undefined'); - $.support.touch = (typeof window.TouchEvent != 'undefined') && (window.navigator.userAgent.indexOf('Mobile') > -1) && jQTSettings.useFastTouch; - $.support.transform3d = supportForTransform3d(); - $.support.ios5 = supportIOS5(); - - if (!$.support.touch) { - warn('This device does not support touch interaction, or it has been deactivated by the developer. Some features might be unavailable.'); - } - if (!$.support.transform3d) { - warn('This device does not support 3d animation. 2d animations will be used instead.'); - } - - // Define public jQuery functions - $.fn.isExternalLink = function() { - var $el = $(this); - return ($el.attr('target') == '_blank' || $el.attr('rel') == 'external' || $el.is('a[href^="http://maps.google.com"], a[href^="mailto:"], a[href^="tel:"], a[href^="javascript:"], a[href*="youtube.com/v"], a[href*="youtube.com/watch"]')); - }; - $.fn.makeActive = function() { - return $(this).addClass('active'); - }; - $.fn.unselect = function(obj) { - if (obj) { - obj.removeClass('active'); - } else { - $('.active').removeClass('active'); - } - }; - - // Add extensions - for (var i=0, max=extensions.length; i < max; i++) { - var fn = extensions[i]; - if ($.isFunction(fn)) { - $.extend(publicObj, fn(publicObj)); - } - } - - // Add extensions tapHandlers - for (var i=0, max=extTapHandlers.length; i < max; i++) { - addTapHandler(extTapHandlers[i]); - } - // Add default tapHandlers - addDefaultTapHandlers(); - - // Add animations - for (var j=0, max_anims=defaults.animations.length; j < max_anims; j++) { - var animation = defaults.animations[j]; - if(jQTSettings[animation.name + 'Selector'] !== undefined){ - animation.selector = jQTSettings[animation.name + 'Selector']; - } - addAnimation(animation); - } - - // Create an array of stuff that needs touch event handling - touchSelectors.push(jQTSettings.touchSelector); - touchSelectors.push(jQTSettings.backSelector); - touchSelectors.push(jQTSettings.submitSelector); - $(touchSelectors.join(', ')).css('-webkit-touch-callout', 'none'); - - // Make sure we have a jqt element - $body = $('#jqt'); - var anatomy_lessons = []; - - if ($body.length === 0) { - warn('Could not find an element with the id "jqt", so the body id has been set to "jqt". If you are having any problems, wrapping your panels in a div with the id "jqt" might help.'); - $body = $(document.body).attr('id', 'jqt'); - } - - // Add some specific css if need be - if ($.support.transform3d) { - anatomy_lessons.push('supports3d'); - } - if ($.support.ios5 && jQTSettings.useTouchScroll) { - anatomy_lessons.push('touchscroll'); - } - - if (jQTSettings.fullScreenClass && window.navigator.standalone === true) { - anatomy_lessons.push(jQTSettings.fullScreenClass, jQTSettings.statusBar); - } - - // Bind events - - $body - .addClass(anatomy_lessons.join(' ')) - .bind('click', clickHandler) - .bind('orientationchange', orientationChangeHandler) - .bind('submit', submitHandler) - .bind('tap', tapHandler) - .bind( $.support.touch ? 'touchstart' : 'mousedown', touchStartHandler) - .trigger('orientationchange'); - - $(window).bind('hashchange', hashChangeHandler); - - var startHash = location.hash; - - // Determine what the initial view should be - if ($('#jqt > .current').length === 0) { - $currentPage = $('#jqt > *:first-child').addClass('current'); - } else { - $currentPage = $('#jqt > .current'); - } - - setHash($currentPage.attr('id')); - addPageToHistory($currentPage); - - if ($(startHash).length === 1) { - goTo(startHash); - } - }); - - // Expose public methods and properties - publicObj = { - addAnimation: addAnimation, - animations: animations, - getOrientation: getOrientation, - goBack: goBack, - insertPages: insertPages, - goTo: goTo, - history: history, - settings: jQTSettings, - submitForm: submitHandler - }; - return publicObj; - }; - - $.jQTouch.prototype.extensions = []; - $.jQTouch.prototype.tapHandlers = []; - - // Extensions directly manipulate the jQTouch object, before it's initialized. - $.jQTouch.addExtension = function(extension) { - $.jQTouch.prototype.extensions.push(extension); - }; - - // Experimental tap hanlders that can bypass default jQTouch tap handling - $.jQTouch.addTapHandler = function(extension) { - $.jQTouch.prototype.tapHandlers.push(extension); - }; - -})(); // Double closure, ALL THE WAY ACROSS THE SKY |