- Back + Back

' . $pageTitle . '

'; @@ -203,7 +168,9 @@ } function include_footer() { - echo '

About/Contact Us Feedback/Bug Report'; + +global $labsPath; + echo ''; if (isAnalyticsOn()) { echo "' ); - - iframe_doc.close(); - - // Update the Iframe's hash, for great justice. - iframe.location.hash = hash; - } - }; - - })(); - // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^ - // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - - return self; - })(); - -})(jQuery,this); -/* -* jQuery Mobile Framework : "page" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -*/ -(function($, undefined ) { - -$.widget( "mobile.page", $.mobile.widget, { - options: { - backBtnText: "Back", - addBackBtn: true, - backBtnTheme: null, - degradeInputs: { - color: false, - date: false, - datetime: false, - "datetime-local": false, - email: false, - month: false, - number: false, - range: "number", - search: true, - tel: false, - time: false, - url: false, - week: false - }, - keepNative: null - }, - - _create: function() { - var $elem = this.element, - o = this.options; - - this.keepNative = ":jqmData(role='none'), :jqmData(role='nojs')" + (o.keepNative ? ", " + o.keepNative : ""); - - if ( this._trigger( "beforeCreate" ) === false ) { - return; - } - - //some of the form elements currently rely on the presence of ui-page and ui-content - // classes so we'll handle page and content roles outside of the main role processing - // loop below. - $elem.find( ":jqmData(role='page'), :jqmData(role='content')" ).andSelf().each(function() { - $(this).addClass( "ui-" + $(this).jqmData( "role" ) ); - }); - - $elem.find( ":jqmData(role='nojs')" ).addClass( "ui-nojs" ); - - // pre-find data els - var $dataEls = $elem.find( ":jqmData(role)" ).andSelf().each(function() { - var $this = $( this ), - role = $this.jqmData( "role" ), - theme = $this.jqmData( "theme" ); - - //apply theming and markup modifications to page,header,content,footer - if ( role === "header" || role === "footer" ) { - $this.addClass( "ui-bar-" + (theme || $this.parent( ":jqmData(role='page')" ).jqmData( "theme" ) || "a") ); - - // add ARIA role - $this.attr( "role", role === "header" ? "banner" : "contentinfo" ); - - //right,left buttons - var $headeranchors = $this.children( "a" ), - leftbtn = $headeranchors.hasClass( "ui-btn-left" ), - rightbtn = $headeranchors.hasClass( "ui-btn-right" ); - - if ( !leftbtn ) { - leftbtn = $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length; - } - - if ( !rightbtn ) { - rightbtn = $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length; - } - - // auto-add back btn on pages beyond first view - if ( o.addBackBtn && role === "header" && - $( ".ui-page" ).length > 1 && - $elem.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) && - !leftbtn && $this.jqmData( "backbtn" ) !== false ) { - - var backBtn = $( ""+ o.backBtnText +"" ).prependTo( $this ); - - //if theme is provided, override default inheritance - if( o.backBtnTheme ){ - backBtn.attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme ); - } - } - - //page title - $this.children( "h1, h2, h3, h4, h5, h6" ) - .addClass( "ui-title" ) - //regardless of h element number in src, it becomes h1 for the enhanced page - .attr({ "tabindex": "0", "role": "heading", "aria-level": "1" }); - - } else if ( role === "content" ) { - if ( theme ) { - $this.addClass( "ui-body-" + theme ); - } - - // add ARIA role - $this.attr( "role", "main" ); - - } else if ( role === "page" ) { - $this.addClass( "ui-body-" + (theme || "c") ); - } - - switch(role) { - case "header": - case "footer": - case "page": - case "content": - $this.addClass( "ui-" + role ); - break; - case "collapsible": - case "fieldcontain": - case "navbar": - case "listview": - case "dialog": - $this[ role ](); - break; - } - }); - - //enhance form controls - this._enhanceControls(); - - //links in bars, or those with data-role become buttons - $elem.find( ":jqmData(role='button'), .ui-bar > a, .ui-header > a, .ui-footer > a" ) - .not( ".ui-btn" ) - .not(this.keepNative) - .buttonMarkup(); - - $elem - .find(":jqmData(role='controlgroup')") - .controlgroup(); - - //links within content areas - $elem.find( "a:not(.ui-btn):not(.ui-link-inherit)" ) - .not(this.keepNative) - .addClass( "ui-link" ); - - //fix toolbars - $elem.fixHeaderFooter(); - }, - - _typeAttributeRegex: /\s+type=["']?\w+['"]?/, - - _enhanceControls: function() { - var o = this.options, self = this; - - // degrade inputs to avoid poorly implemented native functionality - this.element.find( "input" ).not(this.keepNative).each(function() { - var type = this.getAttribute( "type" ), - optType = o.degradeInputs[ type ] || "text"; - - if ( o.degradeInputs[ type ] ) { - $( this ).replaceWith( - $( "

" ).html( $(this).clone() ).html() - .replace( self._typeAttributeRegex, " type=\""+ optType +"\" data-" + $.mobile.ns + "type=\""+type+"\" " ) ); - } - }); - - // We re-find form elements since the degredation code above - // may have injected new elements. We cache the non-native control - // query to reduce the number of times we search through the entire page. - - var allControls = this.element.find("input, textarea, select, button"), - nonNativeControls = allControls.not(this.keepNative); - - // XXX: Temporary workaround for issue 785. Turn off autocorrect and - // autocomplete since the popup they use can't be dismissed by - // the user. Note that we test for the presence of the feature - // by looking for the autocorrect property on the input element. - - var textInputs = allControls.filter( "input[type=text]" ); - if (textInputs.length && typeof textInputs[0].autocorrect !== "undefined") { - textInputs.each(function(){ - // Set the attribute instead of the property just in case there - // is code that attempts to make modifications via HTML. - this.setAttribute("autocorrect", "off"); - this.setAttribute("autocomplete", "off"); - }); - } - - // enchance form controls - nonNativeControls - .filter( "[type='radio'], [type='checkbox']" ) - .checkboxradio(); - - nonNativeControls - .filter( "button, [type='button'], [type='submit'], [type='reset'], [type='image']" ) - .button(); - - nonNativeControls - .filter( "input, textarea" ) - .not( "[type='radio'], [type='checkbox'], [type='button'], [type='submit'], [type='reset'], [type='image'], [type='hidden']" ) - .textinput(); - - nonNativeControls - .filter( "input, select" ) - .filter( ":jqmData(role='slider'), :jqmData(type='range')" ) - .slider(); - - nonNativeControls - .filter( "select:not(:jqmData(role='slider'))" ) - .selectmenu(); - } -}); - -})( jQuery ); -/*! - * jQuery Mobile v@VERSION - * http://jquerymobile.com/ - * - * Copyright 2010, jQuery Project - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - */ - -(function( $, window, undefined ) { - - //jQuery.mobile configurable options - $.extend( $.mobile, { - - //namespace used framework-wide for data-attrs. Default is no namespace - ns: "", - - //define the url parameter used for referencing widget-generated sub-pages. - //Translates to to example.html&ui-page=subpageIdentifier - //hash segment before &ui-page= is used to make Ajax request - subPageUrlKey: "ui-page", - - //anchor links with a data-rel, or pages with a data-role, that match these selectors will be untrackable in history - //(no change in URL, not bookmarkable) - nonHistorySelectors: "dialog", - - //class assigned to page currently in view, and during transitions - activePageClass: "ui-page-active", - - //class used for "active" button state, from CSS framework - activeBtnClass: "ui-btn-active", - - //automatically handle clicks and form submissions through Ajax, when same-domain - ajaxEnabled: true, - - //automatically load and show pages based on location.hash - hashListeningEnabled: true, - - // TODO: deprecated - remove at 1.0 - //automatically handle link clicks through Ajax, when possible - ajaxLinksEnabled: true, - - // TODO: deprecated - remove at 1.0 - //automatically handle form submissions through Ajax, when possible - ajaxFormsEnabled: true, - - //set default transition - 'none' for no transitions - defaultTransition: "slide", - - //show loading message during Ajax requests - //if false, message will not appear, but loading classes will still be toggled on html el - loadingMessage: "loading", - - //error response message - appears when an Ajax page request fails - pageLoadErrorMessage: "Error Loading Page", - - //configure meta viewport tag's content attr: - //note: this feature is deprecated in A4 in favor of adding - //the meta viewport element directly in the markup - metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1", - - //support conditions that must be met in order to proceed - //default enhanced qualifications are media query support OR IE 7+ - gradeA: function(){ - return $.support.mediaquery || $.mobile.browser.ie && $.mobile.browser.ie >= 7; - }, - - //TODO might be useful upstream in jquery itself ? - keyCode: { - ALT: 18, - BACKSPACE: 8, - CAPS_LOCK: 20, - COMMA: 188, - COMMAND: 91, - COMMAND_LEFT: 91, // COMMAND - COMMAND_RIGHT: 93, - CONTROL: 17, - DELETE: 46, - DOWN: 40, - END: 35, - ENTER: 13, - ESCAPE: 27, - HOME: 36, - INSERT: 45, - LEFT: 37, - MENU: 93, // COMMAND_RIGHT - NUMPAD_ADD: 107, - NUMPAD_DECIMAL: 110, - NUMPAD_DIVIDE: 111, - NUMPAD_ENTER: 108, - NUMPAD_MULTIPLY: 106, - NUMPAD_SUBTRACT: 109, - PAGE_DOWN: 34, - PAGE_UP: 33, - PERIOD: 190, - RIGHT: 39, - SHIFT: 16, - SPACE: 32, - TAB: 9, - UP: 38, - WINDOWS: 91 // COMMAND - }, - - //scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value - silentScroll: function( ypos ) { - ypos = ypos || 0; - // prevent scrollstart and scrollstop events - $.event.special.scrollstart.enabled = false; - - setTimeout(function() { - window.scrollTo( 0, ypos ); - $(document).trigger( "silentscroll", { x: 0, y: ypos }); - },20); - - setTimeout(function() { - $.event.special.scrollstart.enabled = true; - }, 150 ); - } - }); - - //mobile version of data and removeData and hasData methods - //ensures all data is set and retrieved using jQuery Mobile's data namespace - $.fn.jqmData = function( prop, value ){ - return this.data( prop ? $.mobile.ns + prop : prop, value ); - }; - - $.jqmData = function( elem, prop, value ){ - return $.data( elem, prop && $.mobile.ns + prop, value ); - }; - - $.fn.jqmRemoveData = function( prop ){ - return this.removeData( $.mobile.ns + prop ); - }; - - $.jqmRemoveData = function( elem, prop ){ - return $.removeData( elem, prop && $.mobile.ns + prop ); - }; - - $.jqmHasData = function( elem, prop ){ - return $.hasData( elem, prop && $.mobile.ns + prop ); - }; - - - // Monkey-patching Sizzle to filter the :jqmData selector - var oldFind = $.find; - - $.find = function( selector, context, ret, extra ) { - selector = selector.replace(/:jqmData$([^)]*)$/g, "[data-" + ($.mobile.ns || "") + "$1]"); - - return oldFind.call( this, selector, context, ret, extra ); - }; - - $.extend( $.find, oldFind ); - - $.find.matches = function( expr, set ) { - return $.find( expr, null, null, set ); - }; - - $.find.matchesSelector = function( node, expr ) { - return $.find( expr, null, null, [node] ).length > 0; - }; -})( jQuery, this ); -/* -* jQuery Mobile Framework : core utilities for auto ajax navigation, base tag mgmt, -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -*/ -(function($, undefined ) { - - //define vars for interal use - var $window = $(window), - $html = $('html'), - $head = $('head'), - - //url path helpers for use in relative url management - path = { - - //get path from current hash, or from a file path - get: function( newPath ){ - if( newPath === undefined ){ - newPath = location.hash; - } - return path.stripHash( newPath ).replace(/[^\/]*\.[^\/*]+$/, ''); - }, - - //return the substring of a filepath before the sub-page key, for making a server request - getFilePath: function( path ){ - var splitkey = '&' + $.mobile.subPageUrlKey; - return path && path.split( splitkey )[0].split( dialogHashKey )[0]; - }, - - //set location hash to path - set: function( path ){ - location.hash = path; - }, - - //location pathname from intial directory request - origin: '', - - setOrigin: function(){ - path.origin = path.get( location.protocol + '//' + location.host + location.pathname ); - }, - - //prefix a relative url with the current path - // TODO rename to reflect conditional functionality - makeAbsolute: function( url ){ - // only create an absolute path when the hash can be used as one - return path.isPath(window.location.hash) ? path.get() + url : url; - }, - - // test if a given url (string) is a path - // NOTE might be exceptionally naive - isPath: function( url ){ - return /\//.test(url); - }, - - //return a url path with the window's location protocol/hostname/pathname removed - clean: function( url ){ - // Replace the protocol, host, and pathname only once at the beginning of the url to avoid - // problems when it's included as a part of a param - // Also, since all urls are absolute in IE, we need to remove the pathname as well. - var leadingUrlRootRegex = new RegExp("^" + location.protocol + "//" + location.host + location.pathname); - return url.replace(leadingUrlRootRegex, ""); - }, - - //just return the url without an initial # - stripHash: function( url ){ - return url.replace( /^#/, "" ); - }, - - //check whether a url is referencing the same domain, or an external domain or different protocol - //could be mailto, etc - isExternal: function( url ){ - return path.hasProtocol( path.clean( url ) ); - }, - - hasProtocol: function( url ){ - return (/^(:?\w+:)/).test( url ); - }, - - //check if the url is relative - isRelative: function( url ){ - return (/^[^\/|#]/).test( url ) && !path.hasProtocol( url ); - }, - - isEmbeddedPage: function( url ){ - return (/^#/).test( url ); - } - }, - - //will be defined when a link is clicked and given an active class - $activeClickedLink = null, - - //urlHistory is purely here to make guesses at whether the back or forward button was clicked - //and provide an appropriate transition - urlHistory = { - //array of pages that are visited during a single page load. each has a url and optional transition - stack: [], - - //maintain an index number for the active page in the stack - activeIndex: 0, - - //get active - getActive: function(){ - return urlHistory.stack[ urlHistory.activeIndex ]; - }, - - getPrev: function(){ - return urlHistory.stack[ urlHistory.activeIndex - 1 ]; - }, - - getNext: function(){ - return urlHistory.stack[ urlHistory.activeIndex + 1 ]; - }, - - // addNew is used whenever a new page is added - addNew: function( url, transition, title, storedTo ){ - //if there's forward history, wipe it - if( urlHistory.getNext() ){ - urlHistory.clearForward(); - } - - urlHistory.stack.push( {url : url, transition: transition, title: title, page: storedTo } ); - - urlHistory.activeIndex = urlHistory.stack.length - 1; - }, - - //wipe urls ahead of active index - clearForward: function(){ - urlHistory.stack = urlHistory.stack.slice( 0, urlHistory.activeIndex + 1 ); - }, - - directHashChange: function(opts){ - var back , forward, newActiveIndex; - - // check if url isp in history and if it's ahead or behind current page - $.each( urlHistory.stack, function( i, historyEntry ){ - - //if the url is in the stack, it's a forward or a back - if( opts.currentUrl === historyEntry.url ){ - //define back and forward by whether url is older or newer than current page - back = i < urlHistory.activeIndex; - forward = !back; - newActiveIndex = i; - } - }); - - // save new page index, null check to prevent falsey 0 result - this.activeIndex = newActiveIndex !== undefined ? newActiveIndex : this.activeIndex; - - if( back ){ - opts.isBack(); - } else if( forward ){ - opts.isForward(); - } - }, - - //disable hashchange event listener internally to ignore one change - //toggled internally when location.hash is updated to match the url of a successful page load - ignoreNextHashChange: true - }, - - //define first selector to receive focus when a page is shown - focusable = "[tabindex],a,button:visible,select:visible,input", - - //contains role for next page, if defined on clicked link via data-rel - nextPageRole = null, - - //queue to hold simultanious page transitions - pageTransitionQueue = [], - - // indicates whether or not page is in process of transitioning - isPageTransitioning = false, - - //nonsense hash change key for dialogs, so they create a history entry - dialogHashKey = "&ui-state=dialog", - - //existing base tag? - $base = $head.children("base"), - hostURL = location.protocol + '//' + location.host, - docLocation = path.get( hostURL + location.pathname ), - docBase = docLocation; - - if ($base.length){ - var href = $base.attr("href"); - if (href){ - if (href.search(/^[^:\/]+:\/\/[^\/]+\/?/) === -1){ - //the href is not absolute, we need to turn it into one - //so that we can turn paths stored in our location hash into - //relative paths. - if (href.charAt(0) === '/'){ - //site relative url - docBase = hostURL + href; - } - else { - //the href is a document relative url - docBase = docLocation + href; - //XXX: we need some code here to calculate the final path - // just in case the docBase contains up-level (../) references. - } - } - else { - //the href is an absolute url - docBase = href; - } - } - //make sure docBase ends with a slash - docBase = docBase + (docBase.charAt(docBase.length - 1) === '/' ? ' ' : '/'); - } - - //base element management, defined depending on dynamic base tag support - var base = $.support.dynamicBaseTag ? { - - //define base element, for use in routing asset urls that are referenced in Ajax-requested markup - element: ($base.length ? $base : $("", { href: docBase }).prependTo( $head )), - - //set the generated BASE element's href attribute to a new page's base path - set: function( href ){ - base.element.attr('href', docBase + path.get( href )); - }, - - //set the generated BASE element's href attribute to a new page's base path - reset: function(){ - base.element.attr('href', docBase ); - } - - } : undefined; - - - - //set location pathname from intial directory request - path.setOrigin(); - -/* - internal utility functions ---------------------------------------*/ - - - //direct focus to the page title, or otherwise first focusable element - function reFocus( page ){ - var pageTitle = page.find( ".ui-title:eq(0)" ); - if( pageTitle.length ){ - pageTitle.focus(); - } - else{ - page.find( focusable ).eq(0).focus(); - } - } - - //remove active classes after page transition or error - function removeActiveLinkClass( forceRemoval ){ - if( !!$activeClickedLink && (!$activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval )){ - $activeClickedLink.removeClass( $.mobile.activeBtnClass ); - } - $activeClickedLink = null; - } - - //animation complete callback - $.fn.animationComplete = function( callback ){ - if($.support.cssTransitions){ - return $(this).one('webkitAnimationEnd', callback); - } - else{ - // defer execution for consistency between webkit/non webkit - setTimeout(callback, 0); - return $(this); - } - }; - - - -/* exposed $.mobile methods */ - - //update location.hash, with or without triggering hashchange event - //TODO - deprecate this one at 1.0 - $.mobile.updateHash = path.set; - - //expose path object on $.mobile - $.mobile.path = path; - - //expose base object on $.mobile - $.mobile.base = base; - - //url stack, useful when plugins need to be aware of previous pages viewed - //TODO: deprecate this one at 1.0 - $.mobile.urlstack = urlHistory.stack; - - //history stack - $.mobile.urlHistory = urlHistory; - - //enable cross-domain page support - $.mobile.allowCrossDomainPages = false; - - // changepage function - $.mobile.changePage = function( to, transition, reverse, changeHash, fromHashChange ){ - //from is always the currently viewed page - var toIsArray = $.type(to) === "array", - toIsObject = $.type(to) === "object", - from = toIsArray ? to[0] : $.mobile.activePage; - - to = toIsArray ? to[1] : to; - - var url = $.type(to) === "string" ? path.stripHash( to ) : "", - fileUrl = url, - data, - type = 'get', - isFormRequest = false, - duplicateCachedPage = null, - currPage = urlHistory.getActive(), - back = false, - forward = false - pageTitle = document.title; - - - // If we are trying to transition to the same page that we are currently on ignore the request. - // an illegal same page request is defined by the current page being the same as the url, as long as there's history - // and to is not an array or object (those are allowed to be "same") - if( currPage && urlHistory.stack.length > 1 && currPage.url === url && !toIsArray && !toIsObject ) { - return; - } - else if(isPageTransitioning) { - pageTransitionQueue.unshift(arguments); - return; - } - - isPageTransitioning = true; - - // if the changePage was sent from a hashChange event guess if it came from the history menu - // and match the transition accordingly - if( fromHashChange ){ - urlHistory.directHashChange({ - currentUrl: url, - isBack: function(){ - forward = !(back = true); - reverse = true; - transition = transition || currPage.transition; - }, - isForward: function(){ - forward = !(back = false); - transition = transition || urlHistory.getActive().transition; - } - }); - - //TODO forward = !back was breaking for some reason - } - - if( toIsObject && to.url ){ - url = to.url; - data = to.data; - type = to.type; - isFormRequest = true; - //make get requests bookmarkable - if( data && type === 'get' ){ - if($.type( data ) === "object" ){ - data = $.param(data); - } - - url += "?" + data; - data = undefined; - } - } - - //reset base to pathname for new request - if(base){ base.reset(); } - - //kill the keyboard - $( window.document.activeElement ).add( "input:focus, textarea:focus, select:focus" ).blur(); - - function defaultTransition(){ - if(transition === undefined){ - transition = ( nextPageRole && nextPageRole === 'dialog' ) ? 'pop' : $.mobile.defaultTransition; - } - } - - function releasePageTransitionLock(){ - isPageTransitioning = false; - if(pageTransitionQueue.length>0) { - $.mobile.changePage.apply($.mobile, pageTransitionQueue.pop()); - } - } - - //function for transitioning between two existing pages - function transitionPages() { - $.mobile.silentScroll(); - - //get current scroll distance - var currScroll = $window.scrollTop(), - perspectiveTransitions = [ "flip" ], - pageContainerClasses = []; - - //support deep-links to generated sub-pages - if( url.indexOf( "&" + $.mobile.subPageUrlKey ) > -1 ){ - to = $( ":jqmData(url='" + url + "')" ); - } - - if( from ){ - //set as data for returning to that spot - from.jqmData( "lastScroll", currScroll); - //trigger before show/hide events - from.data( "page" )._trigger( "beforehide", null, { nextPage: to } ); - } - to.data( "page" )._trigger( "beforeshow", null, { prevPage: from || $("") } ); - - function loadComplete(){ - - if( changeHash !== false && url ){ - //disable hash listening temporarily - urlHistory.ignoreNextHashChange = false; - //update hash and history - path.set( url ); - } - - //if title element wasn't found, try the page div data attr too - var newPageTitle = to.attr( ":jqmData(title)" ) || to.find(".ui-header .ui-title" ).text(); - if( !!newPageTitle && pageTitle == document.title ){ - pageTitle = newPageTitle; - } - - //add page to history stack if it's not back or forward - if( !back && !forward ){ - urlHistory.addNew( url, transition, pageTitle, to ); - } - - //set page title - document.title = urlHistory.getActive().title; - - removeActiveLinkClass(); - - //jump to top or prev scroll, sometimes on iOS the page has not rendered yet. I could only get by this with a setTimeout, but would like to avoid that. - $.mobile.silentScroll( to.jqmData( "lastScroll" ) ); - - reFocus( to ); - - //trigger show/hide events - if( from ){ - from.data( "page" )._trigger( "hide", null, { nextPage: to } ); - } - //trigger pageshow, define prevPage as either from or empty jQuery obj - to.data( "page" )._trigger( "show", null, { prevPage: from || $("") } ); - - //set "to" as activePage - $.mobile.activePage = to; - - //if there's a duplicateCachedPage, remove it from the DOM now that it's hidden - if (duplicateCachedPage !== null) { - duplicateCachedPage.remove(); - } - - //remove initial build class (only present on first pageshow) - $html.removeClass( "ui-mobile-rendering" ); - - releasePageTransitionLock(); - } - - function addContainerClass(className){ - $.mobile.pageContainer.addClass(className); - pageContainerClasses.push(className); - } - - function removeContainerClasses(){ - $.mobile - .pageContainer - .removeClass(pageContainerClasses.join(" ")); - - pageContainerClasses = []; - } - - if(transition && (transition !== 'none')){ - $.mobile.pageLoading( true ); - if( $.inArray(transition, perspectiveTransitions) >= 0 ){ - addContainerClass('ui-mobile-viewport-perspective'); - } - - addContainerClass('ui-mobile-viewport-transitioning'); - - if( from ){ - from.addClass( transition + " out " + ( reverse ? "reverse" : "" ) ); - } - to.addClass( $.mobile.activePageClass + " " + transition + - " in " + ( reverse ? "reverse" : "" ) ); - - // callback - remove classes, etc - to.animationComplete(function() { - to.add(from).removeClass("out in reverse " + transition ); - if( from ){ - from.removeClass( $.mobile.activePageClass ); - } - loadComplete(); - removeContainerClasses(); - }); - } - else{ - $.mobile.pageLoading( true ); - if( from ){ - from.removeClass( $.mobile.activePageClass ); - } - to.addClass( $.mobile.activePageClass ); - loadComplete(); - } - } - - //shared page enhancements - function enhancePage(){ - - //set next page role, if defined - if ( nextPageRole || to.jqmData('role') === 'dialog' ) { - url = urlHistory.getActive().url + dialogHashKey; - if(nextPageRole){ - to.attr( "data-" + $.mobile.ns + "role", nextPageRole ); - nextPageRole = null; - } - } - - //run page plugin - to.page(); - } - - //if url is a string - if( url ){ - to = $( ":jqmData(url='" + url + "')" ); - fileUrl = path.getFilePath(url); - } - else{ //find base url of element, if avail - var toID = to.attr( "data-" + $.mobile.ns + "url" ), - toIDfileurl = path.getFilePath(toID); - - if(toID !== toIDfileurl){ - fileUrl = toIDfileurl; - } - } - - // ensure a transition has been set where pop is undefined - defaultTransition(); - - // find the "to" page, either locally existing in the dom or by creating it through ajax - if ( to.length && !isFormRequest ) { - if( fileUrl && base ){ - base.set( fileUrl ); - } - enhancePage(); - transitionPages(); - } else { - - //if to exists in DOM, save a reference to it in duplicateCachedPage for removal after page change - if( to.length ){ - duplicateCachedPage = to; - } - - $.mobile.pageLoading(); - - $.ajax({ - url: fileUrl, - type: type, - data: data, - success: function( html ) { - //pre-parse html to check for a data-url, - //use it as the new fileUrl, base path, etc - var all = $("

"), - redirectLoc, - - //page title regexp - newPageTitle = html.match( /]*>([^<]*)/ ) && RegExp.$1, - - // TODO handle dialogs again - pageElemRegex = new RegExp(".*(<[^>]+\\bdata-" + $.mobile.ns + "role=[\"']?page[\"']?[^>]*>).*"), - dataUrlRegex = new RegExp("\\bdata-" + $.mobile.ns + "url=[\"']?([^\"'>]*)[\"']?"); - - - // data-url must be provided for the base tag so resource requests can be directed to the - // correct url. loading into a temprorary element makes these requests immediately - if(pageElemRegex.test(html) && RegExp.$1 && dataUrlRegex.test(RegExp.$1) && RegExp.$1) { - redirectLoc = RegExp.$1; - } - - if( redirectLoc ){ - if(base){ - base.set( redirectLoc ); - } - url = fileUrl = path.getFilePath( redirectLoc ); - } - else { - if(base){ - base.set(fileUrl); - } - } - - //workaround to allow scripts to execute when included in page divs - all.get(0).innerHTML = html; - to = all.find( ":jqmData(role='page'), :jqmData(role='dialog')" ).first(); - - //finally, if it's defined now, set the page title for storage in urlHistory - if( newPageTitle ){ - pageTitle = newPageTitle; - } - - //rewrite src and href attrs to use a base url - if( !$.support.dynamicBaseTag ){ - var newPath = path.get( fileUrl ); - to.find( "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]" ).each(function(){ - var thisAttr = $(this).is('[href]') ? 'href' : 'src', - thisUrl = $(this).attr(thisAttr); - - - //if full path exists and is same, chop it - helps IE out - thisUrl = thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' ); - - if( !/^(\w+:|#|\/)/.test(thisUrl) ){ - $(this).attr(thisAttr, newPath + thisUrl); - } - }); - } - - //append to page and enhance - to - .attr( "data-" + $.mobile.ns + "url", fileUrl ) - .appendTo( $.mobile.pageContainer ); - - enhancePage(); - setTimeout(function() { transitionPages(); }, 0); - }, - error: function() { - - //remove loading message - $.mobile.pageLoading( true ); - - //clear out the active button state - removeActiveLinkClass(true); - - //set base back to current path - if( base ){ - base.set( path.get() ); - } - - //release transition lock so navigation is free again - releasePageTransitionLock(); - - //show error message - $("

"+ $.mobile.pageLoadErrorMessage +"

") - .css({ "display": "block", "opacity": 0.96, "top": $(window).scrollTop() + 100 }) - .appendTo( $.mobile.pageContainer ) - .delay( 800 ) - .fadeOut( 400, function(){ - $(this).remove(); - }); - } - }); - } - - }; - - -/* Event Bindings - hashchange, submit, and click */ - - //bind to form submit events, handle with Ajax - $( "form" ).live('submit', function(event){ - if( !$.mobile.ajaxEnabled || - //TODO: deprecated - remove at 1.0 - !$.mobile.ajaxFormsEnabled || - $(this).is( ":jqmData(ajax='false')" ) ){ return; } - - var type = $(this).attr("method"), - url = path.clean( $(this).attr( "action" ) ), - target = $(this).attr("target"); - - //external submits use regular HTTP - if( path.isExternal( url ) || target ){ - return; - } - - //if it's a relative href, prefix href with base url - if( path.isRelative( url ) ){ - url = path.makeAbsolute( url ); - } - - $.mobile.changePage({ - url: url.length && url || path.get(), - type: type.length && type.toLowerCase() || "get", - data: $(this).serialize() - }, - $(this).jqmData("transition"), - $(this).jqmData("direction"), - true - ); - event.preventDefault(); - }); - - - //temporary fix for allowing 3rd party onclick handlers to still function. - var preventClickDefault = false, stopClickPropagation = false; - - //click routing - direct to HTTP or Ajax, accordingly - $( "a" ).live( "vclick", function(event) { - - var $this = $(this), - - //get href, if defined, otherwise fall to null # - href = $this.attr( "href" ) || "#", - - //cache a check for whether the link had a protocol - //if this is true and the link was same domain, we won't want - //to prefix the url with a base (esp helpful in IE, where every - //url is absolute - hadProtocol = path.hasProtocol( href ), - - //get href, remove same-domain protocol and host - url = path.clean( href ), - - //rel set to external - isRelExternal = $this.is( "[rel='external']" ), - - //rel set to external - isEmbeddedPage = path.isEmbeddedPage( url ), - - // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR - // requests if the document doing the request was loaded via the file:// protocol. - // This is usually to allow the application to "phone home" and fetch app specific - // data. We normally let the browser handle external/cross-domain urls, but if the - // allowCrossDomainPages option is true, we will allow cross-domain http/https - // requests to go through our page loading logic. - isCrossDomainPageLoad = ($.mobile.allowCrossDomainPages && location.protocol === "file:" && url.search(/^https?:/) != -1), - - //check for protocol or rel and its not an embedded page - //TODO overlap in logic from isExternal, rel=external check should be - // moved into more comprehensive isExternalLink - isExternal = (path.isExternal(url) && !isCrossDomainPageLoad) || (isRelExternal && !isEmbeddedPage), - - //if target attr is specified we mimic _blank... for now - hasTarget = $this.is( "[target]" ), - - //if data-ajax attr is set to false, use the default behavior of a link - hasAjaxDisabled = $this.is( ":jqmData(ajax='false')" ); - - //reset our prevDefault value because I'm paranoid. - preventClickDefault = stopClickPropagation = false; - - //if there's a data-rel=back attr, go back in history - if( $this.is( ":jqmData(rel='back')" ) ){ - window.history.back(); - preventClickDefault = stopClickPropagation = true; - return; - } - - //prevent # urls from bubbling - //path.get() is replaced to combat abs url prefixing in IE - if( url.replace(path.get(), "") == "#" ){ - //for links created purely for interaction - ignore - //don't call preventDefault on the event here, vclick - //may have been triggered by a touchend, before any moues - //click event was dispatched and we want to make sure - //3rd party onclick handlers get triggered. If and when - //a mouse click event is generated, our live("click") handler - //will get triggered and do the preventDefault. - preventClickDefault = true; - return; - } - - $activeClickedLink = $this.closest( ".ui-btn" ).addClass( $.mobile.activeBtnClass ); - - if( isExternal || hasAjaxDisabled || hasTarget || !$.mobile.ajaxEnabled || - // TODO: deprecated - remove at 1.0 - !$.mobile.ajaxLinksEnabled ){ - //remove active link class if external (then it won't be there if you come back) - window.setTimeout(function() {removeActiveLinkClass(true);}, 200); - - //use default click handling - return; - } - - //use ajax - var transition = $this.jqmData( "transition" ), - direction = $this.jqmData("direction"), - reverse = (direction && direction === "reverse") || - // deprecated - remove by 1.0 - $this.jqmData( "back" ); - - //this may need to be more specific as we use data-rel more - nextPageRole = $this.attr( "data-" + $.mobile.ns + "rel" ); - - //if it's a relative href, prefix href with base url - if( path.isRelative( url ) && !hadProtocol ){ - url = path.makeAbsolute( url ); - } - - url = path.stripHash( url ); - - $.mobile.changePage( url, transition, reverse); - preventClickDefault = true; - }); - - $( "a" ).live( "click", function(event) { - if (preventClickDefault){ - event.preventDefault(); - preventClickDefault = false; - } - if (stopClickPropagation){ - event.stopPropagation(); - stopClickPropagation = false; - } - }); - - //hashchange event handler - $window.bind( "hashchange", function( e, triggered ) { - //find first page via hash - var to = path.stripHash( location.hash ), - //transition is false if it's the first page, undefined otherwise (and may be overridden by default) - transition = $.mobile.urlHistory.stack.length === 0 ? false : undefined; - - //if listening is disabled (either globally or temporarily), or it's a dialog hash - if( !$.mobile.hashListeningEnabled || !urlHistory.ignoreNextHashChange ){ - if( !urlHistory.ignoreNextHashChange ){ - urlHistory.ignoreNextHashChange = true; - } - - return; - } - - // special case for dialogs - if( urlHistory.stack.length > 1 && - to.indexOf( dialogHashKey ) > -1 ){ - - // If current active page is not a dialog skip the dialog and continue - // in the same direction - if(!$.mobile.activePage.is( ".ui-dialog" )) { - //determine if we're heading forward or backward and continue accordingly past - //the current dialog - urlHistory.directHashChange({ - currentUrl: to, - isBack: function(){ window.history.back(); }, - isForward: function(){ window.history.forward(); } - }); - - // prevent changepage - return; - } else { - var setTo = function(){ to = $.mobile.urlHistory.getActive().page; }; - // if the current active page is a dialog and we're navigating - // to a dialog use the dialog objected saved in the stack - urlHistory.directHashChange({ currentUrl: to, isBack: setTo, isForward: setTo }); - } - } - - //if to is defined, load it - if ( to ){ - $.mobile.changePage( to, transition, undefined, false, true ); - } - //there's no hash, go to the first page in the dom - else { - $.mobile.changePage( $.mobile.firstPage, transition, true, false, true ); - } - }); - -})( jQuery ); -/* -* jQuery Mobile Framework : "fixHeaderFooter" plugin - on-demand positioning for headers,footers -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -*/ -(function($, undefined ) { -$.fn.fixHeaderFooter = function(options){ - if( !$.support.scrollTop ){ return this; } - - return this.each(function(){ - var $this = $(this); - - if( $this.jqmData('fullscreen') ){ $this.addClass('ui-page-fullscreen'); } - $this.find( ".ui-header:jqmData(position='fixed')" ).addClass('ui-header-fixed ui-fixed-inline fade'); //should be slidedown - $this.find( ".ui-footer:jqmData(position='fixed')" ).addClass('ui-footer-fixed ui-fixed-inline fade'); //should be slideup - }); -}; - -//single controller for all showing,hiding,toggling -$.fixedToolbars = (function(){ - if( !$.support.scrollTop ){ return; } - var currentstate = 'inline', - autoHideMode = false, - showDelay = 100, - delayTimer, - ignoreTargets = 'a,input,textarea,select,button,label,.ui-header-fixed,.ui-footer-fixed', - toolbarSelector = '.ui-header-fixed:first, .ui-footer-fixed:not(.ui-footer-duplicate):last', - stickyFooter, //for storing quick references to duplicate footers - supportTouch = $.support.touch, - touchStartEvent = supportTouch ? "touchstart" : "mousedown", - touchStopEvent = supportTouch ? "touchend" : "mouseup", - stateBefore = null, - scrollTriggered = false, - touchToggleEnabled = true; - - function showEventCallback(event) - { - // An event that affects the dimensions of the visual viewport has - // been triggered. If the header and/or footer for the current page are in overlay - // mode, we want to hide them, and then fire off a timer to show them at a later - // point. Events like a resize can be triggered continuously during a scroll, on - // some platforms, so the timer is used to delay the actual positioning until the - // flood of events have subsided. - // - // If we are in autoHideMode, we don't do anything because we know the scroll - // callbacks for the plugin will fire off a show when the scrolling has stopped. - if (!autoHideMode && currentstate == 'overlay') { - if (!delayTimer) - $.fixedToolbars.hide(true); - $.fixedToolbars.startShowTimer(); - } - } - - $(function() { - $(document) - .bind( "vmousedown",function(event){ - if( touchToggleEnabled ) { - stateBefore = currentstate; - } - }) - .bind( "vclick",function(event){ - if( touchToggleEnabled ) { - if( $(event.target).closest(ignoreTargets).length ){ return; } - if( !scrollTriggered ){ - $.fixedToolbars.toggle(stateBefore); - stateBefore = null; - } - } - }) - .bind('scrollstart',function(event){ - scrollTriggered = true; - if(stateBefore == null){ stateBefore = currentstate; } - - // We only enter autoHideMode if the headers/footers are in - // an overlay state or the show timer was started. If the - // show timer is set, clear it so the headers/footers don't - // show up until after we're done scrolling. - var isOverlayState = stateBefore == 'overlay'; - autoHideMode = isOverlayState || !!delayTimer; - if (autoHideMode){ - $.fixedToolbars.clearShowTimer(); - if (isOverlayState) { - $.fixedToolbars.hide(true); - } - } - }) - .bind('scrollstop',function(event){ - if( $(event.target).closest(ignoreTargets).length ){ return; } - scrollTriggered = false; - if (autoHideMode) { - autoHideMode = false; - $.fixedToolbars.startShowTimer(); - } - stateBefore = null; - }) - .bind('silentscroll', showEventCallback); - - $(window).bind('resize', showEventCallback); - }); - - //before page is shown, check for duplicate footer - $('.ui-page').live('pagebeforeshow', function(event, ui){ - var page = $(event.target), - footer = page.find( ":jqmData(role='footer')" ), - id = footer.data('id'), - prevPage = ui.prevPage; - - prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ); - var prevFooterMatches = prevFooter.jqmData( "id" ) === id; - - if( id && prevFooterMatches ){ - stickyFooter = footer; - setTop( stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ) ); - } - }); - - //after page is shown, append footer to new page - $('.ui-page').live('pageshow', function(event, ui){ - var $this = $(this); - - if( stickyFooter && stickyFooter.length ){ - - setTimeout(function(){ - setTop( stickyFooter.appendTo( $this ).addClass("fade") ); - stickyFooter = null; - }, 500); - } - - $.fixedToolbars.show(true, this); - }); - - - // element.getBoundingClientRect() is broken in iOS 3.2.1 on the iPad. The - // coordinates inside of the rect it returns don't have the page scroll position - // factored out of it like the other platforms do. To get around this, - // we'll just calculate the top offset the old fashioned way until core has - // a chance to figure out how to handle this situation. - // - // TODO: We'll need to get rid of getOffsetTop() once a fix gets folded into core. - - function getOffsetTop(ele) - { - var top = 0; - if (ele) - { - var op = ele.offsetParent, body = document.body; - top = ele.offsetTop; - while (ele && ele != body) - { - top += ele.scrollTop || 0; - if (ele == op) - { - top += op.offsetTop; - op = ele.offsetParent; - } - ele = ele.parentNode; - } - } - return top; - } - - function setTop(el){ - var fromTop = $(window).scrollTop(), - thisTop = getOffsetTop(el[0]), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead. - thisCSStop = el.css('top') == 'auto' ? 0 : parseFloat(el.css('top')), - screenHeight = window.innerHeight, - thisHeight = el.outerHeight(), - useRelative = el.parents('.ui-page:not(.ui-page-fullscreen)').length, - relval; - if( el.is('.ui-header-fixed') ){ - relval = fromTop - thisTop + thisCSStop; - if( relval < thisTop){ relval = 0; } - return el.css('top', ( useRelative ) ? relval : fromTop); - } - else{ - //relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight); - //if( relval > thisTop ){ relval = 0; } - relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop); - return el.css('top', ( useRelative ) ? relval : fromTop + screenHeight - thisHeight ); - } - } - - //exposed methods - return { - show: function(immediately, page){ - $.fixedToolbars.clearShowTimer(); - currentstate = 'overlay'; - var $ap = page ? $(page) : ($.mobile.activePage ? $.mobile.activePage : $(".ui-page-active")); - return $ap.children( toolbarSelector ).each(function(){ - var el = $(this), - fromTop = $(window).scrollTop(), - thisTop = getOffsetTop(el[0]), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead. - screenHeight = window.innerHeight, - thisHeight = el.outerHeight(), - alreadyVisible = (el.is('.ui-header-fixed') && fromTop <= thisTop + thisHeight) || (el.is('.ui-footer-fixed') && thisTop <= fromTop + screenHeight); - - //add state class - el.addClass('ui-fixed-overlay').removeClass('ui-fixed-inline'); - - if( !alreadyVisible && !immediately ){ - el.animationComplete(function(){ - el.removeClass('in'); - }).addClass('in'); - } - setTop(el); - }); - }, - hide: function(immediately){ - currentstate = 'inline'; - var $ap = $.mobile.activePage ? $.mobile.activePage : $(".ui-page-active"); - return $ap.children( toolbarSelector ).each(function(){ - var el = $(this); - - var thisCSStop = el.css('top'); thisCSStop = thisCSStop == 'auto' ? 0 : parseFloat(thisCSStop); - - //add state class - el.addClass('ui-fixed-inline').removeClass('ui-fixed-overlay'); - - if (thisCSStop < 0 || (el.is('.ui-header-fixed') && thisCSStop != 0)) - { - if(immediately){ - el.css('top',0); - } - else{ - if( el.css('top') !== 'auto' && parseFloat(el.css('top')) !== 0 ){ - var classes = 'out reverse'; - el.animationComplete(function(){ - el.removeClass(classes); - el.css('top',0); - }).addClass(classes); - } - } - } - }); - }, - startShowTimer: function(){ - $.fixedToolbars.clearShowTimer(); - var args = $.makeArray(arguments); - delayTimer = setTimeout(function(){ - delayTimer = undefined; - $.fixedToolbars.show.apply(null, args); - }, showDelay); - }, - clearShowTimer: function() { - if (delayTimer) { - clearTimeout(delayTimer); - } - delayTimer = undefined; - }, - toggle: function(from){ - if(from){ currentstate = from; } - return (currentstate == 'overlay') ? $.fixedToolbars.hide() : $.fixedToolbars.show(); - }, - setTouchToggleEnabled: function(enabled) { - touchToggleEnabled = enabled; - } - }; -})(); - -})(jQuery); -/* -* jQuery Mobile Framework : "checkboxradio" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -*/ -(function($, undefined ) { -$.widget( "mobile.checkboxradio", $.mobile.widget, { - options: { - theme: null - }, - _create: function(){ - var self = this, - input = this.element, - //NOTE: Windows Phone could not find the label through a selector - //filter works though. - label = input.closest("form,fieldset,:jqmData(role='page')").find("label").filter("[for=" + input[0].id + "]"), - inputtype = input.attr( "type" ), - checkedicon = "ui-icon-" + inputtype + "-on", - uncheckedicon = "ui-icon-" + inputtype + "-off"; - - if ( inputtype != "checkbox" && inputtype != "radio" ) { return; } - - //expose for other methods - $.extend( this,{ - label : label, - inputtype : inputtype, - checkedicon : checkedicon, - uncheckedicon : uncheckedicon - }); - - // If there's no selected theme... - if( !this.options.theme ) { - this.options.theme = this.element.jqmData( "theme" ); - } - - label - .buttonMarkup({ - theme: this.options.theme, - icon: this.element.parents( ":jqmData(type='horizontal')" ).length ? undefined : uncheckedicon, - shadow: false - }); - - // wrap the input + label in a div - input - .add( label ) - .wrapAll( "

" ); - - label.bind({ - vmouseover: function() { - if( $(this).parent().is('.ui-disabled') ){ return false; } - }, - - vclick: function( event ){ - if ( input.is( ":disabled" ) ){ - event.preventDefault(); - return; - } - - self._cacheVals(); - input.attr( "checked", inputtype === "radio" && true || !input.is( ":checked" ) ); - self._updateAll(); - return false; - } - - }); - - input - .bind({ - vmousedown: function(){ - this._cacheVals(); - }, - - vclick: function(){ - self._updateAll(); - }, - - focus: function() { - label.addClass( "ui-focus" ); - }, - - blur: function() { - label.removeClass( "ui-focus" ); - } - }); - - this.refresh(); - - }, - - _cacheVals: function(){ - this._getInputSet().each(function(){ - $(this).jqmData("cacheVal", $(this).is(":checked") ); - }); - }, - - //returns either a set of radios with the same name attribute, or a single checkbox - _getInputSet: function(){ - return this.element.closest( "form,fieldset,:jqmData(role='page')" ) - .find( "input[name='"+ this.element.attr( "name" ) +"'][type='"+ this.inputtype +"']" ); - }, - - _updateAll: function(){ - this._getInputSet().each(function(){ - if( $(this).is(":checked") || this.inputtype === "checkbox" ){ - $(this).trigger("change"); - } - }) - .checkboxradio( "refresh" ); - }, - - refresh: function( ){ - var input = this.element, - label = this.label, - icon = label.find( ".ui-icon" ); - - if ( input[0].checked ) { - label.addClass( $.mobile.activeBtnClass ); - icon.addClass( this.checkedicon ).removeClass( this.uncheckedicon ); - - } else { - label.removeClass( $.mobile.activeBtnClass ); - icon.removeClass( this.checkedicon ).addClass( this.uncheckedicon ); - } - - if( input.is( ":disabled" ) ){ - this.disable(); - } - else { - this.enable(); - } - }, - - disable: function(){ - this.element.attr("disabled",true).parent().addClass("ui-disabled"); - }, - - enable: function(){ - this.element.attr("disabled",false).parent().removeClass("ui-disabled"); - } -}); -})( jQuery ); -/* -* jQuery Mobile Framework : "textinput" plugin for text inputs, textareas -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -*/ -(function($, undefined ) { -$.widget( "mobile.textinput", $.mobile.widget, { - options: { - theme: null - }, - _create: function(){ - var input = this.element, - o = this.options, - theme = o.theme, - themeclass; - - if ( !theme ) { - var themedParent = this.element.closest("[class*='ui-bar-'],[class*='ui-body-']"); - theme = themedParent.length ? - /ui-(bar|body)-([a-z])/.exec( themedParent.attr("class") )[2] : - "c"; - } - - themeclass = " ui-body-" + theme; - - $('label[for='+input.attr('id')+']').addClass('ui-input-text'); - - input.addClass('ui-input-text ui-body-'+ o.theme); - - var focusedEl = input; - - //"search" input widget - if( input.is( "[type='search'],:jqmData(type='search')" ) ){ - focusedEl = input.wrap('

').parent(); - var clearbtn = $('clear text') - .tap(function( e ){ - input.val('').focus(); - input.trigger('change'); - clearbtn.addClass('ui-input-clear-hidden'); - e.preventDefault(); - }) - .appendTo(focusedEl) - .buttonMarkup({icon: 'delete', iconpos: 'notext', corners:true, shadow:true}); - - function toggleClear(){ - if(input.val() == ''){ - clearbtn.addClass('ui-input-clear-hidden'); - } - else{ - clearbtn.removeClass('ui-input-clear-hidden'); - } - } - - toggleClear(); - input.keyup(toggleClear); - } - else{ - input.addClass('ui-corner-all ui-shadow-inset' + themeclass); - } - - input - .focus(function(){ - focusedEl.addClass('ui-focus'); - }) - .blur(function(){ - focusedEl.removeClass('ui-focus'); - }); - - //autogrow - if ( input.is('textarea') ) { - var extraLineHeight = 15, - keyupTimeoutBuffer = 100, - keyup = function() { - var scrollHeight = input[0].scrollHeight, - clientHeight = input[0].clientHeight; - if ( clientHeight < scrollHeight ) { - input.css({ height: (scrollHeight + extraLineHeight) }); - } - }, - keyupTimeout; - input.keyup(function() { - clearTimeout( keyupTimeout ); - keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer ); - }); - } - }, - - disable: function(){ - ( this.element.attr("disabled",true).is( "[type='search'],:jqmData(type='search')" ) ? this.element.parent() : this.element ).addClass("ui-disabled"); - }, - - enable: function(){ - ( this.element.attr("disabled", false).is( "[type='search'],:jqmData(type='search')" ) ? this.element.parent() : this.element ).removeClass("ui-disabled"); - } -}); -})( jQuery ); -/* -* jQuery Mobile Framework : "selectmenu" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -*/ -(function($, undefined ) { -$.widget( "mobile.selectmenu", $.mobile.widget, { - options: { - theme: null, - disabled: false, - icon: 'arrow-d', - iconpos: 'right', - inline: null, - corners: true, - shadow: true, - iconshadow: true, - menuPageTheme: 'b', - overlayTheme: 'a', - hidePlaceholderMenuItems: true, - closeText: 'Close', - nativeMenu: true - }, - _create: function(){ - - var self = this, - - o = this.options, - - select = this.element - .wrap( "

" ), - - selectID = select.attr( "id" ), - - label = $( "label[for="+ selectID +"]" ).addClass( "ui-select" ), - - //IE throws an exception at options.item() function when - //there is no selected item - //select first in this case - selectedIndex = select[0].selectedIndex == -1 ? 0 : select[0].selectedIndex, - - button = ( self.options.nativeMenu ? $( "

" ) : $( "", { - "href": "#", - "role": "button", - "id": buttonId, - "aria-haspopup": "true", - "aria-owns": menuId - }) ) - .text( $( select[0].options.item( selectedIndex ) ).text() ) - .insertBefore( select ) - .buttonMarkup({ - theme: o.theme, - icon: o.icon, - iconpos: o.iconpos, - inline: o.inline, - corners: o.corners, - shadow: o.shadow, - iconshadow: o.iconshadow - }), - - //multi select or not - isMultiple = self.isMultiple = select[0].multiple; - - //Opera does not properly support opacity on select elements - //In Mini, it hides the element, but not its text - //On the desktop,it seems to do the opposite - //for these reasons, using the nativeMenu option results in a full native select in Opera - if( o.nativeMenu && window.opera && window.opera.version ){ - select.addClass( "ui-select-nativeonly" ); - } - - //vars for non-native menus - if( !o.nativeMenu ){ - var options = select.find("option"), - - buttonId = selectID + "-button", - - menuId = selectID + "-menu", - - thisPage = select.closest( ".ui-page" ), - - //button theme - theme = /ui-btn-up-([a-z])/.exec( button.attr("class") )[1], - - menuPage = $( "

" + - "

" + label.text() + "

"+ - "

" ) - .appendTo( $.mobile.pageContainer ) - .page(), - - menuPageContent = menuPage.find( ".ui-content" ), - - menuPageClose = menuPage.find( ".ui-header a" ), - - screen = $( "

", {"class": "ui-selectmenu-screen ui-screen-hidden"}) - .appendTo( thisPage ), - - listbox = $( "

", { "class": "ui-selectmenu ui-selectmenu-hidden ui-overlay-shadow ui-corner-all pop ui-body-" + o.overlayTheme } ) - .insertAfter(screen), - - list = $( "

", { - "class": "ui-selectmenu-list", - "id": menuId, - "role": "listbox", - "aria-labelledby": buttonId - }) - .attr( "data-" + $.mobile.ns + "theme", theme ) - .appendTo( listbox ), - - header = $( "

", { - "class": "ui-header ui-bar-" + theme - }) - .prependTo( listbox ), - - headerTitle = $( "

", { - "class": "ui-title" - }) - .appendTo( header ), - - headerClose = $( "", { - "text": o.closeText, - "href": "#", - "class": "ui-btn-left" - }) - .attr( "data-" + $.mobile.ns + "iconpos", "notext" ) - .attr( "data-" + $.mobile.ns + "icon", "delete" ) - .appendTo( header ) - .buttonMarkup(), - - menuType; - } //end non native vars - - // add counter for multi selects - if( isMultiple ){ - self.buttonCount = $('') - .addClass( 'ui-li-count ui-btn-up-c ui-btn-corner-all' ) - .hide() - .appendTo( button ); - } - - //disable if specified - if( o.disabled ){ this.disable(); } - - //events on native select - select - .change(function(){ - self.refresh(); - }); - - //expose to other methods - $.extend(self, { - select: select, - optionElems: options, - selectID: selectID, - label: label, - buttonId:buttonId, - menuId:menuId, - thisPage:thisPage, - button:button, - menuPage:menuPage, - menuPageContent:menuPageContent, - screen:screen, - listbox:listbox, - list:list, - menuType:menuType, - header:header, - headerClose:headerClose, - headerTitle:headerTitle, - placeholder: '' - }); - - //support for using the native select menu with a custom button - if( o.nativeMenu ){ - - select - .appendTo(button) - .bind( "vmousedown", function( e ){ - //add active class to button - button.addClass( $.mobile.activeBtnClass ); - }) - .bind( "focus vmouseover", function(){ - button.trigger( "vmouseover" ); - }) - .bind( "vmousemove", function(){ - //remove active class on scroll/touchmove - button.removeClass( $.mobile.activeBtnClass ); - }) - .bind( "change blur vmouseout", function(){ - button - .trigger( "vmouseout" ) - .removeClass( $.mobile.activeBtnClass ); - }); - - - } else { - - //create list from select, update state - self.refresh(); - - select - .attr( "tabindex", "-1" ) - .focus(function(){ - $(this).blur(); - button.focus(); - }); - - //button events - button - .bind( "vclick keydown" , function( event ){ - if( event.type == "vclick" || - event.keyCode && ( event.keyCode === $.mobile.keyCode.ENTER || event.keyCode === $.mobile.keyCode.SPACE ) ){ - self.open(); - event.preventDefault(); - } - }); - - //events for list items - list - .attr( "role", "listbox" ) - .delegate( ".ui-li>a", "focusin", function() { - $( this ).attr( "tabindex", "0" ); - }) - .delegate( ".ui-li>a", "focusout", function() { - $( this ).attr( "tabindex", "-1" ); - }) - .delegate("li:not(.ui-disabled, .ui-li-divider)", "vclick", function(event){ - - // index of option tag to be selected - var oldIndex = select[0].selectedIndex, - newIndex = list.find( "li:not(.ui-li-divider)" ).index( this ), - option = self.optionElems.eq( newIndex )[0]; - - // toggle selected status on the tag for multi selects - option.selected = isMultiple ? !option.selected : true; - - // toggle checkbox class for multiple selects - if( isMultiple ){ - $(this) - .find('.ui-icon') - .toggleClass('ui-icon-checkbox-on', option.selected) - .toggleClass('ui-icon-checkbox-off', !option.selected); - } - - // trigger change if value changed - if( oldIndex !== newIndex ){ - select.trigger( "change" ); - } - - //hide custom select for single selects only - if( !isMultiple ){ - self.close(); - } - - event.preventDefault(); - }) - //keyboard events for menu items - .keydown(function( e ) { - var target = $( e.target ), - li = target.closest( "li" ); - - // switch logic based on which key was pressed - switch ( e.keyCode ) { - // up or left arrow keys - case 38: - var prev = li.prev(); - - // if there's a previous option, focus it - if ( prev.length ) { - target - .blur() - .attr( "tabindex", "-1" ); - - prev.find( "a" ).first().focus(); - } - - return false; - break; - - // down or right arrow keys - case 40: - var next = li.next(); - - // if there's a next option, focus it - if ( next.length ) { - target - .blur() - .attr( "tabindex", "-1" ); - - next.find( "a" ).first().focus(); - } - - return false; - break; - - // if enter or space is pressed, trigger click - case 13: - case 32: - target.trigger( "vclick" ); - - return false; - break; - } - }); - - //events on "screen" overlay - screen.bind("vclick", function( event ){ - self.close(); - }); - - //close button on small overlays - self.headerClose.click(function(){ - if( self.menuType == "overlay" ){ - self.close(); - return false; - } - }) - } - }, - - _buildList: function(){ - var self = this, - o = this.options, - placeholder = this.placeholder, - optgroups = [], - lis = [], - dataIcon = self.isMultiple ? "checkbox-off" : "false"; - - self.list.empty().filter('.ui-listview').listview('destroy'); - - //populate menu with options from select element - self.select.find( "option" ).each(function( i ){ - var $this = $(this), - $parent = $this.parent(), - text = $this.text(), - anchor = ""+ text +"", - classes = [], - extraAttrs = []; - - // are we inside an optgroup? - if( $parent.is("optgroup") ){ - var optLabel = $parent.attr("label"); - - // has this optgroup already been built yet? - if( $.inArray(optLabel, optgroups) === -1 ){ - lis.push( "
"+ optLabel +"
" ); - optgroups.push( optLabel ); - } - } - - //find placeholder text - if( !this.getAttribute('value') || text.length == 0 || $this.jqmData('placeholder') ){ - if( o.hidePlaceholderMenuItems ){ - classes.push( "ui-selectmenu-placeholder" ); - } - placeholder = self.placeholder = text; - } - - // support disabled option tags - if( this.disabled ){ - classes.push( "ui-disabled" ); - extraAttrs.push( "aria-disabled='true'" ); - } - - lis.push( "
"+ anchor +"
" ) - }); - - self.list.html( lis.join(" ") ); - - self.list.find( "li" ) - .attr({ "role": "option", "tabindex": "-1" }) - .first().attr( "tabindex", "0" ); - - // hide header close link for single selects - if( !this.isMultiple ){ - this.headerClose.hide(); - } - - // hide header if it's not a multiselect and there's no placeholder - if( !this.isMultiple && !placeholder.length ){ - this.header.hide(); - } else { - this.headerTitle.text( this.placeholder ); - } - - //now populated, create listview - self.list.listview(); - }, - - refresh: function( forceRebuild ){ - var self = this, - select = this.element, - isMultiple = this.isMultiple, - options = this.optionElems = select.find("option"), - selected = options.filter(":selected"), - - // return an array of all selected index's - indicies = selected.map(function(){ - return options.index( this ); - }).get(); - - if( !self.options.nativeMenu && ( forceRebuild || select[0].options.length != self.list.find('li').length )){ - self._buildList(); - } - - self.button - .find( ".ui-btn-text" ) - .text(function(){ - if( !isMultiple ){ - return selected.text(); - } - - return selected.length ? - selected.map(function(){ return $(this).text(); }).get().join(', ') : - self.placeholder; - }); - - // multiple count inside button - if( isMultiple ){ - self.buttonCount[ selected.length > 1 ? 'show' : 'hide' ]().text( selected.length ); - } - - if( !self.options.nativeMenu ){ - self.list - .find( 'li:not(.ui-li-divider)' ) - .removeClass( $.mobile.activeBtnClass ) - .attr( 'aria-selected', false ) - .each(function( i ){ - if( $.inArray(i, indicies) > -1 ){ - var item = $(this).addClass( $.mobile.activeBtnClass ); - - // aria selected attr - item.find( 'a' ).attr( 'aria-selected', true ); - - // multiple selects: add the "on" checkbox state to the icon - if( isMultiple ){ - item.find('.ui-icon').removeClass('ui-icon-checkbox-off').addClass('ui-icon-checkbox-on'); - } - } - }); - } - }, - - open: function(){ - if( this.options.disabled || this.options.nativeMenu ){ return; } - - var self = this, - menuHeight = self.list.parent().outerHeight(), - menuWidth = self.list.parent().outerWidth(), - scrollTop = $(window).scrollTop(), - btnOffset = self.button.offset().top, - screenHeight = window.innerHeight, - screenWidth = window.innerWidth; - - //add active class to button - self.button.addClass( $.mobile.activeBtnClass ); - - //remove after delay - setTimeout(function(){ - self.button.removeClass( $.mobile.activeBtnClass ); - }, 300); - - function focusMenuItem(){ - self.list.find( ".ui-btn-active" ).focus(); - } - - if( menuHeight > screenHeight - 80 || !$.support.scrollTop ){ - - //for webos (set lastscroll using button offset) - if( scrollTop == 0 && btnOffset > screenHeight ){ - self.thisPage.one('pagehide',function(){ - $(this).jqmData('lastScroll', btnOffset); - }); - } - - self.menuPage.one('pageshow', function() { - // silentScroll() is called whenever a page is shown to restore - // any previous scroll position the page may have had. We need to - // wait for the "silentscroll" event before setting focus to avoid - // the browser's "feature" which offsets rendering to make sure - // whatever has focus is in view. - $(window).one("silentscroll", function(){ focusMenuItem(); }); - }); - - self.menuType = "page"; - self.menuPageContent.append( self.list ); - $.mobile.changePage(self.menuPage, 'pop', false, true); - } - else { - self.menuType = "overlay"; - - self.screen - .height( $(document).height() ) - .removeClass('ui-screen-hidden'); - - //try and center the overlay over the button - var roomtop = btnOffset - scrollTop, - roombot = scrollTop + screenHeight - btnOffset, - halfheight = menuHeight / 2, - maxwidth = parseFloat(self.list.parent().css('max-width')), - newtop, newleft; - - if( roomtop > menuHeight / 2 && roombot > menuHeight / 2 ){ - newtop = btnOffset + ( self.button.outerHeight() / 2 ) - halfheight; - } - else{ - //30px tolerance off the edges - newtop = roomtop > roombot ? scrollTop + screenHeight - menuHeight - 30 : scrollTop + 30; - } - - // if the menuwidth is smaller than the screen center is - if (menuWidth < maxwidth) { - newleft = (screenWidth - menuWidth) / 2; - } else { //otherwise insure a >= 30px offset from the left - newleft = self.button.offset().left + self.button.outerWidth() / 2 - menuWidth / 2; - // 30px tolerance off the edges - if (newleft < 30) { - newleft = 30; - } else if ((newleft + menuWidth) > screenWidth) { - newleft = screenWidth - menuWidth - 30; - } - } - - self.listbox - .append( self.list ) - .removeClass( "ui-selectmenu-hidden" ) - .css({ - top: newtop, - left: newleft - }) - .addClass("in"); - - focusMenuItem(); - } - - // wait before the dialog can be closed - setTimeout(function(){ - self.isOpen = true; - }, 400); - }, - - close: function(){ - if( this.options.disabled || !this.isOpen || this.options.nativeMenu ){ return; } - var self = this; - - function focusButton(){ - setTimeout(function(){ - self.button.focus(); - }, 40); - - self.listbox.removeAttr('style').append( self.list ); - } - - if(self.menuType == "page"){ - $.mobile.changePage([self.menuPage,self.thisPage], 'pop', true, false); - self.menuPage.one("pagehide", focusButton); - } - else{ - self.screen.addClass( "ui-screen-hidden" ); - self.listbox.addClass( "ui-selectmenu-hidden" ).removeAttr( "style" ).removeClass("in"); - focusButton(); - } - - // allow the dialog to be closed again - this.isOpen = false; - }, - - disable: function(){ - this.element.attr("disabled",true); - this.button.addClass('ui-disabled').attr("aria-disabled", true); - return this._setOption( "disabled", true ); - }, - - enable: function(){ - this.element.attr("disabled",false); - this.button.removeClass('ui-disabled').attr("aria-disabled", false); - return this._setOption( "disabled", false ); - } -}); -})( jQuery ); - -/* -* jQuery Mobile Framework : plugin for making button-like links -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { - -$.fn.buttonMarkup = function( options ){ - return this.each( function() { - var el = $( this ), - o = $.extend( {}, $.fn.buttonMarkup.defaults, el.jqmData(), options), - - // Classes Defined - buttonClass, - innerClass = "ui-btn-inner", - iconClass; - - if ( attachEvents ) { - attachEvents(); - } - - // if not, try to find closest theme container - if ( !o.theme ) { - var themedParent = el.closest("[class='ui-bar-'],[class='ui-body-']"); - o.theme = themedParent.length ? - /ui-(bar|body)-([a-z])/.exec( themedParent.attr("class") )[2] : - "c"; - } - - buttonClass = "ui-btn ui-btn-up-" + o.theme; - - if ( o.inline ) { - buttonClass += " ui-btn-inline"; - } - - if ( o.icon ) { - o.icon = "ui-icon-" + o.icon; - o.iconpos = o.iconpos || "left"; - - iconClass = "ui-icon " + o.icon; - - if ( o.shadow ) { - iconClass += " ui-icon-shadow"; - } - } - - if ( o.iconpos ) { - buttonClass += " ui-btn-icon-" + o.iconpos; - - if ( o.iconpos == "notext" && !el.attr("title") ) { - el.attr( "title", el.text() ); - } - } - - if ( o.corners ) { - buttonClass += " ui-btn-corner-all"; - innerClass += " ui-btn-corner-all"; - } - - if ( o.shadow ) { - buttonClass += " ui-shadow"; - } - - el - .attr( "data-" + $.mobile.ns + "theme", o.theme ) - .addClass( buttonClass ); - - var wrap = ("" + - ( o.icon ? "" : "" ) + - "").replace(/D/g, o.wrapperEls); - - el.wrapInner( wrap ); - }); -}; - -$.fn.buttonMarkup.defaults = { - corners: true, - shadow: true, - iconshadow: true, - wrapperEls: "span" -}; - -var attachEvents = function() { - $(".ui-btn:not(.ui-disabled)").live({ - "vmousedown": function() { - var theme = $(this).attr( "data-" + $.mobile.ns + "theme" ); - $(this).removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme ); - }, - "vmousecancel vmouseup": function() { - var theme = $(this).attr( "data-" + $.mobile.ns + "theme" ); - $(this).removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme ); - }, - "vmouseover focus": function() { - var theme = $(this).attr( "data-" + $.mobile.ns + "theme" ); - $(this).removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme ); - }, - "vmouseout blur": function() { - var theme = $(this).attr( "data-" + $.mobile.ns + "theme" ); - $(this).removeClass( "ui-btn-hover-" + theme ).addClass( "ui-btn-up-" + theme ); - } - }); - - attachEvents = null; -}; - -})(jQuery); -/ -* jQuery Mobile Framework : "button" plugin - links that proxy to native input/buttons -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.widget( "mobile.button", $.mobile.widget, { - options: { - theme: null, - icon: null, - iconpos: null, - inline: null, - corners: true, - shadow: true, - iconshadow: true - }, - _create: function(){ - var $el = this.element, - o = this.options; - - //add ARIA role - this.button = $( "
" ) - .text( $el.text() || $el.val() ) - .buttonMarkup({ - theme: o.theme, - icon: o.icon, - iconpos: o.iconpos, - inline: o.inline, - corners: o.corners, - shadow: o.shadow, - iconshadow: o.iconshadow - }) - .insertBefore( $el ) - .append( $el.addClass('ui-btn-hidden') ); - - //add hidden input during submit - var type = $el.attr('type'); - if( type !== 'button' && type !== 'reset' ){ - $el.bind("vclick", function(){ - var $buttonPlaceholder = $("", - {type: "hidden", name: $el.attr("name"), value: $el.attr("value")}) - .insertBefore($el); - - //bind to doc to remove after submit handling - $(document).submit(function(){ - $buttonPlaceholder.remove(); - }); - }); - } - this.refresh(); - - }, - - enable: function(){ - this.element.attr("disabled", false); - this.button.removeClass("ui-disabled").attr("aria-disabled", false); - return this._setOption("disabled", false); - }, - - disable: function(){ - this.element.attr("disabled", true); - this.button.addClass("ui-disabled").attr("aria-disabled", true); - return this._setOption("disabled", true); - }, - - refresh: function(){ - if( this.element.attr('disabled') ){ - this.disable(); - } - else{ - this.enable(); - } - } -}); -})( jQuery );/ -* jQuery Mobile Framework : "slider" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.widget( "mobile.slider", $.mobile.widget, { - options: { - theme: null, - trackTheme: null, - disabled: false - }, - _create: function(){ - var self = this, - - control = this.element, - - parentTheme = control.parents('[class=ui-bar-],[class=ui-body-]').eq(0), - - parentTheme = parentTheme.length ? parentTheme.attr('class').match(/ui-(bar|body)-([a-z])/)[2] : 'c', - - theme = this.options.theme ? this.options.theme : parentTheme, - - trackTheme = this.options.trackTheme ? this.options.trackTheme : parentTheme, - - cType = control[0].nodeName.toLowerCase(), - selectClass = (cType == 'select') ? 'ui-slider-switch' : '', - controlID = control.attr('id'), - labelID = controlID + '-label', - label = $('[for='+ controlID +']').attr('id',labelID), - val = function(){ - return (cType == 'input') ? parseFloat(control.val()) : control[0].selectedIndex; - }, - min = (cType == 'input') ? parseFloat(control.attr('min')) : 0, - max = (cType == 'input') ? parseFloat(control.attr('max')) : control.find('option').length-1, - step = window.parseFloat(control.attr('step') || 1), - slider = $('
'), - handle = $('') - .appendTo(slider) - .buttonMarkup({corners: true, theme: theme, shadow: true}) - .attr({ - 'role': 'slider', - 'aria-valuemin': min, - 'aria-valuemax': max, - 'aria-valuenow': val(), - 'aria-valuetext': val(), - 'title': val(), - 'aria-labelledby': labelID - }); - - $.extend(this, { - slider: slider, - handle: handle, - dragging: false, - beforeStart: null - }); - - if(cType == 'select'){ - slider.wrapInner('
'); - var options = control.find('option'); - - control.find('option').each(function(i){ - var side = (i==0) ?'b':'a', - corners = (i==0) ? 'right' :'left', - theme = (i==0) ? ' ui-btn-down-' + trackTheme :' ui-btn-active'; - $('
').prependTo(slider); - $(''+$(this).text()+'').prependTo(handle); - }); - - } - - label.addClass('ui-slider'); - - // monitor the input for updated values - control - .addClass((cType == 'input') ? 'ui-slider-input' : 'ui-slider-switch') - .change(function(){ - self.refresh( val(), true ); - }) - .keyup(function(){ // necessary? - self.refresh( val(), true, true ); - }) - .blur(function(){ - self.refresh( val(), true ); - }); - - // prevent screen drag when slider activated - $(document).bind( "vmousemove", function(event){ - if ( self.dragging ) { - self.refresh( event ); - return false; - } - }); - - slider - .bind( "vmousedown", function(event){ - self.dragging = true; - if ( cType === "select" ) { - self.beforeStart = control[0].selectedIndex; - } - self.refresh( event ); - return false; - }); - - slider - .add(document) - .bind( "vmouseup", function(){ - if ( self.dragging ) { - self.dragging = false; - if ( cType === "select" ) { - if ( self.beforeStart === control[0].selectedIndex ) { - //tap occurred, but value didn't change. flip it! - self.refresh( self.beforeStart === 0 ? 1 : 0 ); - } - var curval = val(); - var snapped = Math.round( curval / (max - min) 100 ); - handle - .addClass("ui-slider-handle-snapping") - .css("left", snapped + "%") - .animationComplete(function(){ - handle.removeClass("ui-slider-handle-snapping"); - }); - } - return false; - } - }); - - slider.insertAfter(control); - - // NOTE force focus on handle - this.handle - .bind( "vmousedown", function(){ - $(this).focus(); - }); - - this.handle - .bind( "keydown", function( event ) { - var index = val(); - - if ( self.options.disabled ) { - return; - } - - // In all cases prevent the default and mark the handle as active - switch ( event.keyCode ) { - case $.mobile.keyCode.HOME: - case $.mobile.keyCode.END: - case $.mobile.keyCode.PAGE_UP: - case $.mobile.keyCode.PAGE_DOWN: - case $.mobile.keyCode.UP: - case $.mobile.keyCode.RIGHT: - case $.mobile.keyCode.DOWN: - case $.mobile.keyCode.LEFT: - event.preventDefault(); - - if ( !self._keySliding ) { - self._keySliding = true; - $( this ).addClass( "ui-state-active" ); - } - break; - } - - // move the slider according to the keypress - switch ( event.keyCode ) { - case $.mobile.keyCode.HOME: - self.refresh(min); - break; - case $.mobile.keyCode.END: - self.refresh(max); - break; - case $.mobile.keyCode.PAGE_UP: - case $.mobile.keyCode.UP: - case $.mobile.keyCode.RIGHT: - self.refresh(index + step); - break; - case $.mobile.keyCode.PAGE_DOWN: - case $.mobile.keyCode.DOWN: - case $.mobile.keyCode.LEFT: - self.refresh(index - step); - break; - } - }) // remove active mark - .keyup(function( event ) { - if ( self._keySliding ) { - self._keySliding = false; - $( this ).removeClass( "ui-state-active" ); - } - }); - - this.refresh(); - }, - - refresh: function(val, isfromControl, preventInputUpdate){ - if ( this.options.disabled ) { return; } - - var control = this.element, percent, - cType = control[0].nodeName.toLowerCase(), - min = (cType === "input") ? parseFloat(control.attr("min")) : 0, - max = (cType === "input") ? parseFloat(control.attr("max")) : control.find("option").length - 1; - - if ( typeof val === "object" ) { - var data = val, - // a slight tolerance helped get to the ends of the slider - tol = 8; - if ( !this.dragging - || data.pageX < this.slider.offset().left - tol - || data.pageX > this.slider.offset().left + this.slider.width() + tol ) { - return; - } - percent = Math.round( ((data.pageX - this.slider.offset().left) / this.slider.width() ) * 100 ); - } else { - if ( val == null ) { - val = (cType === "input") ? parseFloat(control.val()) : control[0].selectedIndex; - } - percent = (parseFloat(val) - min) / (max - min) * 100; - } - - if ( isNaN(percent) ) { return; } - if ( percent < 0 ) { percent = 0; } - if ( percent > 100 ) { percent = 100; } - - var newval = Math.round( (percent / 100) * (max - min) ) + min; - if ( newval < min ) { newval = min; } - if ( newval > max ) { newval = max; } - - //flip the stack of the bg colors - if ( percent > 60 && cType === "select" ) { - - } - this.handle.css("left", percent + "%"); - this.handle.attr({ - "aria-valuenow": (cType === "input") ? newval : control.find("option").eq(newval).attr("value"), - "aria-valuetext": (cType === "input") ? newval : control.find("option").eq(newval).text(), - title: newval - }); - - // add/remove classes for flip toggle switch - if ( cType === "select" ) { - if ( newval === 0 ) { - this.slider.addClass("ui-slider-switch-a") - .removeClass("ui-slider-switch-b"); - } else { - this.slider.addClass("ui-slider-switch-b") - .removeClass("ui-slider-switch-a"); - } - } - - if(!preventInputUpdate){ - // update control's value - if ( cType === "input" ) { - control.val(newval); - } else { - control[ 0 ].selectedIndex = newval; - } - if (!isfromControl) { control.trigger("change"); } - } - }, - - enable: function(){ - this.element.attr("disabled", false); - this.slider.removeClass("ui-disabled").attr("aria-disabled", false); - return this._setOption("disabled", false); - }, - - disable: function(){ - this.element.attr("disabled", true); - this.slider.addClass("ui-disabled").attr("aria-disabled", true); - return this._setOption("disabled", true); - } - -}); -})( jQuery ); - -/* -* jQuery Mobile Framework : "collapsible" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.widget( "mobile.collapsible", $.mobile.widget, { - options: { - expandCueText: ' click to expand contents', - collapseCueText: ' click to collapse contents', - collapsed: false, - heading: '>:header,>legend', - theme: null, - iconTheme: 'd' - }, - _create: function(){ - - var $el = this.element, - o = this.options, - collapsibleContain = $el.addClass('ui-collapsible-contain'), - collapsibleHeading = $el.find(o.heading).eq(0), - collapsibleContent = collapsibleContain.wrapInner('
').find('.ui-collapsible-content'), - collapsibleParent = $el.closest( ":jqmData(role='collapsible-set')" ).addClass('ui-collapsible-set'); - - //replace collapsibleHeading if it's a legend - if(collapsibleHeading.is('legend')){ - collapsibleHeading = $('
'+ collapsibleHeading.html() +'
').insertBefore(collapsibleHeading); - collapsibleHeading.next().remove(); - } - - //drop heading in before content - collapsibleHeading.insertBefore(collapsibleContent); - - //modify markup & attributes - collapsibleHeading.addClass('ui-collapsible-heading') - .append('') - .wrapInner('') - .find('a:eq(0)') - .buttonMarkup({ - shadow: !!!collapsibleParent.length, - corners:false, - iconPos: 'left', - icon: 'plus', - theme: o.theme - }) - .find('.ui-icon') - .removeAttr('class') - .buttonMarkup({ - shadow: true, - corners:true, - iconPos: 'notext', - icon: 'plus', - theme: o.iconTheme - }); - - if( !collapsibleParent.length ){ - collapsibleHeading - .find('a:eq(0)') - .addClass('ui-corner-all') - .find('.ui-btn-inner') - .addClass('ui-corner-all'); - } - else { - if( collapsibleContain.jqmData('collapsible-last') ){ - collapsibleHeading - .find('a:eq(0), .ui-btn-inner') - .addClass('ui-corner-bottom'); - } - } - - - //events - collapsibleContain - .bind('collapse', function(event){ - if( !event.isDefaultPrevented() ){ - event.preventDefault(); - collapsibleHeading - .addClass('ui-collapsible-heading-collapsed') - .find('.ui-collapsible-heading-status').text(o.expandCueText); - - collapsibleHeading.find('.ui-icon').removeClass('ui-icon-minus').addClass('ui-icon-plus'); - collapsibleContent.addClass('ui-collapsible-content-collapsed').attr('aria-hidden',true); - - if( collapsibleContain.jqmData('collapsible-last') ){ - collapsibleHeading - .find('a:eq(0), .ui-btn-inner') - .addClass('ui-corner-bottom'); - } - } - - }) - .bind('expand', function(event){ - if( !event.isDefaultPrevented() ){ - event.preventDefault(); - collapsibleHeading - .removeClass('ui-collapsible-heading-collapsed') - .find('.ui-collapsible-heading-status').text(o.collapseCueText); - - collapsibleHeading.find('.ui-icon').removeClass('ui-icon-plus').addClass('ui-icon-minus'); - collapsibleContent.removeClass('ui-collapsible-content-collapsed').attr('aria-hidden',false); - - if( collapsibleContain.jqmData('collapsible-last') ){ - collapsibleHeading - .find('a:eq(0), .ui-btn-inner') - .removeClass('ui-corner-bottom'); - } - - } - }) - .trigger(o.collapsed ? 'collapse' : 'expand'); - - - //close others in a set - if( collapsibleParent.length && !collapsibleParent.jqmData("collapsiblebound") ){ - collapsibleParent - .jqmData("collapsiblebound", true) - .bind("expand", function( event ){ - $(this).find( ".ui-collapsible-contain" ) - .not( $(event.target).closest( ".ui-collapsible-contain" ) ) - .not( "> .ui-collapsible-contain .ui-collapsible-contain" ) - .trigger( "collapse" ); - }); - var set = collapsibleParent.find( ":jqmData(role=collapsible)" ) - - set.first() - .find('a:eq(0)') - .addClass('ui-corner-top') - .find('.ui-btn-inner') - .addClass('ui-corner-top'); - - set.last().jqmData('collapsible-last', true) - } - - collapsibleHeading - .bind("vclick", function(e){ - if( collapsibleHeading.is('.ui-collapsible-heading-collapsed') ){ - collapsibleContain.trigger('expand'); - } - else { - collapsibleContain.trigger('collapse'); - } - e.preventDefault(); - }); - } -}); -})( jQuery );/ -* jQuery Mobile Framework: "controlgroup" plugin - corner-rounding for groups of buttons, checks, radios, etc -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.fn.controlgroup = function(options){ - - return this.each(function(){ - var o = $.extend({ - direction: $( this ).jqmData( "type" ) || "vertical", - shadow: false - },options); - var groupheading = $(this).find('>legend'), - flCorners = o.direction == 'horizontal' ? ['ui-corner-left', 'ui-corner-right'] : ['ui-corner-top', 'ui-corner-bottom'], - type = $(this).find('input:eq(0)').attr('type'); - - //replace legend with more stylable replacement div - if( groupheading.length ){ - $(this).wrapInner('
'); - $('
'+ groupheading.html() +'
').insertBefore( $(this).children(0) ); - groupheading.remove(); - } - - $(this).addClass('ui-corner-all ui-controlgroup ui-controlgroup-'+o.direction); - - function flipClasses(els){ - els - .removeClass('ui-btn-corner-all ui-shadow') - .eq(0).addClass(flCorners[0]) - .end() - .filter(':last').addClass(flCorners[1]).addClass('ui-controlgroup-last'); - } - flipClasses($(this).find('.ui-btn')); - flipClasses($(this).find('.ui-btn-inner')); - if(o.shadow){ - $(this).addClass('ui-shadow'); - } - }); -}; -})(jQuery);/ -* jQuery Mobile Framework : "fieldcontain" plugin - simple class additions to make form row separators -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.fn.fieldcontain = function(options){ - return this.addClass('ui-field-contain ui-body ui-br'); -}; -})(jQuery);/ -* jQuery Mobile Framework : "listview" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { - -$.widget( "mobile.listview", $.mobile.widget, { - options: { - theme: "c", - countTheme: "c", - headerTheme: "b", - dividerTheme: "b", - splitIcon: "arrow-r", - splitTheme: "b", - inset: false - }, - - _create: function() { - var $list = this.element, - o = this.options; - - // create listview markup - $list - .addClass( "ui-listview" ); - - if ( o.inset ) { - $list.addClass( "ui-listview-inset ui-corner-all ui-shadow" ); - } - - this._itemApply( $list, $list ); - - this.refresh( true ); - - }, - - _itemApply: function( $list, item ) { - // TODO class has to be defined in markup - item.find( ".ui-li-count" ) - .addClass( "ui-btn-up-" + ($list.jqmData( "counttheme" ) || this.options.countTheme) + " ui-btn-corner-all" ); - - item.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" ); - - item.find( "p, dl" ).addClass( "ui-li-desc" ); - - $list.find( "li" ).find( ">img:eq(0), >:first>img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() { - $( this ).closest( "li" ).addClass( $(this).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" ); - }); - - var aside = item.find( ".ui-li-aside" ); - - if ( aside.length ) { - aside.each(function(i, el) { - $(el).prependTo( $(el).parent() ); //shift aside to front for css float - }); - } - - if ( $.support.cssPseudoElement || !$.nodeName( item[0], "ol" ) ) { - return; - } - }, - - _removeCorners: function(li){ - li - .add( li.find(".ui-btn-inner, .ui-li-link-alt, .ui-li-thumb") ) - .removeClass( "ui-corner-top ui-corner-bottom ui-corner-br ui-corner-bl ui-corner-tr ui-corner-tl" ); - }, - - refresh: function( create ) { - this._createSubPages(); - - var o = this.options, - $list = this.element, - self = this, - dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme, - li = $list.children( "li" ), - counter = $.support.cssPseudoElement || !$.nodeName( $list[0], "ol" ) ? 0 : 1; - - if ( counter ) { - $list.find( ".ui-li-dec" ).remove(); - } - - li.each(function( pos ) { - var item = $( this ), - itemClass = "ui-li"; - - // If we're creating the element, we update it regardless - if ( !create && item.hasClass( "ui-li" ) ) { - return; - } - - var itemTheme = item.jqmData("theme") || o.theme; - - var a = item.find( ">a" ); - - if ( a.length ) { - var icon = item.jqmData("icon"); - - item - .buttonMarkup({ - wrapperEls: "div", - shadow: false, - corners: false, - iconpos: "right", - icon: a.length > 1 || icon === false ? false : icon || "arrow-r", - theme: itemTheme - }); - - a.first().addClass( "ui-link-inherit" ); - - if ( a.length > 1 ) { - itemClass += " ui-li-has-alt"; - - var last = a.last(), - splittheme = $list.jqmData( "splittheme" ) || last.jqmData( "theme" ) || o.splitTheme; - - last - .appendTo(item) - .attr( "title", last.text() ) - .addClass( "ui-li-link-alt" ) - .empty() - .buttonMarkup({ - shadow: false, - corners: false, - theme: itemTheme, - icon: false, - iconpos: false - }) - .find( ".ui-btn-inner" ) - .append( $( "" ).buttonMarkup({ - shadow: true, - corners: true, - theme: splittheme, - iconpos: "notext", - icon: $list.jqmData( "spliticon" ) || last.jqmData( "icon" ) || o.splitIcon - } ) ); - } - - } else if ( item.jqmData( "role" ) === "list-divider" ) { - itemClass += " ui-li-divider ui-btn ui-bar-" + dividertheme; - item.attr( "role", "heading" ); - - //reset counter when a divider heading is encountered - if ( counter ) { - counter = 1; - } - - } else { - itemClass += " ui-li-static ui-body-" + itemTheme; - } - - - if( o.inset ){ - if ( pos === 0 ) { - itemClass += " ui-corner-top"; - - item - .add( item.find( ".ui-btn-inner" ) ) - .find( ".ui-li-link-alt" ) - .addClass( "ui-corner-tr" ) - .end() - .find( ".ui-li-thumb" ) - .addClass( "ui-corner-tl" ); - if(item.next().next().length){ - self._removeCorners( item.next() ); - } - - } - if ( pos === li.length - 1 ) { - itemClass += " ui-corner-bottom"; - - item - .add( item.find( ".ui-btn-inner" ) ) - .find( ".ui-li-link-alt" ) - .addClass( "ui-corner-br" ) - .end() - .find( ".ui-li-thumb" ) - .addClass( "ui-corner-bl" ); - - if(item.prev().prev().length){ - self._removeCorners( item.prev() ); - } - } - } - - - if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) { - - var countParent = item.is(".ui-li-static:first") ? item : item.find( ".ui-link-inherit" ); - - countParent - .addClass( "ui-li-jsnumbering" ) - .prepend( "" + (counter++) + ". " ); - } - - item.add( item.find( ".ui-btn-inner" ) ).addClass( itemClass ); - - if ( !create ) { - self._itemApply( $list, item ); - } - }); - }, - - //create a string for ID/subpage url creation - _idStringEscape: function( str ){ - return str.replace(/[^a-zA-Z0-9]/g, '-'); - }, - - _createSubPages: function() { - var parentList = this.element, - parentPage = parentList.closest( ".ui-page" ), - parentId = parentPage.jqmData( "url" ), - o = this.options, - self = this, - persistentFooterID = parentPage.find( ":jqmData(role='footer')" ).jqmData( "id" ); - - $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) { - var list = $( this ), - parent = list.parent(), - nodeEls = $( list.prevAll().toArray().reverse() ), - nodeEls = nodeEls.length ? nodeEls : $( "" + $.trim(parent.contents()[ 0 ].nodeValue) + "" ), - title = nodeEls.first().text(),//url limits to first 30 chars of text - id = parentId + "&" + $.mobile.subPageUrlKey + "=" + self._idStringEscape(title + " " + i), - theme = list.jqmData( "theme" ) || o.theme, - countTheme = list.jqmData( "counttheme" ) || parentList.jqmData( "counttheme" ) || o.countTheme, - newPage = list.wrap( "
" ) - .parent() - .before( "
" + title + "
" ) - .after( persistentFooterID ? $( "
") : "" ) - .parent() - .attr( "data-" + $.mobile.ns + "url", id ) - .attr( "data-" + $.mobile.ns + "theme", theme ) - .attr( "data-" + $.mobile.ns + "count-theme", countTheme ) - .appendTo( $.mobile.pageContainer ); - - newPage.page(); - var anchor = parent.find('a:first'); - if (!anchor.length) { - anchor = $("").html( nodeEls || title ).prependTo(parent.empty()); - } - anchor.attr('href','#' + id); - }).listview(); - } -}); - -})( jQuery ); -/ -* jQuery Mobile Framework : "listview" filter extension -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { - -$.mobile.listview.prototype.options.filter = false; -$.mobile.listview.prototype.options.filterPlaceholder = "Filter items..."; - -$( ":jqmData(role='listview')" ).live( "listviewcreate", function() { - var list = $( this ), - listview = list.data( "listview" ); - - if ( !listview.options.filter ) { - return; - } - - var wrapper = $( "
", { "class": "ui-listview-filter ui-bar-c", "role": "search" } ), - - search = $( "", { - placeholder: listview.options.filterPlaceholder - }) - .attr( "data-" + $.mobile.ns + "type", "search" ) - .bind( "keyup change", function() { - var val = this.value.toLowerCase(), - listItems = list.children(); - listItems.show(); - if ( val ) { - // This handles hiding regular rows without the text we search for - // and any list dividers without regular rows shown under it - var childItems = false, - item; - - for (var i = listItems.length; i >= 0; i--) { - item = $(listItems[i]); - if (item.is("li:jqmData(role=list-divider)")) { - if (!childItems) { - item.hide(); - } - // New bucket! - childItems = false; - } else if (item.text().toLowerCase().indexOf( val ) === -1) { - item.hide(); - } else { - // There's a shown item in the bucket - childItems = true; - } - } - } - }) - .appendTo( wrapper ) - .textinput(); - - if ($( this ).jqmData( "inset" ) ) { - wrapper.addClass( "ui-listview-filter-inset" ); - } - - wrapper.insertBefore( list ); -}); - -})( jQuery ); -/ -* jQuery Mobile Framework : "dialog" plugin. -* Copyright (c) jQuery Project -* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* Note: Code is in draft form and is subject to change -/ -(function($, undefined ) { -$.widget( "mobile.dialog", $.mobile.widget, { - options: { - closeBtnText: "Close" - }, - _create: function(){ - var self = this, - $el = self.element; - - / class the markup for dialog styling / - this.element - //add ARIA role - .attr("role","dialog") - .addClass('ui-page ui-dialog ui-body-a') - .find( ":jqmData(role=header)" ) - .addClass('ui-corner-top ui-overlay-shadow') - .prepend( ""+ this.options.closeBtnText +"" ) - .end() - .find('.ui-content:not([class="ui-body-"])') - .addClass('ui-body-c') - .end() - .find( ".ui-content,:jqmData(role='footer')" ) - .last() - .addClass('ui-corner-bottom ui-overlay-shadow'); - - /* bind events - - clicks and submits should use the closing transition that the dialog opened with - unless a data-transition is specified on the link/form - - if the click was on the close button, or the link has a data-rel="back" it'll go back in history naturally - / - this.element - .bind( "vclick submit", function(e){ - var $targetel; - if( e.type == "vclick" ){ - $targetel = $(e.target).closest("a"); - } - else{ - $targetel = $(e.target).closest("form"); - } - - if( $targetel.length && !$targetel.jqmData("transition") ){ - $targetel - .attr("data-" + $.mobile.ns + "transition", $.mobile.urlHistory.getActive().transition ) - .attr("data-" + $.mobile.ns + "direction", "reverse"); - } - }); - - }, - - //close method goes back in history - close: function(){ - window.history.back(); - } -}); -})( jQuery );/ -* jQuery Mobile Framework : "navbar" plugin -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.widget( "mobile.navbar", $.mobile.widget, { - options: { - iconpos: 'top', - grid: null - }, - _create: function(){ - var $navbar = this.element, - $navbtns = $navbar.find("a"), - iconpos = $navbtns.filter( ":jqmData(icon)").length ? this.options.iconpos : undefined; - - $navbar - .addClass('ui-navbar') - .attr("role","navigation") - .find("ul") - .grid({grid: this.options.grid }); - - if( !iconpos ){ - $navbar.addClass("ui-navbar-noicons"); - } - - $navbtns - .buttonMarkup({ - corners: false, - shadow: false, - iconpos: iconpos - }); - - $navbar.delegate("a", "vclick",function(event){ - $navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass ); - $( this ).addClass( $.mobile.activeBtnClass ); - }); - } -}); -})( jQuery ); -/ -* jQuery Mobile Framework : plugin for creating CSS grids -* Copyright (c) jQuery Project -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -/ -(function($, undefined ) { -$.fn.grid = function(options){ - return this.each(function(){ - var o = $.extend({ - grid: null - },options); - - - var $kids = $(this).children(), - gridCols = {solo:1, a:2, b:3, c:4, d:5}, - grid = o.grid, - iterator; - - if( !grid ){ - if( $kids.length <= 5 ){ - for(var letter in gridCols){ - if(gridCols[letter] == $kids.length){ grid = letter; } - } - } - else{ - grid = 'a'; - } - } - iterator = gridCols[grid]; - - $(this).addClass('ui-grid-' + grid); - - $kids.filter(':nth-child(' + iterator + 'n+1)').addClass('ui-block-a'); - if(iterator > 1){ - $kids.filter(':nth-child(' + iterator + 'n+2)').addClass('ui-block-b'); - } - if(iterator > 2){ - $kids.filter(':nth-child(3n+3)').addClass('ui-block-c'); - } - if(iterator > 3){ - $kids.filter(':nth-child(4n+4)').addClass('ui-block-d'); - } - if(iterator > 4){ - $kids.filter(':nth-child(5n+5)').addClass('ui-block-e'); - } - - }); -}; -})(jQuery);/! - * jQuery Mobile v@VERSION - * http://jquerymobile.com/ - * - * Copyright 2010, jQuery Project - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - / - -(function( $, window, undefined ) { - var $html = $( "html" ), - $head = $( "head" ), - $window = $( window ); - - //trigger mobileinit event - useful hook for configuring $.mobile settings before they're used - $( window.document ).trigger( "mobileinit" ); - - //support conditions - //if device support condition(s) aren't met, leave things as they are -> a basic, usable experience, - //otherwise, proceed with the enhancements - if ( !$.mobile.gradeA() ) { - return; - } - - //add mobile, initial load "rendering" classes to docEl - $html.addClass( "ui-mobile ui-mobile-rendering" ); - - //define & prepend meta viewport tag, if content is defined - //NOTE: this is now deprecated. We recommend placing the meta viewport element in - //the markup from the start. - $.mobile.metaViewportContent && !$head.find( "meta[name='viewport']" ).length ? $( "", { name: "viewport", content: $.mobile.metaViewportContent}).prependTo( $head ) : undefined; - - //loading div which appears during Ajax requests - //will not appear if $.mobile.loadingMessage is false - var $loader = $.mobile.loadingMessage ? $( "
" + "" + "
" + $.mobile.loadingMessage + "
" + "
" ) : undefined; - - if(typeof $loader === "undefined"){ - alert($.mobile.loadingMessage); - } - - $.extend($.mobile, { - // turn on/off page loading message. - pageLoading: function ( done ) { - if ( done ) { - $html.removeClass( "ui-loading" ); - } else { - if( $.mobile.loadingMessage ){ - var activeBtn = $( "." + $.mobile.activeBtnClass ).first(); - - - if(typeof $loader === "undefined"){ - alert($.mobile.loadingMessage); - } - - $loader - .appendTo( $.mobile.pageContainer ) - //position at y center (if scrollTop supported), above the activeBtn (if defined), or just 100px from top - .css( { - top: $.support.scrollTop && $(window).scrollTop() + $(window).height() / 2 || - activeBtn.length && activeBtn.offset().top || 100 - } ); - } - - $html.addClass( "ui-loading" ); - } - }, - - // find and enhance the pages in the dom and transition to the first page. - initializePage: function(){ - //find present pages - var $pages = $( ":jqmData(role='page')" ); - - //add dialogs, set data-url attrs - $pages.add( ":jqmData(role='dialog')" ).each(function(){ - var $this = $(this); - - // unless the data url is already set set it to the id - if( !$this.jqmData('url') ){ - $this.attr( "data-" + $.mobile.ns + "url", $this.attr( "id" ) ); - } - }); - - //define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback) - $.mobile.firstPage = $pages.first(); - - //define page container - $.mobile.pageContainer = $pages.first().parent().addClass( "ui-mobile-viewport" ); - - //cue page loading message - $.mobile.pageLoading(); - - // if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM - if( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) ){ - $.mobile.changePage( $.mobile.firstPage, false, true, false, true ); - } - // otherwise, trigger a hashchange to load a deeplink - else { - $window.trigger( "hashchange", [ true ] ); - } - } - }); - - //dom-ready inits - $( $.mobile.initializePage ); - - //window load event - //hide iOS browser chrome on load - $window.load( $.mobile.silentScroll ); -})( jQuery, this ); - --- /dev/null +++ b/js/jquery.mobile-1.0b1.js @@ -1,1 +1,5627 @@ - +/! + * jQuery Mobile v1.0b1 + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + / +/! + * jQuery UI Widget @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Widget + / +(function( $, undefined ) { + +// jQuery 1.4+ +if ( $.cleanData ) { + var _cleanData = $.cleanData; + $.cleanData = function( elems ) { + for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) { + $( elem ).triggerHandler( "remove" ); + } + _cleanData( elems ); + }; +} else { + var _remove = $.fn.remove; + $.fn.remove = function( selector, keepData ) { + return this.each(function() { + if ( !keepData ) { + if ( !selector || $.filter( selector, [ this ] ).length ) { + $( "", this ).add( [ this ] ).each(function() { + $( this ).triggerHandler( "remove" ); + }); + } + } + return _remove.call( $(this), selector, keepData ); + }); + }; +} + +$.widget = function( name, base, prototype ) { + var namespace = name.split( "." )[ 0 ], + fullName; + name = name.split( "." )[ 1 ]; + fullName = namespace + "-" + name; + + if ( !prototype ) { + prototype = base; + base = $.Widget; + } + + // create selector for plugin + $.expr[ ":" ][ fullName ] = function( elem ) { + return !!$.data( elem, name ); + }; + + $[ namespace ] = $[ namespace ] || {}; + $[ namespace ][ name ] = function( options, element ) { + // allow instantiation without initializing for simple inheritance + if ( arguments.length ) { + this._createWidget( options, element ); + } + }; + + var basePrototype = new base(); + // we need to make the options hash a property directly on the new instance + // otherwise we'll modify the options hash on the prototype that we're + // inheriting from +// $.each( basePrototype, function( key, val ) { +// if ( $.isPlainObject(val) ) { +// basePrototype[ key ] = $.extend( {}, val ); +// } +// }); + basePrototype.options = $.extend( true, {}, basePrototype.options ); + $[ namespace ][ name ].prototype = $.extend( true, basePrototype, { + namespace: namespace, + widgetName: name, + widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name, + widgetBaseClass: fullName + }, prototype ); + + $.widget.bridge( name, $[ namespace ][ name ] ); +}; + +$.widget.bridge = function( name, object ) { + $.fn[ name ] = function( options ) { + var isMethodCall = typeof options === "string", + args = Array.prototype.slice.call( arguments, 1 ), + returnValue = this; + + // allow multiple hashes to be passed on init + options = !isMethodCall && args.length ? + $.extend.apply( null, [ true, options ].concat(args) ) : + options; + + // prevent calls to internal methods + if ( isMethodCall && options.charAt( 0 ) === "_" ) { + return returnValue; + } + + if ( isMethodCall ) { + this.each(function() { + var instance = $.data( this, name ); + if ( !instance ) { + throw "cannot call methods on " + name + " prior to initialization; " + + "attempted to call method '" + options + "'"; + } + if ( !$.isFunction( instance[options] ) ) { + throw "no such method '" + options + "' for " + name + " widget instance"; + } + var methodValue = instance[ options ].apply( instance, args ); + if ( methodValue !== instance && methodValue !== undefined ) { + returnValue = methodValue; + return false; + } + }); + } else { + this.each(function() { + var instance = $.data( this, name ); + if ( instance ) { + instance.option( options || {} )._init(); + } else { + $.data( this, name, new object( options, this ) ); + } + }); + } + + return returnValue; + }; +}; + +$.Widget = function( options, element ) { + // allow instantiation without initializing for simple inheritance + if ( arguments.length ) { + this._createWidget( options, element ); + } +}; + +$.Widget.prototype = { + widgetName: "widget", + widgetEventPrefix: "", + options: { + disabled: false + }, + _createWidget: function( options, element ) { + // $.widget.bridge stores the plugin instance, but we do it anyway + // so that it's stored even before the _create function runs + $.data( element, this.widgetName, this ); + this.element = $( element ); + this.options = $.extend( true, {}, + this.options, + this._getCreateOptions(), + options ); + + var self = this; + this.element.bind( "remove." + this.widgetName, function() { + self.destroy(); + }); + + this._create(); + this._trigger( "create" ); + this._init(); + }, + _getCreateOptions: function() { + var options = {}; + if ( $.metadata ) { + options = $.metadata.get( element )[ this.widgetName ]; + } + return options; + }, + _create: function() {}, + _init: function() {}, + + destroy: function() { + this.element + .unbind( "." + this.widgetName ) + .removeData( this.widgetName ); + this.widget() + .unbind( "." + this.widgetName ) + .removeAttr( "aria-disabled" ) + .removeClass( + this.widgetBaseClass + "-disabled " + + "ui-state-disabled" ); + }, + + widget: function() { + return this.element; + }, + + option: function( key, value ) { + var options = key; + + if ( arguments.length === 0 ) { + // don't return a reference to the internal hash + return $.extend( {}, this.options ); + } + + if (typeof key === "string" ) { + if ( value === undefined ) { + return this.options[ key ]; + } + options = {}; + options[ key ] = value; + } + + this._setOptions( options ); + + return this; + }, + _setOptions: function( options ) { + var self = this; + $.each( options, function( key, value ) { + self._setOption( key, value ); + }); + + return this; + }, + _setOption: function( key, value ) { + this.options[ key ] = value; + + if ( key === "disabled" ) { + this.widget() + [ value ? "addClass" : "removeClass"]( + this.widgetBaseClass + "-disabled" + " " + + "ui-state-disabled" ) + .attr( "aria-disabled", value ); + } + + return this; + }, + + enable: function() { + return this._setOption( "disabled", false ); + }, + disable: function() { + return this._setOption( "disabled", true ); + }, + + _trigger: function( type, event, data ) { + var callback = this.options[ type ]; + + event = $.Event( event ); + event.type = ( type === this.widgetEventPrefix ? + type : + this.widgetEventPrefix + type ).toLowerCase(); + data = data || {}; + + // copy original event properties over to the new event + // this would happen if we could call $.event.fix instead of $.Event + // but we don't have a way to force an event to be fixed multiple times + if ( event.originalEvent ) { + for ( var i = $.event.props.length, prop; i; ) { + prop = $.event.props[ --i ]; + event[ prop ] = event.originalEvent[ prop ]; + } + } + + this.element.trigger( event, data ); + + return !( $.isFunction(callback) && + callback.call( this.element[0], event, data ) === false || + event.isDefaultPrevented() ); + } +}; + +})( jQuery ); +/* +* jQuery Mobile Framework : widget factory extentions for mobile +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { + +$.widget( "mobile.widget", { + _getCreateOptions: function() { + var elem = this.element, + options = {}; + $.each( this.options, function( option ) { + var value = elem.jqmData( option.replace( /[A-Z]/g, function( c ) { + return "-" + c.toLowerCase(); + } ) ); + if ( value !== undefined ) { + options[ option ] = value; + } + }); + return options; + } +}); + +})( jQuery ); +/ +* jQuery Mobile Framework : resolution and CSS media query related helpers and behavior +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { + +var $window = $(window), + $html = $( "html" ), + + //media-query-like width breakpoints, which are translated to classes on the html element + resolutionBreakpoints = [320,480,768,1024]; + + +/ $.mobile.media method: pass a CSS media type or query and get a bool return + note: this feature relies on actual media query support for media queries, though types will work most anywhere + examples: + $.mobile.media('screen') //>> tests for screen media type + $.mobile.media('screen and (min-width: 480px)') //>> tests for screen media type with window width > 480px + $.mobile.media('@media screen and (-webkit-min-device-pixel-ratio: 2)') //>> tests for webkit 2x pixel ratio (iPhone 4) +/ +$.mobile.media = (function() { + // TODO: use window.matchMedia once at least one UA implements it + var cache = {}, + testDiv = $( "
" ), + fakeBody = $( "" ).append( testDiv ); + + return function( query ) { + if ( !( query in cache ) ) { + var styleBlock = document.createElement('style'), + cssrule = "@media " + query + " { #jquery-mediatest { position:absolute; } }"; + //must set type for IE! + styleBlock.type = "text/css"; + if (styleBlock.styleSheet){ + styleBlock.styleSheet.cssText = cssrule; + } + else { + styleBlock.appendChild(document.createTextNode(cssrule)); + } + + $html.prepend( fakeBody ).prepend( styleBlock ); + cache[ query ] = testDiv.css( "position" ) === "absolute"; + fakeBody.add( styleBlock ).remove(); + } + return cache[ query ]; + }; +})(); + +/ + private function for adding/removing breakpoint classes to HTML element for faux media-query support + It does not require media query support, instead using JS to detect screen width > cross-browser support + This function is called on orientationchange, resize, and mobileinit, and is bound via the 'htmlclass' event namespace +/ +function detectResolutionBreakpoints(){ + var currWidth = $window.width(), + minPrefix = "min-width-", + maxPrefix = "max-width-", + minBreakpoints = [], + maxBreakpoints = [], + unit = "px", + breakpointClasses; + + $html.removeClass( minPrefix + resolutionBreakpoints.join(unit + " " + minPrefix) + unit + " " + + maxPrefix + resolutionBreakpoints.join( unit + " " + maxPrefix) + unit ); + + $.each(resolutionBreakpoints,function( i, breakPoint ){ + if( currWidth >= breakPoint ){ + minBreakpoints.push( minPrefix + breakPoint + unit ); + } + if( currWidth <= breakPoint ){ + maxBreakpoints.push( maxPrefix + breakPoint + unit ); + } + }); + + if( minBreakpoints.length ){ breakpointClasses = minBreakpoints.join(" "); } + if( maxBreakpoints.length ){ breakpointClasses += " " + maxBreakpoints.join(" "); } + + $html.addClass( breakpointClasses ); +}; + +/ $.mobile.addResolutionBreakpoints method: + pass either a number or an array of numbers and they'll be added to the min/max breakpoint classes + Examples: + $.mobile.addResolutionBreakpoints( 500 ); + $.mobile.addResolutionBreakpoints( [500, 1200] ); +/ +$.mobile.addResolutionBreakpoints = function( newbps ){ + if( $.type( newbps ) === "array" ){ + resolutionBreakpoints = resolutionBreakpoints.concat( newbps ); + } + else { + resolutionBreakpoints.push( newbps ); + } + resolutionBreakpoints.sort(function(a,b){ return a-b; }); + detectResolutionBreakpoints(); +}; + +/ on mobileinit, add classes to HTML element + and set handlers to update those on orientationchange and resize/ +$(document).bind("mobileinit.htmlclass", function(){ + / bind to orientationchange and resize + to add classes to HTML element for min/max breakpoints and orientation / + var ev = $.support.orientation; + $window.bind("orientationchange.htmlclass throttledResize.htmlclass", function(event){ + //add orientation class to HTML element on flip/resize. + if(event.orientation){ + $html.removeClass( "portrait landscape" ).addClass( event.orientation ); + } + //add classes to HTML element for min/max breakpoints + detectResolutionBreakpoints(); + }); +}); + +/ Manually trigger an orientationchange event when the dom ready event fires. + This will ensure that any viewport meta tag that may have been injected + has taken effect already, allowing us to properly calculate the width of the + document. +/ +$(function(){ + //trigger event manually + $window.trigger( "orientationchange.htmlclass" ); +}); + +})(jQuery);/ +* jQuery Mobile Framework : support tests +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* Note: Code is in draft form and is subject to change +/ +( function( $, undefined ) { + +var fakeBody = $( "" ).prependTo( "html" ), + fbCSS = fakeBody[ 0 ].style, + vendors = [ "webkit", "moz", "o" ], + webos = "palmGetResource" in window, //only used to rule out scrollTop + bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB + +// thx Modernizr +function propExists( prop ){ + var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ), + props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " ); + for( var v in props ){ + if( fbCSS[ v ] !== undefined ){ + return true; + } + } +} + +// test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting ) +function baseTagTest(){ + var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/", + base = $( "head base" ), + fauxEle = null, + href = ""; + if ( !base.length ) { + base = fauxEle = $( "", { "href": fauxBase} ).appendTo( "head" ); + } + else { + href = base.attr( "href" ); + } + var link = $( "" ).prependTo( fakeBody ), + rebase = link[ 0 ].href; + base[ 0 ].href = href ? href : location.pathname; + if ( fauxEle ) { + fauxEle.remove(); + } + return rebase.indexOf( fauxBase ) === 0; +} + + +// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683 +// allows for inclusion of IE 6+, including Windows Mobile 7 +$.mobile.browser = {}; +$.mobile.browser.ie = ( function() { + var v = 3, + div = document.createElement( "div" ), + a = div.all || []; + while ( div.innerHTML = "", a[ 0 ] ); + return v > 4 ? v : !v; +}() ); + + +$.extend( $.support, { + orientation: "orientation" in window, + touch: "ontouchend" in document, + cssTransitions: "WebKitTransitionEvent" in window, + pushState: !!history.pushState, + mediaquery: $.mobile.media( "only all" ), + cssPseudoElement: !!propExists( "content" ), + boxShadow: !!propExists( "boxShadow" ) && !bb, + scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos, + dynamicBaseTag: baseTagTest(), + eventCapture: ( "addEventListener" in document ) // This is a weak test. We may want to beef this up later. +} ); + +fakeBody.remove(); + +// for ruling out shadows via css +if( !$.support.boxShadow ){ $( "html" ).addClass( "ui-mobile-nosupport-boxshadow" ); } + +} )( jQuery );/ +* jQuery Mobile Framework : "mouse" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ + +// This plugin is an experiment for abstracting away the touch and mouse +// events so that developers don't have to worry about which method of input +// the device their document is loaded on supports. +// +// The idea here is to allow the developer to register listeners for the +// basic mouse events, such as mousedown, mousemove, mouseup, and click, +// and the plugin will take care of registering the correct listeners +// behind the scenes to invoke the listener at the fastest possible time +// for that device, while still retaining the order of event firing in +// the traditional mouse environment, should multiple handlers be registered +// on the same element for different events. +// +// The current version exposes the following virtual events to jQuery bind methods: +// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel" + +(function($, window, document, undefined) { + +var dataPropertyName = "virtualMouseBindings", + touchTargetPropertyName = "virtualTouchID", + virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split(" "), + touchEventProps = "clientX clientY pageX pageY screenX screenY".split(" "), + activeDocHandlers = {}, + resetTimerID = 0, + startX = 0, + startY = 0, + didScroll = false, + clickBlockList = [], + blockMouseTriggers = false, + blockTouchTriggers = false, + eventCaptureSupported = $.support.eventCapture, + $document = $(document), + nextTouchID = 1, + lastTouchID = 0; + +$.vmouse = { + moveDistanceThreshold: 10, + clickDistanceThreshold: 10, + resetTimerDuration: 1500 +}; + +function getNativeEvent(event) +{ + while (event && typeof event.originalEvent !== "undefined") { + event = event.originalEvent; + } + return event; +} + +function createVirtualEvent(event, eventType) +{ + var t = event.type; + event = $.Event(event); + event.type = eventType; + + var oe = event.originalEvent; + var props = $.event.props; + + // copy original event properties over to the new event + // this would happen if we could call $.event.fix instead of $.Event + // but we don't have a way to force an event to be fixed multiple times + if (oe) { + for ( var i = props.length, prop; i; ) { + prop = props[ --i ]; + event[prop] = oe[prop]; + } + } + + if (t.search(/^touch/) !== -1){ + var ne = getNativeEvent(oe), + t = ne.touches, + ct = ne.changedTouches, + touch = (t && t.length) ? t[0] : ((ct && ct.length) ? ct[0] : undefined); + if (touch){ + for (var i = 0, len = touchEventProps.length; i < len; i++){ + var prop = touchEventProps[i]; + event[prop] = touch[prop]; + } + } + } + + return event; +} + +function getVirtualBindingFlags(element) +{ + var flags = {}; + while (element){ + var b = $.data(element, dataPropertyName); + for (var k in b) { + if (b[k]){ + flags[k] = flags.hasVirtualBinding = true; + } + } + element = element.parentNode; + } + return flags; +} + +function getClosestElementWithVirtualBinding(element, eventType) +{ + while (element){ + var b = $.data(element, dataPropertyName); + if (b && (!eventType || b[eventType])) { + return element; + } + element = element.parentNode; + } + return null; +} + +function enableTouchBindings() +{ + blockTouchTriggers = false; +} + +function disableTouchBindings() +{ + blockTouchTriggers = true; +} + +function enableMouseBindings() +{ + lastTouchID = 0; + clickBlockList.length = 0; + blockMouseTriggers = false; + + // When mouse bindings are enabled, our + // touch bindings are disabled. + disableTouchBindings(); +} + +function disableMouseBindings() +{ + // When mouse bindings are disabled, our + // touch bindings are enabled. + enableTouchBindings(); +} + +function startResetTimer() +{ + clearResetTimer(); + resetTimerID = setTimeout(function(){ + resetTimerID = 0; + enableMouseBindings(); + }, $.vmouse.resetTimerDuration); +} + +function clearResetTimer() +{ + if (resetTimerID){ + clearTimeout(resetTimerID); + resetTimerID = 0; + } +} + +function triggerVirtualEvent(eventType, event, flags) +{ + var defaultPrevented = false; + + if ((flags && flags[eventType]) || (!flags && getClosestElementWithVirtualBinding(event.target, eventType))) { + var ve = createVirtualEvent(event, eventType); + $(event.target).trigger(ve); + defaultPrevented = ve.isDefaultPrevented(); + } + + return defaultPrevented; +} + +function mouseEventCallback(event) +{ + var touchID = $.data(event.target, touchTargetPropertyName); + if (!blockMouseTriggers && (!lastTouchID || lastTouchID !== touchID)){ + triggerVirtualEvent("v" + event.type, event); + } +} + +function handleTouchStart(event) +{ + var touches = getNativeEvent(event).touches; + if (touches && touches.length === 1){ + var target = event.target, + flags = getVirtualBindingFlags(target); + + if (flags.hasVirtualBinding){ + lastTouchID = nextTouchID++; + $.data(target, touchTargetPropertyName, lastTouchID); + + clearResetTimer(); + + disableMouseBindings(); + didScroll = false; + + var t = getNativeEvent(event).touches[0]; + startX = t.pageX; + startY = t.pageY; + + triggerVirtualEvent("vmouseover", event, flags); + triggerVirtualEvent("vmousedown", event, flags); + } + } +} + +function handleScroll(event) +{ + if (blockTouchTriggers){ + return; + } + + if (!didScroll){ + triggerVirtualEvent("vmousecancel", event, getVirtualBindingFlags(event.target)); + } + + didScroll = true; + startResetTimer(); +} + +function handleTouchMove(event) +{ + if (blockTouchTriggers){ + return; + } + + var t = getNativeEvent(event).touches[0]; + + var didCancel = didScroll, + moveThreshold = $.vmouse.moveDistanceThreshold; + didScroll = didScroll + || (Math.abs(t.pageX - startX) > moveThreshold || Math.abs(t.pageY - startY) > moveThreshold); + + var flags = getVirtualBindingFlags(event.target); + if (didScroll && !didCancel){ + triggerVirtualEvent("vmousecancel", event, flags); + } + triggerVirtualEvent("vmousemove", event, flags); + startResetTimer(); +} + +function handleTouchEnd(event) +{ + if (blockTouchTriggers){ + return; + } + + disableTouchBindings(); + + var flags = getVirtualBindingFlags(event.target); + triggerVirtualEvent("vmouseup", event, flags); + if (!didScroll){ + if (triggerVirtualEvent("vclick", event, flags)){ + // The target of the mouse events that follow the touchend + // event don't necessarily match the target used during the + // touch. This means we need to rely on coordinates for blocking + // any click that is generated. + var t = getNativeEvent(event).changedTouches[0]; + clickBlockList.push({ touchID: lastTouchID, x: t.clientX, y: t.clientY }); + + // Prevent any mouse events that follow from triggering + // virtual event notifications. + blockMouseTriggers = true; + } + } + triggerVirtualEvent("vmouseout", event, flags); + didScroll = false; + + startResetTimer(); +} + +function hasVirtualBindings(ele) +{ + var bindings = $.data(ele, dataPropertyName), k; + if (bindings){ + for (k in bindings){ + if (bindings[k]){ + return true; + } + } + } + return false; +} + +function dummyMouseHandler(){} + +function getSpecialEventObject(eventType) +{ + var realType = eventType.substr(1); + return { + setup: function(data, namespace) { + // If this is the first virtual mouse binding for this element, + // add a bindings object to its data. + + if (!hasVirtualBindings(this)){ + $.data(this, dataPropertyName, {}); + } + + // If setup is called, we know it is the first binding for this + // eventType, so initialize the count for the eventType to zero. + + var bindings = $.data(this, dataPropertyName); + bindings[eventType] = true; + + // If this is the first virtual mouse event for this type, + // register a global handler on the document. + + activeDocHandlers[eventType] = (activeDocHandlers[eventType] || 0) + 1; + if (activeDocHandlers[eventType] === 1){ + $document.bind(realType, mouseEventCallback); + } + + // Some browsers, like Opera Mini, won't dispatch mouse/click events + // for elements unless they actually have handlers registered on them. + // To get around this, we register dummy handlers on the elements. + + $(this).bind(realType, dummyMouseHandler); + + // For now, if event capture is not supported, we rely on mouse handlers. + if (eventCaptureSupported){ + // If this is the first virtual mouse binding for the document, + // register our touchstart handler on the document. + + activeDocHandlers["touchstart"] = (activeDocHandlers["touchstart"] || 0) + 1; + if (activeDocHandlers["touchstart"] === 1) { + $document.bind("touchstart", handleTouchStart) + + .bind("touchend", handleTouchEnd) + + // On touch platforms, touching the screen and then dragging your finger + // causes the window content to scroll after some distance threshold is + // exceeded. On these platforms, a scroll prevents a click event from being + // dispatched, and on some platforms, even the touchend is suppressed. To + // mimic the suppression of the click event, we need to watch for a scroll + // event. Unfortunately, some platforms like iOS don't dispatch scroll + // events until AFTER* the user lifts their finger (touchend). This means + // we need to watch both scroll and touchmove events to figure out whether + // or not a scroll happenens before the touchend event is fired. + + .bind("touchmove", handleTouchMove) + .bind("scroll", handleScroll); + } + } + }, + + teardown: function(data, namespace) { + // If this is the last virtual binding for this eventType, + // remove its global handler from the document. + + --activeDocHandlers[eventType]; + if (!activeDocHandlers[eventType]){ + $document.unbind(realType, mouseEventCallback); + } + + if (eventCaptureSupported){ + // If this is the last virtual mouse binding in existence, + // remove our document touchstart listener. + + --activeDocHandlers["touchstart"]; + if (!activeDocHandlers["touchstart"]) { + $document.unbind("touchstart", handleTouchStart) + .unbind("touchmove", handleTouchMove) + .unbind("touchend", handleTouchEnd) + .unbind("scroll", handleScroll); + } + } + + var $this = $(this), + bindings = $.data(this, dataPropertyName); + + // teardown may be called when an element was + // removed from the DOM. If this is the case, + // jQuery core may have already stripped the element + // of any data bindings so we need to check it before + // using it. + if (bindings){ + bindings[eventType] = false; + } + + // Unregister the dummy event handler. + + $this.unbind(realType, dummyMouseHandler); + + // If this is the last virtual mouse binding on the + // element, remove the binding data from the element. + + if (!hasVirtualBindings(this)){ + $this.removeData(dataPropertyName); + } + } + }; +} + +// Expose our custom events to the jQuery bind/unbind mechanism. + +for (var i = 0; i < virtualEventNames.length; i++){ + $.event.special[virtualEventNames[i]] = getSpecialEventObject(virtualEventNames[i]); +} + +// Add a capture click handler to block clicks. +// Note that we require event capture support for this so if the device +// doesn't support it, we punt for now and rely solely on mouse events. +if (eventCaptureSupported){ + document.addEventListener("click", function(e){ + var cnt = clickBlockList.length; + var target = e.target; + if (cnt) { + var x = e.clientX, + y = e.clientY, + threshold = $.vmouse.clickDistanceThreshold; + + // The idea here is to run through the clickBlockList to see if + // the current click event is in the proximity of one of our + // vclick events that had preventDefault() called on it. If we find + // one, then we block the click. + // + // Why do we have to rely on proximity? + // + // Because the target of the touch event that triggered the vclick + // can be different from the target of the click event synthesized + // by the browser. The target of a mouse/click event that is syntehsized + // from a touch event seems to be implementation specific. For example, + // some browsers will fire mouse/click events for a link that is near + // a touch event, even though the target of the touchstart/touchend event + // says the user touched outside the link. Also, it seems that with most + // browsers, the target of the mouse/click event is not calculated until the + // time it is dispatched, so if you replace an element that you touched + // with another element, the target of the mouse/click will be the new + // element underneath that point. + // + // Aside from proximity, we also check to see if the target and any + // of its ancestors were the ones that blocked a click. This is necessary + // because of the strange mouse/click target calculation done in the + // Android 2.1 browser, where if you click on an element, and there is a + // mouse/click handler on one of its ancestors, the target will be the + // innermost child of the touched element, even if that child is no where + // near the point of touch. + + var ele = target; + while (ele) { + for (var i = 0; i < cnt; i++) { + var o = clickBlockList[i], + touchID = 0; + if ((ele === target && Math.abs(o.x - x) < threshold && Math.abs(o.y - y) < threshold) || $.data(ele, touchTargetPropertyName) === o.touchID){ + // XXX: We may want to consider removing matches from the block list + // instead of waiting for the reset timer to fire. + e.preventDefault(); + e.stopPropagation(); + return; + } + } + ele = ele.parentNode; + } + } + }, true); +} +})(jQuery, window, document); +/* +* jQuery Mobile Framework : events +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { + +// add new event shortcuts +$.each( "touchstart touchmove touchend orientationchange throttledresize tap taphold swipe swipeleft swiperight scrollstart scrollstop".split( " " ), function( i, name ) { + $.fn[ name ] = function( fn ) { + return fn ? this.bind( name, fn ) : this.trigger( name ); + }; + $.attrFn[ name ] = true; +}); + +var supportTouch = $.support.touch, + scrollEvent = "touchmove scroll", + touchStartEvent = supportTouch ? "touchstart" : "mousedown", + touchStopEvent = supportTouch ? "touchend" : "mouseup", + touchMoveEvent = supportTouch ? "touchmove" : "mousemove"; + +function triggerCustomEvent(obj, eventType, event) +{ + var originalType = event.type; + event.type = eventType; + $.event.handle.call( obj, event ); + event.type = originalType; +} + +// also handles scrollstop +$.event.special.scrollstart = { + enabled: true, + + setup: function() { + var thisObject = this, + $this = $( thisObject ), + scrolling, + timer; + + function trigger( event, state ) { + scrolling = state; + triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event ); + } + + // iPhone triggers scroll after a small delay; use touchmove instead + $this.bind( scrollEvent, function( event ) { + if ( !$.event.special.scrollstart.enabled ) { + return; + } + + if ( !scrolling ) { + trigger( event, true ); + } + + clearTimeout( timer ); + timer = setTimeout(function() { + trigger( event, false ); + }, 50 ); + }); + } +}; + +// also handles taphold +$.event.special.tap = { + setup: function() { + var thisObject = this, + $this = $( thisObject ); + + $this + .bind("vmousedown", function( event ) { + if ( event.which && event.which !== 1 ) { + return false; + } + + var touching = true, + origTarget = event.target, + origEvent = event.originalEvent, + timer; + + function clearTapHandlers() { + touching = false; + clearTimeout(timer); + $this.unbind("vclick", clickHandler).unbind("vmousecancel", clearTapHandlers); + } + + function clickHandler(event) { + clearTapHandlers(); + + / ONLY trigger a 'tap' event if the start target is + * the same as the stop target. + / + if ( origTarget == event.target ) { + triggerCustomEvent( thisObject, "tap", event ); + } + } + + $this.bind("vmousecancel", clearTapHandlers).bind("vclick", clickHandler); + + timer = setTimeout(function() { + if ( touching ) { + triggerCustomEvent( thisObject, "taphold", event ); + } + }, 750 ); + }); + } +}; + +// also handles swipeleft, swiperight +$.event.special.swipe = { + setup: function() { + var thisObject = this, + $this = $( thisObject ); + + $this + .bind( touchStartEvent, function( event ) { + var data = event.originalEvent.touches ? + event.originalEvent.touches[ 0 ] : + event, + start = { + time: (new Date).getTime(), + coords: [ data.pageX, data.pageY ], + origin: $( event.target ) + }, + stop; + + function moveHandler( event ) { + if ( !start ) { + return; + } + + var data = event.originalEvent.touches ? + event.originalEvent.touches[ 0 ] : + event; + stop = { + time: (new Date).getTime(), + coords: [ data.pageX, data.pageY ] + }; + + // prevent scrolling + if ( Math.abs( start.coords[0] - stop.coords[0] ) > 10 ) { + event.preventDefault(); + } + } + + $this + .bind( touchMoveEvent, moveHandler ) + .one( touchStopEvent, function( event ) { + $this.unbind( touchMoveEvent, moveHandler ); + if ( start && stop ) { + if ( stop.time - start.time < 1000 && + Math.abs( start.coords[0] - stop.coords[0]) > 30 && + Math.abs( start.coords[1] - stop.coords[1]) < 75 ) { + start.origin + .trigger( "swipe" ) + + .trigger( start.coords[0] > stop.coords[0] ? "swipeleft" : "swiperight" ); + } + } + start = stop = undefined; + }); + }); + } +}; + +(function($){ + // "Cowboy" Ben Alman + + var win = $(window), + special_event, + get_orientation, + last_orientation; + + $.event.special.orientationchange = special_event = { + setup: function(){ + // If the event is supported natively, return false so that jQuery + // will bind to the event using DOM methods. + if ( $.support.orientation ) { return false; } + + // Get the current orientation to avoid initial double-triggering. + last_orientation = get_orientation(); + + // Because the orientationchange event doesn't exist, simulate the + // event by testing window dimensions on resize. + win.bind( "throttledresize", handler ); + }, + teardown: function(){ + // If the event is not supported natively, return false so that + // jQuery will unbind the event using DOM methods. + if ( $.support.orientation ) { return false; } + + // Because the orientationchange event doesn't exist, unbind the + // resize event handler. + win.unbind( "throttledresize", handler ); + }, + add: function( handleObj ) { + // Save a reference to the bound event handler. + var old_handler = handleObj.handler; + + handleObj.handler = function( event ) { + // Modify event object, adding the .orientation property. + event.orientation = get_orientation(); + + // Call the originally-bound event handler and return its result. + return old_handler.apply( this, arguments ); + }; + } + }; + + // If the event is not supported natively, this handler will be bound to + // the window resize event to simulate the orientationchange event. + function handler() { + // Get the current orientation. + var orientation = get_orientation(); + + if ( orientation !== last_orientation ) { + // The orientation has changed, so trigger the orientationchange event. + last_orientation = orientation; + win.trigger( "orientationchange" ); + } + }; + + // Get the current page orientation. This method is exposed publicly, should it + // be needed, as jQuery.event.special.orientationchange.orientation() + $.event.special.orientationchange.orientation = get_orientation = function() { + var elem = document.documentElement; + return elem && elem.clientWidth / elem.clientHeight < 1.1 ? "portrait" : "landscape"; + }; + +})(jQuery); + + +// throttled resize event +(function(){ + $.event.special.throttledresize = { + setup: function() { + $( this ).bind( "resize", handler ); + }, + teardown: function(){ + $( this ).unbind( "resize", handler ); + } + }; + + var throttle = 250, + handler = function(){ + curr = ( new Date() ).getTime(); + diff = curr - lastCall; + if( diff >= throttle ){ + lastCall = curr; + $( this ).trigger( "throttledresize" ); + } + else{ + if( heldCall ){ + clearTimeout( heldCall ); + } + //promise a held call will still execute + heldCall = setTimeout( handler, throttle - diff ); + } + }, + lastCall = 0, + heldCall, + curr, + diff; +})(); + + +$.each({ + scrollstop: "scrollstart", + taphold: "tap", + swipeleft: "swipe", + swiperight: "swipe" +}, function( event, sourceEvent ) { + $.event.special[ event ] = { + setup: function() { + $( this ).bind( sourceEvent, $.noop ); + } + }; +}); + +})( jQuery ); +/! + * jQuery hashchange event - v1.3 - 7/21/2010 + * http://benalman.com/projects/jquery-hashchange-plugin/ + * + * Copyright (c) 2010 "Cowboy" Ben Alman + * Dual licensed under the MIT and GPL licenses. + * http://benalman.com/about/license/ + / + +// Script: jQuery hashchange event +// +// Version: 1.3, Last updated: 7/21/2010* +// +// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/ +// GitHub - http://github.com/cowboy/jquery-hashchange/ +// Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js +// (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped) +// +// About: License +// +// Copyright (c) 2010 "Cowboy" Ben Alman, +// Dual licensed under the MIT and GPL licenses. +// http://benalman.com/about/license/ +// +// About: Examples +// +// These working examples, complete with fully commented code, illustrate a few +// ways in which this plugin can be used. +// +// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/ +// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/ +// +// About: Support and Testing +// +// Information about what version or versions of jQuery this plugin has been +// tested with, what browsers it has been tested in, and where the unit tests +// reside (so you can test it yourself). +// +// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2 +// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5, +// Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5. +// Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/ +// +// About: Known issues +// +// While this jQuery hashchange event implementation is quite stable and +// robust, there are a few unfortunate browser bugs surrounding expected +// hashchange event-based behaviors, independent of any JavaScript +// window.onhashchange abstraction. See the following examples for more +// information: +// +// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/ +// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/ +// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/ +// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/ +// +// Also note that should a browser natively support the window.onhashchange +// event, but not report that it does, the fallback polling loop will be used. +// +// About: Release History +// +// 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more +// "removable" for mobile-only development. Added IE6/7 document.title +// support. Attempted to make Iframe as hidden as possible by using +// techniques from http://www.paciellogroup.com/blog/?p=604. Added +// support for the "shortcut" format $(window).hashchange( fn ) and +// $(window).hashchange() like jQuery provides for built-in events. +// Renamed jQuery.hashchangeDelay to and +// lowered its default value to 50. Added +// and properties plus document-domain.html +// file to address access denied issues when setting document.domain in +// IE6/7. +// 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin +// from a page on another domain would cause an error in Safari 4. Also, +// IE6/7 Iframe is now inserted after the body (this actually works), +// which prevents the page from scrolling when the event is first bound. +// Event can also now be bound before DOM ready, but it won't be usable +// before then in IE6/7. +// 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug +// where browser version is incorrectly reported as 8.0, despite +// inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag. +// 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special +// window.onhashchange functionality into a separate plugin for users +// who want just the basic event & back button support, without all the +// extra awesomeness that BBQ provides. This plugin will be included as +// part of jQuery BBQ, but also be available separately. + +(function($,window,undefined){ + '$:nomunge'; // Used by YUI compressor. + + // Reused string. + var str_hashchange = 'hashchange', + + // Method / object references. + doc = document, + fake_onhashchange, + special = $.event.special, + + // Does the browser support window.onhashchange? Note that IE8 running in + // IE7 compatibility mode reports true for 'onhashchange' in window, even + // though the event isn't supported, so also test document.documentMode. + doc_mode = doc.documentMode, + supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 ); + + // Get location.hash (or what you'd expect location.hash to be) sans any + // leading #. Thanks for making this necessary, Firefox! + function get_fragment( url ) { + url = url || location.href; + return '#' + url.replace( /^[^#]#?(.)$/, '$1' ); + }; + + // Method: jQuery.fn.hashchange + // + // Bind a handler to the window.onhashchange event or trigger all bound + // window.onhashchange event handlers. This behavior is consistent with + // jQuery's built-in event handlers. + // + // Usage: + // + // > jQuery(window).hashchange( [ handler ] ); + // + // Arguments: + // + // handler - (Function) Optional handler to be bound to the hashchange + // event. This is a "shortcut" for the more verbose form: + // jQuery(window).bind( 'hashchange', handler ). If handler is omitted, + // all bound window.onhashchange event handlers will be triggered. This + // is a shortcut for the more verbose + // jQuery(window).trigger( 'hashchange' ). These forms are described in + // the section. + // + // Returns: + // + // (jQuery) The initial jQuery collection of elements. + + // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and + // $(elem).hashchange() for triggering, like jQuery does for built-in events. + $.fn[ str_hashchange ] = function( fn ) { + return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange ); + }; + + // Property: jQuery.fn.hashchange.delay + // + // The numeric interval (in milliseconds) at which the + // polling loop executes. Defaults to 50. + + // Property: jQuery.fn.hashchange.domain + // + // If you're setting document.domain in your JavaScript, and you want hash + // history to work in IE6/7, not only must this property be set, but you must + // also set document.domain BEFORE jQuery is loaded into the page. This + // property is only applicable if you are supporting IE6/7 (or IE8 operating + // in "IE7 compatibility" mode). + // + // In addition, the property must be set to the + // path of the included "document-domain.html" file, which can be renamed or + // modified if necessary (note that the document.domain specified must be the + // same in both your main JavaScript as well as in this file). + // + // Usage: + // + // jQuery.fn.hashchange.domain = document.domain; + + // Property: jQuery.fn.hashchange.src + // + // If, for some reason, you need to specify an Iframe src file (for example, + // when setting document.domain as in ), you can + // do so using this property. Note that when using this property, history + // won't be recorded in IE6/7 until the Iframe src file loads. This property + // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7 + // compatibility" mode). + // + // Usage: + // + // jQuery.fn.hashchange.src = 'path/to/file.html'; + + $.fn[ str_hashchange ].delay = 50; + /* + $.fn[ str_hashchange ].domain = null; + $.fn[ str_hashchange ].src = null; + / + + // Event: hashchange event + // + // Fired when location.hash changes. In browsers that support it, the native + // HTML5 window.onhashchange event is used, otherwise a polling loop is + // initialized, running every milliseconds to + // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7 + // compatibility" mode), a hidden Iframe is created to allow the back button + // and hash-based history to work. + // + // Usage as described in : + // + // > // Bind an event handler. + // > jQuery(window).hashchange( function(e) { + // > var hash = location.hash; + // > ... + // > }); + // > + // > // Manually trigger the event handler. + // > jQuery(window).hashchange(); + // + // A more verbose usage that allows for event namespacing: + // + // > // Bind an event handler. + // > jQuery(window).bind( 'hashchange', function(e) { + // > var hash = location.hash; + // > ... + // > }); + // > + // > // Manually trigger the event handler. + // > jQuery(window).trigger( 'hashchange' ); + // + // Additional Notes: + // + // The polling loop and Iframe are not created until at least one handler + // is actually bound to the 'hashchange' event. + // * If you need the bound handler(s) to execute immediately, in cases where + // a location.hash exists on page load, via bookmark or page refresh for + // example, use jQuery(window).hashchange() or the more verbose + // jQuery(window).trigger( 'hashchange' ). + // * The event can be bound before DOM ready, but since it won't be usable + // before then in IE6/7 (due to the necessary Iframe), recommended usage is + // to bind it inside a DOM ready handler. + + // Override existing $.event.special.hashchange methods (allowing this plugin + // to be defined after jQuery BBQ in BBQ's source code). + special[ str_hashchange ] = $.extend( special[ str_hashchange ], { + + // Called only when the first 'hashchange' event is bound to window. + setup: function() { + // If window.onhashchange is supported natively, there's nothing to do.. + if ( supports_onhashchange ) { return false; } + + // Otherwise, we need to create our own. And we don't want to call this + // until the user binds to the event, just in case they never do, since it + // will create a polling loop and possibly even a hidden Iframe. + $( fake_onhashchange.start ); + }, + + // Called only when the last 'hashchange' event is unbound from window. + teardown: function() { + // If window.onhashchange is supported natively, there's nothing to do.. + if ( supports_onhashchange ) { return false; } + + // Otherwise, we need to stop ours (if possible). + $( fake_onhashchange.stop ); + } + + }); + + // fake_onhashchange does all the work of triggering the window.onhashchange + // event for browsers that don't natively support it, including creating a + // polling loop to watch for hash changes and in IE 6/7 creating a hidden + // Iframe to enable back and forward. + fake_onhashchange = (function(){ + var self = {}, + timeout_id, + + // Remember the initial hash so it doesn't get triggered immediately. + last_hash = get_fragment(), + + fn_retval = function(val){ return val; }, + history_set = fn_retval, + history_get = fn_retval; + + // Start the polling loop. + self.start = function() { + timeout_id || poll(); + }; + + // Stop the polling loop. + self.stop = function() { + timeout_id && clearTimeout( timeout_id ); + timeout_id = undefined; + }; + + // This polling loop checks every $.fn.hashchange.delay milliseconds to see + // if location.hash has changed, and triggers the 'hashchange' event on + // window when necessary. + function poll() { + var hash = get_fragment(), + history_hash = history_get( last_hash ); + + if ( hash !== last_hash ) { + history_set( last_hash = hash, history_hash ); + + $(window).trigger( str_hashchange ); + + } else if ( history_hash !== last_hash ) { + location.href = location.href.replace( /#./, '' ) + history_hash; + } + + timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay ); + }; + + // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv + // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv + // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv + $.browser.msie && !supports_onhashchange && (function(){ + // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8 + // when running in "IE7 compatibility" mode. + + var iframe, + iframe_src; + + // When the event is bound and polling starts in IE 6/7, create a hidden + // Iframe for history handling. + self.start = function(){ + if ( !iframe ) { + iframe_src = $.fn[ str_hashchange ].src; + iframe_src = iframe_src && iframe_src + get_fragment(); + + // Create hidden Iframe. Attempt to make Iframe as hidden as possible + // by using techniques from http://www.paciellogroup.com/blog/?p=604. + iframe = $('').hide() + + // When Iframe has completely loaded, initialize the history and + // start polling. + .one( 'load', function(){ + iframe_src || history_set( get_fragment() ); + poll(); + }) + + // Load Iframe src if specified, otherwise nothing. + .attr( 'src', iframe_src || 'javascript:0' ) + + // Append Iframe after the end of the body to prevent unnecessary + // initial page scrolling (yes, this works). + .insertAfter( 'body' )[0].contentWindow; + + // Whenever `document.title` changes, update the Iframe's title to + // prettify the back/next history menu entries. Since IE sometimes + // errors with "Unspecified error" the very first time this is set + // (yes, very useful) wrap this with a try/catch block. + doc.onpropertychange = function(){ + try { + if ( event.propertyName === 'title' ) { + iframe.document.title = doc.title; + } + } catch(e) {} + }; + + } + }; + + // Override the "stop" method since an IE6/7 Iframe was created. Even + // if there are no longer any bound event handlers, the polling loop + // is still necessary for back/next to work at all! + self.stop = fn_retval; + + // Get history by looking at the hidden Iframe's location.hash. + history_get = function() { + return get_fragment( iframe.location.href ); + }; + + // Set a new history item by opening and then closing the Iframe + // document, then* setting its location.hash. If document.domain has + // been set, update that as well. + history_set = function( hash, history_hash ) { + var iframe_doc = iframe.document, + domain = $.fn[ str_hashchange ].domain; + + if ( hash !== history_hash ) { + // Update Iframe with any initial `document.title` that might be set. + iframe_doc.title = doc.title; + + // Opening the Iframe's document after it has been closed is what + // actually adds a history entry. + iframe_doc.open(); + + // Set document.domain for the Iframe document as well, if necessary. + domain && iframe_doc.write( '<script>document.domain="' + domain + '"</script>' ); + + iframe_doc.close(); + + // Update the Iframe's hash, for great justice. + iframe.location.hash = hash; + } + }; + + })(); + // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^ + // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + + return self; + })(); + +})(jQuery,this); +/* +* jQuery Mobile Framework : "page" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { + +$.widget( "mobile.page", $.mobile.widget, { + options: { + backBtnText: "Back", + addBackBtn: false, + backBtnTheme: null, + degradeInputs: { + color: false, + date: false, + datetime: false, + "datetime-local": false, + email: false, + month: false, + number: false, + range: "number", + search: true, + tel: false, + time: false, + url: false, + week: false + }, + keepNative: null + }, + + _create: function() { + var $elem = this.element, + o = this.options; + + this.keepNative = ":jqmData(role='none'), :jqmData(role='nojs')" + (o.keepNative ? ", " + o.keepNative : ""); + + if ( this._trigger( "beforeCreate" ) === false ) { + return; + } + + //some of the form elements currently rely on the presence of ui-page and ui-content + // classes so we'll handle page and content roles outside of the main role processing + // loop below. + $elem.find( ":jqmData(role='page'), :jqmData(role='content')" ).andSelf().each(function() { + $(this).addClass( "ui-" + $(this).jqmData( "role" ) ); + }); + + $elem.find( ":jqmData(role='nojs')" ).addClass( "ui-nojs" ); + + // pre-find data els + var $dataEls = $elem.find( ":jqmData(role)" ).andSelf().each(function() { + var $this = $( this ), + role = $this.jqmData( "role" ), + theme = $this.jqmData( "theme" ); + + //apply theming and markup modifications to page,header,content,footer + if ( role === "header" || role === "footer" ) { + $this.addClass( "ui-bar-" + (theme || $this.parent( ":jqmData(role='page')" ).jqmData( "theme" ) || "a") ); + + // add ARIA role + $this.attr( "role", role === "header" ? "banner" : "contentinfo" ); + + //right,left buttons + var $headeranchors = $this.children( "a" ), + leftbtn = $headeranchors.hasClass( "ui-btn-left" ), + rightbtn = $headeranchors.hasClass( "ui-btn-right" ); + + if ( !leftbtn ) { + leftbtn = $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length; + } + + if ( !rightbtn ) { + rightbtn = $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length; + } + + // auto-add back btn on pages beyond first view + if ( o.addBackBtn && role === "header" && + $( ".ui-page" ).length > 1 && + $elem.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) && + !leftbtn && $this.jqmData( "backbtn" ) !== false ) { + + var backBtn = $( "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>" ).prependTo( $this ); + + //if theme is provided, override default inheritance + if( o.backBtnTheme ){ + backBtn.attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme ); + } + } + + //page title + $this.children( "h1, h2, h3, h4, h5, h6" ) + .addClass( "ui-title" ) + //regardless of h element number in src, it becomes h1 for the enhanced page + .attr({ "tabindex": "0", "role": "heading", "aria-level": "1" }); + + } else if ( role === "content" ) { + if ( theme ) { + $this.addClass( "ui-body-" + theme ); + } + + // add ARIA role + $this.attr( "role", "main" ); + + } else if ( role === "page" ) { + $this.addClass( "ui-body-" + (theme || "c") ); + } + + switch(role) { + case "header": + case "footer": + case "page": + case "content": + $this.addClass( "ui-" + role ); + break; + case "collapsible": + case "fieldcontain": + case "navbar": + case "listview": + case "dialog": + $this[ role ](); + break; + } + }); + + //enhance form controls + this._enhanceControls(); + + //links in bars, or those with data-role become buttons + $elem.find( ":jqmData(role='button'), .ui-bar > a, .ui-header > a, .ui-footer > a" ) + .not( ".ui-btn" ) + .not(this.keepNative) + .buttonMarkup(); + + $elem + .find(":jqmData(role='controlgroup')") + .controlgroup(); + + //links within content areas + $elem.find( "a:not(.ui-btn):not(.ui-link-inherit)" ) + .not(this.keepNative) + .addClass( "ui-link" ); + + //fix toolbars + $elem.fixHeaderFooter(); + }, + + _typeAttributeRegex: /\s+type=["']?\w+['"]?/, + + _enhanceControls: function() { + var o = this.options, self = this; + + // degrade inputs to avoid poorly implemented native functionality + this.element.find( "input" ).not(this.keepNative).each(function() { + var type = this.getAttribute( "type" ), + optType = o.degradeInputs[ type ] || "text"; + + if ( o.degradeInputs[ type ] ) { + $( this ).replaceWith( + $( "<div>" ).html( $(this).clone() ).html() + .replace( self._typeAttributeRegex, " type=\""+ optType +"\" data-" + $.mobile.ns + "type=\""+type+"\" " ) ); + } + }); + + // We re-find form elements since the degredation code above + // may have injected new elements. We cache the non-native control + // query to reduce the number of times we search through the entire page. + + var allControls = this.element.find("input, textarea, select, button"), + nonNativeControls = allControls.not(this.keepNative); + + // XXX: Temporary workaround for issue 785. Turn off autocorrect and + // autocomplete since the popup they use can't be dismissed by + // the user. Note that we test for the presence of the feature + // by looking for the autocorrect property on the input element. + + var textInputs = allControls.filter( "input[type=text]" ); + if (textInputs.length && typeof textInputs[0].autocorrect !== "undefined") { + textInputs.each(function(){ + // Set the attribute instead of the property just in case there + // is code that attempts to make modifications via HTML. + this.setAttribute("autocorrect", "off"); + this.setAttribute("autocomplete", "off"); + }); + } + + // enchance form controls + nonNativeControls + .filter( "[type='radio'], [type='checkbox']" ) + .checkboxradio(); + + nonNativeControls + .filter( "button, [type='button'], [type='submit'], [type='reset'], [type='image']" ) + .button(); + + nonNativeControls + .filter( "input, textarea" ) + .not( "[type='radio'], [type='checkbox'], [type='button'], [type='submit'], [type='reset'], [type='image'], [type='hidden']" ) + .textinput(); + + nonNativeControls + .filter( "input, select" ) + .filter( ":jqmData(role='slider'), :jqmData(type='range')" ) + .slider(); + + nonNativeControls + .filter( "select:not(:jqmData(role='slider'))" ) + .selectmenu(); + } +}); + +})( jQuery ); +/! + * jQuery Mobile v@VERSION + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + / + +(function( $, window, undefined ) { + + //jQuery.mobile configurable options + $.extend( $.mobile, { + + //namespace used framework-wide for data-attrs. Default is no namespace + ns: "", + + //define the url parameter used for referencing widget-generated sub-pages. + //Translates to to example.html&ui-page=subpageIdentifier + //hash segment before &ui-page= is used to make Ajax request + subPageUrlKey: "ui-page", + + //anchor links with a data-rel, or pages with a data-role, that match these selectors will be untrackable in history + //(no change in URL, not bookmarkable) + nonHistorySelectors: "dialog", + + //class assigned to page currently in view, and during transitions + activePageClass: "ui-page-active", + + //class used for "active" button state, from CSS framework + activeBtnClass: "ui-btn-active", + + //automatically handle clicks and form submissions through Ajax, when same-domain + ajaxEnabled: true, + + //When enabled, clicks and taps that result in Ajax page changes will happen slightly sooner on touch devices. + //Also, it will prevent the address bar from appearing on platforms like iOS during page transitions. + //This option has no effect on non-touch devices, but enabling it may interfere with jQuery plugins that bind to click events + useFastClick: true, + + //automatically load and show pages based on location.hash + hashListeningEnabled: true, + + //set default page transition - 'none' for no transitions + defaultPageTransition: "slide", + + //minimum scroll distance that will be remembered when returning to a page + minScrollBack: screen.height / 2, + + //set default dialog transition - 'none' for no transitions + defaultDialogTransition: "pop", + + //show loading message during Ajax requests + //if false, message will not appear, but loading classes will still be toggled on html el + loadingMessage: "loading", + + //error response message - appears when an Ajax page request fails + pageLoadErrorMessage: "Error Loading Page", + + //support conditions that must be met in order to proceed + //default enhanced qualifications are media query support OR IE 7+ + gradeA: function(){ + return $.support.mediaquery || $.mobile.browser.ie && $.mobile.browser.ie >= 7; + }, + + //TODO might be useful upstream in jquery itself ? + keyCode: { + ALT: 18, + BACKSPACE: 8, + CAPS_LOCK: 20, + COMMA: 188, + COMMAND: 91, + COMMAND_LEFT: 91, // COMMAND + COMMAND_RIGHT: 93, + CONTROL: 17, + DELETE: 46, + DOWN: 40, + END: 35, + ENTER: 13, + ESCAPE: 27, + HOME: 36, + INSERT: 45, + LEFT: 37, + MENU: 93, // COMMAND_RIGHT + NUMPAD_ADD: 107, + NUMPAD_DECIMAL: 110, + NUMPAD_DIVIDE: 111, + NUMPAD_ENTER: 108, + NUMPAD_MULTIPLY: 106, + NUMPAD_SUBTRACT: 109, + PAGE_DOWN: 34, + PAGE_UP: 33, + PERIOD: 190, + RIGHT: 39, + SHIFT: 16, + SPACE: 32, + TAB: 9, + UP: 38, + WINDOWS: 91 // COMMAND + }, + + //scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value + silentScroll: function( ypos ) { + if( $.type( ypos ) !== "number" ){ + ypos = $.mobile.defaultHomeScroll; + } + + // prevent scrollstart and scrollstop events + $.event.special.scrollstart.enabled = false; + + setTimeout(function() { + window.scrollTo( 0, ypos ); + $(document).trigger( "silentscroll", { x: 0, y: ypos }); + },20); + + setTimeout(function() { + $.event.special.scrollstart.enabled = true; + }, 150 ); + }, + + // compile the namespace normalization regex once + normalizeRegex: /-([a-z])/g, + + // take a data attribute property, prepend the namespace + // and then camel case the attribute string + nsNormalize: function(prop){ + if(!prop) return; + + return $.camelCase( $.mobile.ns + prop ); + } + }); + + //mobile version of data and removeData and hasData methods + //ensures all data is set and retrieved using jQuery Mobile's data namespace + $.fn.jqmData = function( prop, value ){ + return this.data( prop ? $.mobile.nsNormalize(prop) : prop, value ); + }; + + $.jqmData = function( elem, prop, value ){ + return $.data( elem, $.mobile.nsNormalize(prop), value ); + }; + + $.fn.jqmRemoveData = function( prop ){ + return this.removeData( $.mobile.nsNormalize(prop) ); + }; + + $.jqmRemoveData = function( elem, prop ){ + return $.removeData( elem, $.mobile.nsNormalize(prop) ); + }; + + $.jqmHasData = function( elem, prop ){ + return $.hasData( elem, $.mobile.nsNormalize(prop) ); + }; + + // Monkey-patching Sizzle to filter the :jqmData selector + var oldFind = $.find; + + $.find = function( selector, context, ret, extra ) { + selector = selector.replace(/:jqmData$([^)])$/g, "[data-" + ($.mobile.ns || "") + "$1]"); + + return oldFind.call( this, selector, context, ret, extra ); + }; + + $.extend( $.find, oldFind ); + + $.find.matches = function( expr, set ) { + return $.find( expr, null, null, set ); + }; + + $.find.matchesSelector = function( node, expr ) { + return $.find( expr, null, null, [node] ).length > 0; + }; +})( jQuery, this ); +/* +* jQuery Mobile Framework : core utilities for auto ajax navigation, base tag mgmt, +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +( function( $, undefined ) { + + //define vars for interal use + var $window = $( window ), + $html = $( 'html' ), + $head = $( 'head' ), + + //url path helpers for use in relative url management + path = { + + // This scary looking regular expression parses an absolute URL or its relative + // variants (protocol, site, document, query, and hash), into the various + // components (protocol, host, path, query, fragment, etc that make up the + // URL as well as some other commonly used sub-parts. When used with RegExp.exec() + // or String.match, it parses the URL into a results array that looks like this: + // + // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content + // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread + // [2]: http://jblas:password@mycompany.com:8080/mail/inbox + // [3]: http://jblas:password@mycompany.com:8080 + // [4]: http: + // [5]: jblas:password@mycompany.com:8080 + // [6]: jblas:password + // [7]: jblas + // [8]: password + // [9]: mycompany.com:8080 + // [10]: mycompany.com + // [11]: 8080 + // [12]: /mail/inbox + // [13]: /mail/ + // [14]: inbox + // [15]: ?msg=1234&type=unread + // [16]: #msg-content + // + urlParseRE: /^(((([^:\/#\?]+:)?(?:\/\/((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?]+)(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+))([^\?#])))?(\?[^#]+)?)(#.)?/, + + //Parse a URL into a structure that allows easy access to + //all of the URL components by name. + parseUrl: function( url ) { + // If we're passed an object, we'll assume that it is + // a parsed url object and just return it back to the caller. + if ( typeof url === "object" ) { + return url; + } + + var u = url || "", + matches = path.urlParseRE.exec( url ), + results; + if ( matches ) { + // Create an object that allows the caller to access the sub-matches + // by name. Note that IE returns an empty string instead of undefined, + // like all other browsers do, so we normalize everything so its consistent + // no matter what browser we're running on. + results = { + href: matches[0] || "", + hrefNoHash: matches[1] || "", + hrefNoSearch: matches[2] || "", + domain: matches[3] || "", + protocol: matches[4] || "", + authority: matches[5] || "", + username: matches[7] || "", + password: matches[8] || "", + host: matches[9] || "", + hostname: matches[10] || "", + port: matches[11] || "", + pathname: matches[12] || "", + directory: matches[13] || "", + filename: matches[14] || "", + search: matches[15] || "", + hash: matches[16] || "" + }; + } + return results || {}; + }, + + //Turn relPath into an asbolute path. absPath is + //an optional absolute path which describes what + //relPath is relative to. + makePathAbsolute: function( relPath, absPath ) { + if ( relPath && relPath.charAt( 0 ) === "/" ) { + return relPath; + } + + relPath = relPath || ""; + absPath = absPath ? absPath.replace( /^\/|\/?[^\/]$/g, "" ) : ""; + + var absStack = absPath ? absPath.split( "/" ) : [], + relStack = relPath.split( "/" ); + for ( var i = 0; i < relStack.length; i++ ) { + var d = relStack[ i ]; + switch ( d ) { + case ".": + break; + case "..": + if ( absStack.length ) { + absStack.pop(); + } + break; + default: + absStack.push( d ); + break; + } + } + return "/" + absStack.join( "/" ); + }, + + //Returns true if both urls have the same domain. + isSameDomain: function( absUrl1, absUrl2 ) { + return path.parseUrl( absUrl1 ).domain === path.parseUrl( absUrl2 ).domain; + }, + + //Returns true for any relative variant. + isRelativeUrl: function( url ) { + // All relative Url variants have one thing in common, no protocol. + return path.parseUrl( url ).protocol === ""; + }, + + //Returns true for an absolute url. + isAbsoluteUrl: function( url ) { + return path.parseUrl( url ).protocol !== ""; + }, + + //Turn the specified realtive URL into an absolute one. This function + //can handle all relative variants (protocol, site, document, query, fragment). + makeUrlAbsolute: function( relUrl, absUrl ) { + if ( !path.isRelativeUrl( relUrl ) ) { + return relUrl; + } + + var relObj = path.parseUrl( relUrl ), + absObj = path.parseUrl( absUrl ), + protocol = relObj.protocol || absObj.protocol, + authority = relObj.authority || absObj.authority, + hasPath = relObj.pathname !== "", + pathname = path.makePathAbsolute( relObj.pathname || absObj.filename, absObj.pathname ), + search = relObj.search || ( !hasPath && absObj.search ) || "", + hash = relObj.hash; + + return protocol + "//" + authority + pathname + search + hash; + }, + + //Add search (aka query) params to the specified url. + addSearchParams: function( url, params ) { + var u = path.parseUrl( url ), + p = ( typeof params === "object" ) ? $.param( params ) : params, + s = u.search || "?"; + return u.hrefNoSearch + s + ( s.charAt( s.length - 1 ) !== "?" ? "&" : "" ) + p + ( u.hash || "" ); + }, + + convertUrlToDataUrl: function( absUrl ) { + var u = path.parseUrl( absUrl ); + if ( path.isEmbeddedPage( u ) ) { + return u.hash.replace( /^#/, "" ); + } else if ( path.isSameDomain( u, documentBase ) ) { + return u.hrefNoHash.replace( documentBase.domain, "" ); + } + return absUrl; + }, + + //get path from current hash, or from a file path + get: function( newPath ) { + if( newPath === undefined ) { + newPath = location.hash; + } + return path.stripHash( newPath ).replace( /[^\/]\.[^\/]+$/, '' ); + }, + + //return the substring of a filepath before the sub-page key, for making a server request + getFilePath: function( path ) { + var splitkey = '&' + $.mobile.subPageUrlKey; + return path && path.split( splitkey )[0].split( dialogHashKey )[0]; + }, + + //set location hash to path + set: function( path ) { + location.hash = path; + }, + + //test if a given url (string) is a path + //NOTE might be exceptionally naive + isPath: function( url ) { + return ( /\// ).test( url ); + }, + + //return a url path with the window's location protocol/hostname/pathname removed + clean: function( url ) { + return url.replace( documentBase.domain, "" ); + }, + + //just return the url without an initial # + stripHash: function( url ) { + return url.replace( /^#/, "" ); + }, + + //remove the preceding hash, any query params, and dialog notations + cleanHash: function( hash ) { + return path.stripHash( hash.replace( /\?.$/, "" ).replace( dialogHashKey, "" ) ); + }, + + //check whether a url is referencing the same domain, or an external domain or different protocol + //could be mailto, etc + isExternal: function( url ) { + var u = path.parseUrl( url ); + return u.protocol && u.domain !== documentUrl.domain ? true : false; + }, + + hasProtocol: function( url ) { + return ( /^(:?\w+:)/ ).test( url ); + }, + + isEmbeddedPage: function( url ) { + var u = path.parseUrl( url ); + + //if the path is absolute, then we need to compare the url against + //both the documentUrl and the documentBase. The main reason for this + //is that links embedded within external documents will refer to the + //application document, whereas links embedded within the application + //document will be resolved against the document base. + if ( u.protocol !== "" ) { + return ( u.hash && ( u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ) ) ); + } + return (/^#/).test( u.href ); + } + }, + + //will be defined when a link is clicked and given an active class + $activeClickedLink = null, + + //urlHistory is purely here to make guesses at whether the back or forward button was clicked + //and provide an appropriate transition + urlHistory = { + //array of pages that are visited during a single page load. each has a url and optional transition + stack: [], + + //maintain an index number for the active page in the stack + activeIndex: 0, + + //get active + getActive: function() { + return urlHistory.stack[ urlHistory.activeIndex ]; + }, + + getPrev: function() { + return urlHistory.stack[ urlHistory.activeIndex - 1 ]; + }, + + getNext: function() { + return urlHistory.stack[ urlHistory.activeIndex + 1 ]; + }, + + // addNew is used whenever a new page is added + addNew: function( url, transition, title, storedTo ) { + //if there's forward history, wipe it + if( urlHistory.getNext() ) { + urlHistory.clearForward(); + } + + urlHistory.stack.push( {url : url, transition: transition, title: title, page: storedTo } ); + + urlHistory.activeIndex = urlHistory.stack.length - 1; + }, + + //wipe urls ahead of active index + clearForward: function() { + urlHistory.stack = urlHistory.stack.slice( 0, urlHistory.activeIndex + 1 ); + }, + + directHashChange: function( opts ) { + var back , forward, newActiveIndex; + + // check if url isp in history and if it's ahead or behind current page + $.each( urlHistory.stack, function( i, historyEntry ) { + + //if the url is in the stack, it's a forward or a back + if( opts.currentUrl === historyEntry.url ) { + //define back and forward by whether url is older or newer than current page + back = i < urlHistory.activeIndex; + forward = !back; + newActiveIndex = i; + } + }); + + // save new page index, null check to prevent falsey 0 result + this.activeIndex = newActiveIndex !== undefined ? newActiveIndex : this.activeIndex; + + if( back ) { + opts.isBack(); + } else if( forward ) { + opts.isForward(); + } + }, + + //disable hashchange event listener internally to ignore one change + //toggled internally when location.hash is updated to match the url of a successful page load + ignoreNextHashChange: false + }, + + //define first selector to receive focus when a page is shown + focusable = "[tabindex],a,button:visible,select:visible,input", + + //queue to hold simultanious page transitions + pageTransitionQueue = [], + + //indicates whether or not page is in process of transitioning + isPageTransitioning = false, + + //nonsense hash change key for dialogs, so they create a history entry + dialogHashKey = "&ui-state=dialog", + + //existing base tag? + $base = $head.children( "base" ), + + //tuck away the original document URL minus any fragment. + documentUrl = path.parseUrl( location.href ), + + //if the document has an embedded base tag, documentBase is set to its + //initial value. If a base tag does not exist, then we default to the documentUrl. + documentBase = $base.length ? path.parseUrl( path.makeUrlAbsolute( $base.attr( "href" ), documentUrl.href ) ) : documentUrl, + + //cache the comparison once. + documentBaseDiffers = ( documentUrl.hrefNoHash !== documentBase.hrefNoHash ); + + //base element management, defined depending on dynamic base tag support + var base = $.support.dynamicBaseTag ? { + + //define base element, for use in routing asset urls that are referenced in Ajax-requested markup + element: ( $base.length ? $base : $( "<base>", { href: documentBase.hrefNoHash } ).prependTo( $head ) ), + + //set the generated BASE element's href attribute to a new page's base path + set: function( href ) { + base.element.attr( "href", path.makeUrlAbsolute( href, documentBase ) ); + }, + + //set the generated BASE element's href attribute to a new page's base path + reset: function() { + base.element.attr( "href", documentBase.hrefNoHash ); + } + + } : undefined; + +/* + internal utility functions +--------------------------------------/ + + + //direct focus to the page title, or otherwise first focusable element + function reFocus( page ) { + var lastClicked = page.jqmData( "lastClicked" ); + + if( lastClicked && lastClicked.length ) { + lastClicked.focus(); + } + else { + var pageTitle = page.find( ".ui-title:eq(0)" ); + + if( pageTitle.length ) { + pageTitle.focus(); + } + else{ + page.find( focusable ).eq( 0 ).focus(); + } + } + } + + //remove active classes after page transition or error + function removeActiveLinkClass( forceRemoval ) { + if( !!$activeClickedLink && ( !$activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval ) ) { + $activeClickedLink.removeClass( $.mobile.activeBtnClass ); + } + $activeClickedLink = null; + } + + function releasePageTransitionLock() { + isPageTransitioning = false; + if( pageTransitionQueue.length > 0 ) { + $.mobile.changePage.apply( null, pageTransitionQueue.pop() ); + } + } + + //function for transitioning between two existing pages + function transitionPages( toPage, fromPage, transition, reverse ) { + + //get current scroll distance + var currScroll = $.support.scrollTop ? $window.scrollTop() : true, + toScroll = toPage.data( "lastScroll" ) || $.mobile.defaultHomeScroll, + screenHeight = getScreenHeight(); + + //if scrolled down, scroll to top + if( currScroll ){ + window.scrollTo( 0, $.mobile.defaultHomeScroll ); + } + + //if the Y location we're scrolling to is less than 10px, let it go for sake of smoothness + if( toScroll < $.mobile.minScrollBack ){ + toScroll = 0; + } + + if( fromPage ) { + //set as data for returning to that spot + fromPage + .height( screenHeight + currScroll ) + .jqmData( "lastScroll", currScroll ) + .jqmData( "lastClicked", $activeClickedLink ); + + //trigger before show/hide events + fromPage.data( "page" )._trigger( "beforehide", null, { nextPage: toPage } ); + } + toPage + .height( screenHeight + toScroll ) + .data( "page" )._trigger( "beforeshow", null, { prevPage: fromPage || $( "" ) } ); + + //clear page loader + $.mobile.hidePageLoadingMsg(); + + //find the transition handler for the specified transition. If there + //isn't one in our transitionHandlers dictionary, use the default one. + //call the handler immediately to kick-off the transition. + var th = $.mobile.transitionHandlers[transition || "none"] || $.mobile.defaultTransitionHandler, + promise = th( transition, reverse, toPage, fromPage ); + + promise.done(function() { + //reset toPage height bac + toPage.height( "" ); + + //jump to top or prev scroll, sometimes on iOS the page has not rendered yet. + if( toScroll ){ + $.mobile.silentScroll( toScroll ); + $( document ).one( "silentscroll", function() { reFocus( toPage ); } ); + } + else{ + reFocus( toPage ); + } + + //trigger show/hide events + if( fromPage ) { + fromPage.height("").data( "page" )._trigger( "hide", null, { nextPage: toPage } ); + } + + //trigger pageshow, define prevPage as either fromPage or empty jQuery obj + toPage.data( "page" )._trigger( "show", null, { prevPage: fromPage || $( "" ) } ); + }); + + return promise; + } + + //simply set the active page's minimum height to screen height, depending on orientation + function getScreenHeight(){ + var orientation = jQuery.event.special.orientationchange.orientation(), + port = orientation === "portrait", + winMin = port ? 480 : 320, + screenHeight = port ? screen.availHeight : screen.availWidth, + winHeight = Math.max( winMin, $( window ).height() ), + pageMin = Math.min( screenHeight, winHeight ); + + return pageMin; + } + + //simply set the active page's minimum height to screen height, depending on orientation + function resetActivePageHeight(){ + $( "." + $.mobile.activePageClass ).css( "min-height", getScreenHeight() ); + } + + //shared page enhancements + function enhancePage( $page, role ) { + // If a role was specified, make sure the data-role attribute + // on the page element is in sync. + if( role ) { + $page.attr( "data-" + $.mobile.ns + "role", role ); + } + + //run page plugin + $page.page(); + } + +/ exposed $.mobile methods / + + //animation complete callback + $.fn.animationComplete = function( callback ) { + if( $.support.cssTransitions ) { + return $( this ).one( 'webkitAnimationEnd', callback ); + } + else{ + // defer execution for consistency between webkit/non webkit + setTimeout( callback, 0 ); + return $( this ); + } + }; + + //update location.hash, with or without triggering hashchange event + //TODO - deprecate this one at 1.0 + $.mobile.updateHash = path.set; + + //expose path object on $.mobile + $.mobile.path = path; + + //expose base object on $.mobile + $.mobile.base = base; + + //url stack, useful when plugins need to be aware of previous pages viewed + //TODO: deprecate this one at 1.0 + $.mobile.urlstack = urlHistory.stack; + + //history stack + $.mobile.urlHistory = urlHistory; + + //default non-animation transition handler + $.mobile.noneTransitionHandler = function( name, reverse, $toPage, $fromPage ) { + if ( $fromPage ) { + $fromPage.removeClass( $.mobile.activePageClass ); + } + $toPage.addClass( $.mobile.activePageClass ); + + return $.Deferred().resolve( name, reverse, $toPage, $fromPage ).promise(); + }; + + //default handler for unknown transitions + $.mobile.defaultTransitionHandler = $.mobile.noneTransitionHandler; + + //transition handler dictionary for 3rd party transitions + $.mobile.transitionHandlers = { + none: $.mobile.defaultTransitionHandler + }; + + //enable cross-domain page support + $.mobile.allowCrossDomainPages = false; + + //return the original document url + $.mobile.getDocumentUrl = function(asParsedObject) { + return asParsedObject ? $.extend( {}, documentUrl ) : documentUrl.href; + }; + + //return the original document base url + $.mobile.getDocumentBase = function(asParsedObject) { + return asParsedObject ? $.extend( {}, documentBase ) : documentBase.href; + }; + + // Load a page into the DOM. + $.mobile.loadPage = function( url, options ) { + // This function uses deferred notifications to let callers + // know when the page is done loading, or if an error has occurred. + var deferred = $.Deferred(), + + // The default loadPage options with overrides specified by + // the caller. + settings = $.extend( {}, $.mobile.loadPage.defaults, options ), + + // The DOM element for the page after it has been loaded. + page = null, + + // If the reloadPage option is true, and the page is already + // in the DOM, dupCachedPage will be set to the page element + // so that it can be removed after the new version of the + // page is loaded off the network. + dupCachedPage = null, + + // The absolute version of the URL passed into the function. This + // version of the URL may contain dialog/subpage params in it. + absUrl = path.makeUrlAbsolute( url, documentBase.hrefNoHash ); + + + // If the caller provided data, and we're using "get" request, + // append the data to the URL. + if ( settings.data && settings.type === "get" ) { + absUrl = path.addSearchParams( absUrl, settings.data ); + settings.data = undefined; + } + + // The absolute version of the URL minus any dialog/subpage params. + // In otherwords the real URL of the page to be loaded. + var fileUrl = path.getFilePath( absUrl ), + + // The version of the Url actually stored in the data-url attribute of + // the page. For embedded pages, it is just the id of the page. For pages + // within the same domain as the document base, it is the site relative + // path. For cross-domain pages (Phone Gap only) the entire absolute Url + // used to load the page. + dataUrl = path.convertUrlToDataUrl( absUrl ); + + // Make sure we have a pageContainer to work with. + settings.pageContainer = settings.pageContainer || $.mobile.pageContainer; + + // Check to see if the page already exists in the DOM. + page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" ); + + // Reset base to the default document base. + if ( base ) { + base.reset(); + } + + // If the page we are interested in is already in the DOM, + // and the caller did not indicate that we should force a + // reload of the file, we are done. Otherwise, track the + // existing page as a duplicated. + if ( page.length ) { + if ( !settings.reloadPage ) { + enhancePage( page, settings.role ); + deferred.resolve( absUrl, options, page ); + return deferred.promise(); + } + dupCachedPage = page; + } + + if ( settings.showLoadMsg ) { + $.mobile.showPageLoadingMsg(); + } + + // Load the new page. + $.ajax({ + url: fileUrl, + type: settings.type, + data: settings.data, + dataType: "html", + success: function( html ) { + //pre-parse html to check for a data-url, + //use it as the new fileUrl, base path, etc + var all = $( "<div></div>" ), + + //page title regexp + newPageTitle = html.match( /<title[^>]>([^<])/ ) && RegExp.$1, + + // TODO handle dialogs again + pageElemRegex = new RegExp( ".(<[^>]+\\bdata-" + $.mobile.ns + "role=[\"']?page[\"']?[^>]>)." ), + dataUrlRegex = new RegExp( "\\bdata-" + $.mobile.ns + "url=[\"']?([^\"'>])[\"']?" ); + + + // data-url must be provided for the base tag so resource requests can be directed to the + // correct url. loading into a temprorary element makes these requests immediately + if( pageElemRegex.test( html ) + && RegExp.$1 + && dataUrlRegex.test( RegExp.$1 ) + && RegExp.$1 ) { + url = fileUrl = path.getFilePath( RegExp.$1 ); + } + + if ( base ) { + base.set( fileUrl ); + } + + //workaround to allow scripts to execute when included in page divs + all.get( 0 ).innerHTML = html; + page = all.find( ":jqmData(role='page'), :jqmData(role='dialog')" ).first(); + + if ( newPageTitle && !page.jqmData( "title" ) ) { + page.jqmData( "title", newPageTitle ); + } + + //rewrite src and href attrs to use a base url + if( !$.support.dynamicBaseTag ) { + var newPath = path.get( fileUrl ); + page.find( "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]" ).each(function() { + var thisAttr = $( this ).is( '[href]' ) ? 'href' : + $(this).is('[src]') ? 'src' : 'action', + thisUrl = $( this ).attr( thisAttr ); + + // XXX_jblas: We need to fix this so that it removes the document + // base URL, and then prepends with the new page URL. + //if full path exists and is same, chop it - helps IE out + thisUrl = thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' ); + + if( !/^(\w+:|#|\/)/.test( thisUrl ) ) { + $( this ).attr( thisAttr, newPath + thisUrl ); + } + }); + } + + //append to page and enhance + page + .attr( "data-" + $.mobile.ns + "url", path.convertUrlToDataUrl( fileUrl ) ) + .appendTo( settings.pageContainer ); + + enhancePage( page, settings.role ); + + // Enhancing the page may result in new dialogs/sub pages being inserted + // into the DOM. If the original absUrl refers to a sub-page, that is the + // real page we are interested in. + if ( absUrl.indexOf( "&" + $.mobile.subPageUrlKey ) > -1 ) { + page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" ); + } + + // Remove loading message. + if ( settings.showLoadMsg ) { + $.mobile.hidePageLoadingMsg(); + } + + deferred.resolve( absUrl, options, page, dupCachedPage ); + }, + error: function() { + //set base back to current path + if( base ) { + base.set( path.get() ); + } + + // Remove loading message. + if ( settings.showLoadMsg ) { + $.mobile.hidePageLoadingMsg(); + + //show error message + $( "<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>"+ $.mobile.pageLoadErrorMessage +"</h1></div>" ) + .css({ "display": "block", "opacity": 0.96, "top": $window.scrollTop() + 100 }) + .appendTo( settings.pageContainer ) + .delay( 800 ) + .fadeOut( 400, function() { + $( this ).remove(); + }); + } + + deferred.reject( absUrl, options ); + } + }); + + return deferred.promise(); + }; + + $.mobile.loadPage.defaults = { + type: "get", + data: undefined, + reloadPage: false, + role: undefined, // By default we rely on the role defined by the @data-role attribute. + showLoadMsg: true, + pageContainer: undefined + }; + + // Show a specific page in the page container. + $.mobile.changePage = function( toPage, options ) { + // XXX: REMOVE_BEFORE_SHIPPING_1.0 + // This is temporary code that makes changePage() compatible with previous alpha versions. + if ( typeof options !== "object" ) { + var opts = null; + + // Map old-style call signature for form submit to the new options object format. + if ( typeof toPage === "object" && toPage.url && toPage.type ) { + opts = { + type: toPage.type, + data: toPage.data, + forcePageLoad: true + }; + toPage = toPage.url; + } + + // The arguments passed into the function need to be re-mapped + // to the new options object format. + var len = arguments.length; + if ( len > 1 ) { + var argNames = [ "transition", "reverse", "changeHash", "fromHashChange" ], i; + for ( i = 1; i < len; i++ ) { + var a = arguments[ i ]; + if ( typeof a !== "undefined" ) { + opts = opts || {}; + opts[ argNames[ i - 1 ] ] = a; + } + } + } + + // If an options object was created, then we know changePage() was called + // with an old signature. + if ( opts ) { + return $.mobile.changePage( toPage, opts ); + } + } + // XXX: REMOVE_BEFORE_SHIPPING_1.0 + + // If we are in the midst of a transition, queue the current request. + // We'll call changePage() once we're done with the current transition to + // service the request. + if( isPageTransitioning ) { + pageTransitionQueue.unshift( arguments ); + return; + } + + // Set the isPageTransitioning flag to prevent any requests from + // entering this method while we are in the midst of loading a page + // or transitioning. + + isPageTransitioning = true; + + var settings = $.extend( {}, $.mobile.changePage.defaults, options ); + + // Make sure we have a pageContainer to work with. + settings.pageContainer = settings.pageContainer || $.mobile.pageContainer; + + // If the caller passed us a url, call loadPage() + // to make sure it is loaded into the DOM. We'll listen + // to the promise object it returns so we know when + // it is done loading or if an error ocurred. + if ( typeof toPage == "string" ) { + $.mobile.loadPage( toPage, settings ) + .done(function( url, options, newPage, dupCachedPage ) { + isPageTransitioning = false; + options.duplicateCachedPage = dupCachedPage; + $.mobile.changePage( newPage, options ); + }) + .fail(function( url, options ) { + // XXX_jblas: Fire off changepagefailed notificaiton. + isPageTransitioning = false; + + //clear out the active button state + removeActiveLinkClass( true ); + + //release transition lock so navigation is free again + releasePageTransitionLock(); + settings.pageContainer.trigger("changepagefailed"); + }); + return; + } + + // The caller passed us a real page DOM element. Update our + // internal state and then trigger a transition to the page. + var mpc = settings.pageContainer, + fromPage = $.mobile.activePage, + url = toPage.jqmData( "url" ), + fileUrl = path.getFilePath( url ), + active = urlHistory.getActive(), + activeIsInitialPage = urlHistory.activeIndex === 0, + historyDir = 0, + pageTitle = document.title, + isDialog = settings.role === "dialog" || toPage.jqmData( "role" ) === "dialog"; + + // Let listeners know we're about to change the current page. + mpc.trigger( "beforechangepage" ); + + // If we are trying to transition to the same page that we are currently on ignore the request. + // an illegal same page request is defined by the current page being the same as the url, as long as there's history + // and toPage is not an array or object (those are allowed to be "same") + // + // XXX_jblas: We need to remove this at some point when we allow for transitions + // to the same page. + if( fromPage && fromPage[0] === toPage[0] ) { + isPageTransitioning = false; + mpc.trigger( "changepage" ); + return; + } + + // We need to make sure the page we are given has already been enhanced. + enhancePage( toPage, settings.role ); + + // If the changePage request was sent from a hashChange event, check to see if the + // page is already within the urlHistory stack. If so, we'll assume the user hit + // the forward/back button and will try to match the transition accordingly. + if( settings.fromHashChange ) { + urlHistory.directHashChange({ + currentUrl: url, + isBack: function() { historyDir = -1; }, + isForward: function() { historyDir = 1; } + }); + } + + // Kill the keyboard. + // XXX_jblas: We need to stop crawling the entire document to kill focus. Instead, + // we should be tracking focus with a live() handler so we already have + // the element in hand at this point. + $( document.activeElement || "" ).add( "input:focus, textarea:focus, select:focus" ).blur(); + + // If we're displaying the page as a dialog, we don't want the url + // for the dialog content to be used in the hash. Instead, we want + // to append the dialogHashKey to the url of the current page. + if ( isDialog && active ) { + url = active.url + dialogHashKey; + } + + // Set the location hash. + if( settings.changeHash !== false && url ) { + //disable hash listening temporarily + urlHistory.ignoreNextHashChange = true; + //update hash and history + path.set( url ); + } + + //if title element wasn't found, try the page div data attr too + var newPageTitle = toPage.jqmData( "title" ) || toPage.children(":jqmData(role='header')").find(".ui-title" ).text(); + if( !!newPageTitle && pageTitle == document.title ) { + pageTitle = newPageTitle; + } + + //add page to history stack if it's not back or forward + if( !historyDir ) { + urlHistory.addNew( url, settings.transition, pageTitle, toPage ); + } + + //set page title + document.title = urlHistory.getActive().title; + + //set "toPage" as activePage + $.mobile.activePage = toPage; + + // Make sure we have a transition defined. + settings.transition = settings.transition + || ( ( historyDir && !activeIsInitialPage ) ? active.transition : undefined ) + || ( settings.role === "dialog" ? $.mobile.defaultDialogTransition : $.mobile.defaultPageTransition ); + + // If we're navigating back in the URL history, set reverse accordingly. + settings.reverse = settings.reverse || historyDir < 0; + + transitionPages( toPage, fromPage, settings.transition, settings.reverse ) + .done(function() { + removeActiveLinkClass(); + + //if there's a duplicateCachedPage, remove it from the DOM now that it's hidden + if ( settings.duplicateCachedPage ) { + settings.duplicateCachedPage.remove(); + } + + //remove initial build class (only present on first pageshow) + $html.removeClass( "ui-mobile-rendering" ); + + releasePageTransitionLock(); + + // Let listeners know we're all done changing the current page. + mpc.trigger( "changepage" ); + }); + }; + + $.mobile.changePage.defaults = { + transition: undefined, + reverse: false, + changeHash: true, + fromHashChange: false, + role: undefined, // By default we rely on the role defined by the @data-role attribute. + duplicateCachedPage: undefined, + pageContainer: undefined + }; + +/ Event Bindings - hashchange, submit, and click / + + //bind to form submit events, handle with Ajax + $( "form" ).live('submit', function( event ) { + var $this = $( this ); + if( !$.mobile.ajaxEnabled || + $this.is( ":jqmData(ajax='false')" ) ) { + return; + } + + var type = $this.attr( "method" ), + url = path.makeUrlAbsolute( $this.attr( "action" ), getClosestBaseUrl($this) ), + target = $this.attr( "target" ); + + //external submits use regular HTTP + if( path.isExternal( url ) || target ) { + return; + } + + $.mobile.changePage( + url, + { + type: type.length && type.toLowerCase() || "get", + data: $this.serialize(), + transition: $this.jqmData( "transition" ), + direction: $this.jqmData( "direction" ), + reloadPage: true + } + ); + event.preventDefault(); + }); + + function findClosestLink( ele ) + { + while ( ele ) { + if ( ele.nodeName.toLowerCase() == "a" ) { + break; + } + ele = ele.parentNode; + } + return ele; + } + + // The base URL for any given element depends on the page it resides in. + function getClosestBaseUrl( ele ) + { + // Find the closest page and extract out its url. + var url = $( ele ).closest( ".ui-page" ).jqmData( "url" ), + base = documentBase.hrefNoHash; + + if ( !url || !path.isPath( url ) ) { + url = base; + } + + return path.makeUrlAbsolute( url, base); + } + + //add active state on vclick + $( document ).bind( "vclick", function( event ) { + var link = findClosestLink( event.target ); + if ( link ) { + if ( path.parseUrl( link.getAttribute( "href" ) || "#" ).hash !== "#" ) { + $( link ).closest( ".ui-btn" ).not( ".ui-disabled" ).addClass( $.mobile.activeBtnClass ); + $( "." + $.mobile.activePageClass + " .ui-btn" ).not( link ).blur(); + } + } + }); + + // click routing - direct to HTTP or Ajax, accordingly + // TODO: most of the time, vclick will be all we need for fastClick bulletproofing. + // However, it seems that in Android 2.1, a click event + // will occasionally arrive independently of the bound vclick + // binding to click as well seems to help in this edge case + // we'll dig into this further in the next release cycle + $( document ).bind( $.mobile.useFastClick ? "vclick click" : "click", function( event ) { + var link = findClosestLink( event.target ); + if ( !link ) { + return; + } + + var $link = $( link ), + //remove active link class if external (then it won't be there if you come back) + httpCleanup = function(){ + window.setTimeout( function() { removeActiveLinkClass( true ); }, 200 ); + }; + + //if there's a data-rel=back attr, go back in history + if( $link.is( ":jqmData(rel='back')" ) ) { + window.history.back(); + return false; + } + + //if ajax is disabled, exit early + if( !$.mobile.ajaxEnabled ){ + httpCleanup(); + //use default click handling + return; + } + + var baseUrl = getClosestBaseUrl( $link ), + + //get href, if defined, otherwise default to empty hash + href = path.makeUrlAbsolute( $link.attr( "href" ) || "#", baseUrl ); + + // XXX_jblas: Ideally links to application pages should be specified as + // an url to the application document with a hash that is either + // the site relative path or id to the page. But some of the + // internal code that dynamically generates sub-pages for nested + // lists and select dialogs, just write a hash in the link they + // create. This means the actual URL path is based on whatever + // the current value of the base tag is at the time this code + // is called. For now we are just assuming that any url with a + // hash in it is an application page reference. + if ( href.search( "#" ) != -1 ) { + href = href.replace( /[^#]#/, "" ); + if ( !href ) { + //link was an empty hash meant purely + //for interaction, so we ignore it. + event.preventDefault(); + return; + } else if ( path.isPath( href ) ) { + //we have apath so make it the href we want to load. + href = path.makeUrlAbsolute( href, baseUrl ); + } else { + //we have a simple id so use the documentUrl as its base. + href = path.makeUrlAbsolute( "#" + href, documentUrl.hrefNoHash ); + } + } + + // Should we handle this link, or let the browser deal with it? + var useDefaultUrlHandling = $link.is( "[rel='external']" ) || $link.is( ":jqmData(ajax='false')" ) || $link.is( "[target]" ), + + // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR + // requests if the document doing the request was loaded via the file:// protocol. + // This is usually to allow the application to "phone home" and fetch app specific + // data. We normally let the browser handle external/cross-domain urls, but if the + // allowCrossDomainPages option is true, we will allow cross-domain http/https + // requests to go through our page loading logic. + isCrossDomainPageLoad = ( $.mobile.allowCrossDomainPages && documentUrl.protocol === "file:" && href.search( /^https?:/ ) != -1 ), + + //check for protocol or rel and its not an embedded page + //TODO overlap in logic from isExternal, rel=external check should be + // moved into more comprehensive isExternalLink + isExternal = useDefaultUrlHandling || ( path.isExternal( href ) && !isCrossDomainPageLoad ); + + $activeClickedLink = $link.closest( ".ui-btn" ); + + if( isExternal ) { + httpCleanup(); + //use default click handling + return; + } + + //use ajax + var transition = $link.jqmData( "transition" ), + direction = $link.jqmData( "direction" ), + reverse = ( direction && direction === "reverse" ) || + // deprecated - remove by 1.0 + $link.jqmData( "back" ), + + //this may need to be more specific as we use data-rel more + role = $link.attr( "data-" + $.mobile.ns + "rel" ) || undefined; + + $.mobile.changePage( href, { transition: transition, reverse: reverse, role: role } ); + event.preventDefault(); + }); + + //hashchange event handler + $window.bind( "hashchange", function( e, triggered ) { + //find first page via hash + var to = path.stripHash( location.hash ), + //transition is false if it's the first page, undefined otherwise (and may be overridden by default) + transition = $.mobile.urlHistory.stack.length === 0 ? "none" : undefined; + + //if listening is disabled (either globally or temporarily), or it's a dialog hash + if( !$.mobile.hashListeningEnabled || urlHistory.ignoreNextHashChange ) { + urlHistory.ignoreNextHashChange = false; + return; + } + + // special case for dialogs + if( urlHistory.stack.length > 1 && + to.indexOf( dialogHashKey ) > -1 ) { + + // If current active page is not a dialog skip the dialog and continue + // in the same direction + if(!$.mobile.activePage.is( ".ui-dialog" )) { + //determine if we're heading forward or backward and continue accordingly past + //the current dialog + urlHistory.directHashChange({ + currentUrl: to, + isBack: function() { window.history.back(); }, + isForward: function() { window.history.forward(); } + }); + + // prevent changepage + return; + } else { + var setTo = function() { to = $.mobile.urlHistory.getActive().page; }; + // if the current active page is a dialog and we're navigating + // to a dialog use the dialog objected saved in the stack + urlHistory.directHashChange({ currentUrl: to, isBack: setTo, isForward: setTo }); + } + } + + //if to is defined, load it + if ( to ) { + to = ( typeof to === "string" && !path.isPath( to ) ) ? ( '#' + to ) : to; + $.mobile.changePage( to, { transition: transition, changeHash: false, fromHashChange: true } ); + } + //there's no hash, go to the first page in the dom + else { + $.mobile.changePage( $.mobile.firstPage, { transition: transition, changeHash: false, fromHashChange: true } ); + } + }); + + //set page min-heights to be device specific + $( document ).bind( "pageshow", resetActivePageHeight ); + $( window ).bind( "throttledresize", resetActivePageHeight ); + +})( jQuery ); +/! + jQuery Mobile v@VERSION + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + / + +( function( $, window, undefined ) { + +function css3TransitionHandler( name, reverse, $to, $from ) +{ + var deferred = new $.Deferred(), + reverseClass = reverse ? " reverse" : "", + viewportClass = "ui-mobile-viewport-transitioning viewport-" + name, + doneFunc = function() { + $to.add( $from ).removeClass( "out in reverse " + name ); + if ( $from ) { + $from.removeClass( $.mobile.activePageClass ); + } + $to.parent().removeClass( viewportClass ); + + deferred.resolve( name, reverse, $to, $from ); + }; + + $to.animationComplete( doneFunc ); + + $to.parent().addClass( viewportClass ); + if ( $from ) { + $from.addClass( name + " out" + reverseClass ); + } + $to.addClass( $.mobile.activePageClass + " " + name + " in" + reverseClass ); + + return deferred.promise(); +} + +// Make our transition handler public. +$.mobile.css3TransitionHandler = css3TransitionHandler; + +// If the default transition handler is the 'none' handler, replace it with our handler. +if ( $.mobile.defaultTransitionHandler === $.mobile.noneTransitionHandler ) { + $.mobile.defaultTransitionHandler = css3TransitionHandler; +} + +})( jQuery, this ); +/ +* jQuery Mobile Framework : "fixHeaderFooter" plugin - on-demand positioning for headers,footers +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.fn.fixHeaderFooter = function(options){ + if( !$.support.scrollTop ){ return this; } + + return this.each(function(){ + var $this = $(this); + + if( $this.jqmData('fullscreen') ){ $this.addClass('ui-page-fullscreen'); } + $this.find( ".ui-header:jqmData(position='fixed')" ).addClass('ui-header-fixed ui-fixed-inline fade'); //should be slidedown + $this.find( ".ui-footer:jqmData(position='fixed')" ).addClass('ui-footer-fixed ui-fixed-inline fade'); //should be slideup + }); +}; + +//single controller for all showing,hiding,toggling +$.fixedToolbars = (function(){ + if( !$.support.scrollTop ){ return; } + var currentstate = 'inline', + autoHideMode = false, + showDelay = 100, + delayTimer, + ignoreTargets = 'a,input,textarea,select,button,label,.ui-header-fixed,.ui-footer-fixed', + toolbarSelector = '.ui-header-fixed:first, .ui-footer-fixed:not(.ui-footer-duplicate):last', + stickyFooter, //for storing quick references to duplicate footers + supportTouch = $.support.touch, + touchStartEvent = supportTouch ? "touchstart" : "mousedown", + touchStopEvent = supportTouch ? "touchend" : "mouseup", + stateBefore = null, + scrollTriggered = false, + touchToggleEnabled = true; + + function showEventCallback(event) + { + // An event that affects the dimensions of the visual viewport has + // been triggered. If the header and/or footer for the current page are in overlay + // mode, we want to hide them, and then fire off a timer to show them at a later + // point. Events like a resize can be triggered continuously during a scroll, on + // some platforms, so the timer is used to delay the actual positioning until the + // flood of events have subsided. + // + // If we are in autoHideMode, we don't do anything because we know the scroll + // callbacks for the plugin will fire off a show when the scrolling has stopped. + if (!autoHideMode && currentstate == 'overlay') { + if (!delayTimer) + $.fixedToolbars.hide(true); + $.fixedToolbars.startShowTimer(); + } + } + + $(function() { + $(document) + .bind( "vmousedown",function(event){ + if( touchToggleEnabled ) { + stateBefore = currentstate; + } + }) + .bind( "vclick",function(event){ + if( touchToggleEnabled ) { + if( $(event.target).closest(ignoreTargets).length ){ return; } + if( !scrollTriggered ){ + $.fixedToolbars.toggle(stateBefore); + stateBefore = null; + } + } + }) + .bind('silentscroll', showEventCallback); + +/ + The below checks first for a $(document).scrollTop() value, and if zero, binds scroll events to $(window) instead. If the scrollTop value is actually zero, both will return zero anyway. + + Works with $(document), not $(window) : Opera Mobile (WinMO phone; kinda broken anyway) + Works with $(window), not $(document) : IE 7/8 + Works with either $(window) or $(document) : Chrome, FF 3.6/4, Android 1.6/2.1, iOS + Needs work either way : BB5, Opera Mobile (iOS) + +/ + + (( $(document).scrollTop() == 0 ) ? $(window) : $(document)) + .bind('scrollstart',function(event){ + scrollTriggered = true; + if(stateBefore == null){ stateBefore = currentstate; } + + // We only enter autoHideMode if the headers/footers are in + // an overlay state or the show timer was started. If the + // show timer is set, clear it so the headers/footers don't + // show up until after we're done scrolling. + var isOverlayState = stateBefore == 'overlay'; + autoHideMode = isOverlayState || !!delayTimer; + if (autoHideMode){ + $.fixedToolbars.clearShowTimer(); + if (isOverlayState) { + $.fixedToolbars.hide(true); + } + } + }) + .bind('scrollstop',function(event){ + if( $(event.target).closest(ignoreTargets).length ){ return; } + scrollTriggered = false; + if (autoHideMode) { + autoHideMode = false; + $.fixedToolbars.startShowTimer(); + } + stateBefore = null; + }); + + $(window).bind('resize', showEventCallback); + }); + + //before page is shown, check for duplicate footer + $('.ui-page').live('pagebeforeshow', function(event, ui){ + var page = $(event.target), + footer = page.find( ":jqmData(role='footer')" ), + id = footer.data('id'), + prevPage = ui.prevPage, + prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ), + prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id; + + if( id && prevFooterMatches ){ + stickyFooter = footer; + setTop( stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ) ); + } + }); + + //after page is shown, append footer to new page + $('.ui-page').live('pageshow', function(event, ui){ + var $this = $(this); + + if( stickyFooter && stickyFooter.length ){ + + setTimeout(function(){ + setTop( stickyFooter.appendTo( $this ).addClass("fade") ); + stickyFooter = null; + }, 500); + } + + $.fixedToolbars.show(true, this); + }); + + //When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635) + $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback ); + + // element.getBoundingClientRect() is broken in iOS 3.2.1 on the iPad. The + // coordinates inside of the rect it returns don't have the page scroll position + // factored out of it like the other platforms do. To get around this, + // we'll just calculate the top offset the old fashioned way until core has + // a chance to figure out how to handle this situation. + // + // TODO: We'll need to get rid of getOffsetTop() once a fix gets folded into core. + + function getOffsetTop(ele) + { + var top = 0; + if (ele) + { + var op = ele.offsetParent, body = document.body; + top = ele.offsetTop; + while (ele && ele != body) + { + top += ele.scrollTop || 0; + if (ele == op) + { + top += op.offsetTop; + op = ele.offsetParent; + } + ele = ele.parentNode; + } + } + return top; + } + + function setTop(el){ + var fromTop = $(window).scrollTop(), + thisTop = getOffsetTop(el[0]), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead. + thisCSStop = el.css('top') == 'auto' ? 0 : parseFloat(el.css('top')), + screenHeight = window.innerHeight, + thisHeight = el.outerHeight(), + useRelative = el.parents('.ui-page:not(.ui-page-fullscreen)').length, + relval; + if( el.is('.ui-header-fixed') ){ + relval = fromTop - thisTop + thisCSStop; + if( relval < thisTop){ relval = 0; } + return el.css('top', ( useRelative ) ? relval : fromTop); + } + else{ + //relval = -1 (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight); + //if( relval > thisTop ){ relval = 0; } + relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop); + return el.css('top', ( useRelative ) ? relval : fromTop + screenHeight - thisHeight ); + } + } + + //exposed methods + return { + show: function(immediately, page){ + $.fixedToolbars.clearShowTimer(); + currentstate = 'overlay'; + var $ap = page ? $(page) : ($.mobile.activePage ? $.mobile.activePage : $(".ui-page-active")); + return $ap.children( toolbarSelector ).each(function(){ + var el = $(this), + fromTop = $(window).scrollTop(), + thisTop = getOffsetTop(el[0]), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead. + screenHeight = window.innerHeight, + thisHeight = el.outerHeight(), + alreadyVisible = (el.is('.ui-header-fixed') && fromTop <= thisTop + thisHeight) || (el.is('.ui-footer-fixed') && thisTop <= fromTop + screenHeight); + + //add state class + el.addClass('ui-fixed-overlay').removeClass('ui-fixed-inline'); + + if( !alreadyVisible && !immediately ){ + el.animationComplete(function(){ + el.removeClass('in'); + }).addClass('in'); + } + setTop(el); + }); + }, + hide: function(immediately){ + currentstate = 'inline'; + var $ap = $.mobile.activePage ? $.mobile.activePage : $(".ui-page-active"); + return $ap.children( toolbarSelector ).each(function(){ + var el = $(this); + + var thisCSStop = el.css('top'); thisCSStop = thisCSStop == 'auto' ? 0 : parseFloat(thisCSStop); + + //add state class + el.addClass('ui-fixed-inline').removeClass('ui-fixed-overlay'); + + if (thisCSStop < 0 || (el.is('.ui-header-fixed') && thisCSStop != 0)) + { + if(immediately){ + el.css('top',0); + } + else{ + if( el.css('top') !== 'auto' && parseFloat(el.css('top')) !== 0 ){ + var classes = 'out reverse'; + el.animationComplete(function(){ + el.removeClass(classes); + el.css('top',0); + }).addClass(classes); + } + } + } + }); + }, + startShowTimer: function(){ + $.fixedToolbars.clearShowTimer(); + var args = $.makeArray(arguments); + delayTimer = setTimeout(function(){ + delayTimer = undefined; + $.fixedToolbars.show.apply(null, args); + }, showDelay); + }, + clearShowTimer: function() { + if (delayTimer) { + clearTimeout(delayTimer); + } + delayTimer = undefined; + }, + toggle: function(from){ + if(from){ currentstate = from; } + return (currentstate == 'overlay') ? $.fixedToolbars.hide() : $.fixedToolbars.show(); + }, + setTouchToggleEnabled: function(enabled) { + touchToggleEnabled = enabled; + } + }; +})(); + +})(jQuery); +/* +* jQuery Mobile Framework : "checkboxradio" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.widget( "mobile.checkboxradio", $.mobile.widget, { + options: { + theme: null + }, + _create: function(){ + var self = this, + input = this.element, + //NOTE: Windows Phone could not find the label through a selector + //filter works though. + label = input.closest("form,fieldset,:jqmData(role='page')").find("label").filter('[for="' + input[0].id + '"]'), + inputtype = input.attr( "type" ), + checkedicon = "ui-icon-" + inputtype + "-on", + uncheckedicon = "ui-icon-" + inputtype + "-off"; + + if ( inputtype != "checkbox" && inputtype != "radio" ) { return; } + + //expose for other methods + $.extend( this,{ + label : label, + inputtype : inputtype, + checkedicon : checkedicon, + uncheckedicon : uncheckedicon + }); + + // If there's no selected theme... + if( !this.options.theme ) { + this.options.theme = this.element.jqmData( "theme" ); + } + + label + .buttonMarkup({ + theme: this.options.theme, + icon: this.element.parents( ":jqmData(type='horizontal')" ).length ? undefined : uncheckedicon, + shadow: false + }); + + // wrap the input + label in a div + input + .add( label ) + .wrapAll( "<div class='ui-" + inputtype +"'></div>" ); + + label.bind({ + vmouseover: function() { + if( $(this).parent().is('.ui-disabled') ){ return false; } + }, + + vclick: function( event ){ + if ( input.is( ":disabled" ) ){ + event.preventDefault(); + return; + } + + self._cacheVals(); + + input.prop( "checked", inputtype === "radio" && true || !(input.prop("checked")) ); + + // input set for common radio buttons will contain all the radio + // buttons, but will not for checkboxes. clearing the checked status + // of other radios ensures the active button state is applied properly + self._getInputSet().not(input).prop('checked', false); + + self._updateAll(); + return false; + } + + }); + + input + .bind({ + vmousedown: function(){ + this._cacheVals(); + }, + + vclick: function(){ + // adds checked attribute to checked input when keyboard is used + if ($(this).is(":checked")) { + $(this).prop( "checked", true); + self._getInputSet().not($(this)).prop('checked', false); + } else { + $(this).prop("checked", false); + } + self._updateAll(); + }, + + focus: function() { + label.addClass( "ui-focus" ); + }, + + blur: function() { + label.removeClass( "ui-focus" ); + } + }); + + this.refresh(); + + }, + + _cacheVals: function(){ + this._getInputSet().each(function(){ + $(this).jqmData("cacheVal", $(this).is(":checked") ); + }); + }, + + //returns either a set of radios with the same name attribute, or a single checkbox + _getInputSet: function(){ + return this.element.closest( "form,fieldset,:jqmData(role='page')" ) + .find( "input[name='"+ this.element.attr( "name" ) +"'][type='"+ this.inputtype +"']" ); + }, + + _updateAll: function(){ + var self = this; + + this._getInputSet().each(function(){ + if( $(this).is(":checked") || self.inputtype === "checkbox" ){ + $(this).trigger("change"); + } + }) + .checkboxradio( "refresh" ); + }, + + refresh: function( ){ + var input = this.element, + label = this.label, + icon = label.find( ".ui-icon" ); + + // input[0].checked expando doesn't always report the proper value + // for checked='checked' + if ( $(input[0]).prop('checked') ) { + label.addClass( $.mobile.activeBtnClass ); + icon.addClass( this.checkedicon ).removeClass( this.uncheckedicon ); + + } else { + label.removeClass( $.mobile.activeBtnClass ); + icon.removeClass( this.checkedicon ).addClass( this.uncheckedicon ); + } + + if( input.is( ":disabled" ) ){ + this.disable(); + } + else { + this.enable(); + } + }, + + disable: function(){ + this.element.prop("disabled",true).parent().addClass("ui-disabled"); + }, + + enable: function(){ + this.element.prop("disabled",false).parent().removeClass("ui-disabled"); + } +}); +})( jQuery ); +/ +* jQuery Mobile Framework : "textinput" plugin for text inputs, textareas +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.widget( "mobile.textinput", $.mobile.widget, { + options: { + theme: null + }, + _create: function(){ + var input = this.element, + o = this.options, + theme = o.theme, + themeclass; + + if ( !theme ) { + var themedParent = this.element.closest("[class='ui-bar-'],[class='ui-body-']"), + themeLetter = themedParent.length && /ui-(bar|body)-([a-z])/.exec( themedParent.attr("class") ), + theme = themeLetter && themeLetter[2] || "c"; + } + + themeclass = " ui-body-" + theme; + + $('label[for="'+input.attr('id')+'"]').addClass('ui-input-text'); + + input.addClass('ui-input-text ui-body-'+ o.theme); + + var focusedEl = input; + + //"search" input widget + if( input.is( "[type='search'],:jqmData(type='search')" ) ){ + focusedEl = input.wrap('<div class="ui-input-search ui-shadow-inset ui-btn-corner-all ui-btn-shadow ui-icon-searchfield'+ themeclass +'"></div>').parent(); + var clearbtn = $('<a href="#" class="ui-input-clear" title="clear text">clear text</a>') + .tap(function( e ){ + input.val('').focus(); + input.trigger('change'); + clearbtn.addClass('ui-input-clear-hidden'); + e.preventDefault(); + }) + .appendTo(focusedEl) + .buttonMarkup({icon: 'delete', iconpos: 'notext', corners:true, shadow:true}); + + function toggleClear(){ + if(input.val() == ''){ + clearbtn.addClass('ui-input-clear-hidden'); + } + else{ + clearbtn.removeClass('ui-input-clear-hidden'); + } + } + + toggleClear(); + input.keyup(toggleClear); + input.focus(toggleClear); + } + else{ + input.addClass('ui-corner-all ui-shadow-inset' + themeclass); + } + + input + .focus(function(){ + focusedEl.addClass('ui-focus'); + }) + .blur(function(){ + focusedEl.removeClass('ui-focus'); + }); + + //autogrow + if ( input.is('textarea') ) { + var extraLineHeight = 15, + keyupTimeoutBuffer = 100, + keyup = function() { + var scrollHeight = input[0].scrollHeight, + clientHeight = input[0].clientHeight; + if ( clientHeight < scrollHeight ) { + input.css({ height: (scrollHeight + extraLineHeight) }); + } + }, + keyupTimeout; + input.keyup(function() { + clearTimeout( keyupTimeout ); + keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer ); + }); + } + }, + + disable: function(){ + ( this.element.attr("disabled",true).is( "[type='search'],:jqmData(type='search')" ) ? this.element.parent() : this.element ).addClass("ui-disabled"); + }, + + enable: function(){ + ( this.element.attr("disabled", false).is( "[type='search'],:jqmData(type='search')" ) ? this.element.parent() : this.element ).removeClass("ui-disabled"); + } +}); +})( jQuery ); +/ +* jQuery Mobile Framework : "selectmenu" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.widget( "mobile.selectmenu", $.mobile.widget, { + options: { + theme: null, + disabled: false, + icon: 'arrow-d', + iconpos: 'right', + inline: null, + corners: true, + shadow: true, + iconshadow: true, + menuPageTheme: 'b', + overlayTheme: 'a', + hidePlaceholderMenuItems: true, + closeText: 'Close', + nativeMenu: true + }, + _create: function(){ + + var self = this, + + o = this.options, + + select = this.element + .wrap( "<div class='ui-select'>" ), + + selectID = select.attr( "id" ), + + label = $( 'label[for="'+ selectID +'"]' ).addClass( "ui-select" ), + + //IE throws an exception at options.item() function when + //there is no selected item + //select first in this case + selectedIndex = select[0].selectedIndex == -1 ? 0 : select[0].selectedIndex, + + button = ( self.options.nativeMenu ? $( "<div/>" ) : $( "<a>", { + "href": "#", + "role": "button", + "id": buttonId, + "aria-haspopup": "true", + "aria-owns": menuId + }) ) + .text( $( select[0].options.item( selectedIndex ) ).text() ) + .insertBefore( select ) + .buttonMarkup({ + theme: o.theme, + icon: o.icon, + iconpos: o.iconpos, + inline: o.inline, + corners: o.corners, + shadow: o.shadow, + iconshadow: o.iconshadow + }), + + //multi select or not + isMultiple = self.isMultiple = select[0].multiple; + + //Opera does not properly support opacity on select elements + //In Mini, it hides the element, but not its text + //On the desktop,it seems to do the opposite + //for these reasons, using the nativeMenu option results in a full native select in Opera + if( o.nativeMenu && window.opera && window.opera.version ){ + select.addClass( "ui-select-nativeonly" ); + } + + //vars for non-native menus + if( !o.nativeMenu ){ + var options = select.find("option"), + + buttonId = selectID + "-button", + + menuId = selectID + "-menu", + + thisPage = select.closest( ".ui-page" ), + + //button theme + theme = /ui-btn-up-([a-z])/.exec( button.attr("class") )[1], + + menuPage = $( "<div data-" + $.mobile.ns + "role='dialog' data-" +$.mobile.ns + "theme='"+ o.menuPageTheme +"'>" + + "<div data-" + $.mobile.ns + "role='header'>" + + "<div class='ui-title'>" + label.text() + "</div>"+ + "</div>"+ + "<div data-" + $.mobile.ns + "role='content'></div>"+ + "</div>" ) + .appendTo( $.mobile.pageContainer ) + .page(), + + menuPageContent = menuPage.find( ".ui-content" ), + + menuPageClose = menuPage.find( ".ui-header a" ), + + screen = $( "<div>", {"class": "ui-selectmenu-screen ui-screen-hidden"}) + .appendTo( thisPage ), + + listbox = $( "<div>", { "class": "ui-selectmenu ui-selectmenu-hidden ui-overlay-shadow ui-corner-all pop ui-body-" + o.overlayTheme } ) + .insertAfter(screen), + + list = $( "<ul>", { + "class": "ui-selectmenu-list", + "id": menuId, + "role": "listbox", + "aria-labelledby": buttonId + }) + .attr( "data-" + $.mobile.ns + "theme", theme ) + .appendTo( listbox ), + + header = $( "<div>", { + "class": "ui-header ui-bar-" + theme + }) + .prependTo( listbox ), + + headerTitle = $( "<h1>", { + "class": "ui-title" + }) + .appendTo( header ), + + headerClose = $( "<a>", { + "text": o.closeText, + "href": "#", + "class": "ui-btn-left" + }) + .attr( "data-" + $.mobile.ns + "iconpos", "notext" ) + .attr( "data-" + $.mobile.ns + "icon", "delete" ) + .appendTo( header ) + .buttonMarkup(), + + menuType; + } //end non native vars + + // add counter for multi selects + if( isMultiple ){ + self.buttonCount = $('<span>') + .addClass( 'ui-li-count ui-btn-up-c ui-btn-corner-all' ) + .hide() + .appendTo( button ); + } + + //disable if specified + if( o.disabled ){ this.disable(); } + + //events on native select + select + .change(function(){ + self.refresh(); + }); + + //expose to other methods + $.extend(self, { + select: select, + optionElems: options, + selectID: selectID, + label: label, + buttonId:buttonId, + menuId:menuId, + thisPage:thisPage, + button:button, + menuPage:menuPage, + menuPageContent:menuPageContent, + screen:screen, + listbox:listbox, + list:list, + menuType:menuType, + header:header, + headerClose:headerClose, + headerTitle:headerTitle, + placeholder: '' + }); + + //support for using the native select menu with a custom button + if( o.nativeMenu ){ + + select + .appendTo(button) + .bind( "vmousedown", function( e ){ + //add active class to button + button.addClass( $.mobile.activeBtnClass ); + }) + .bind( "focus vmouseover", function(){ + button.trigger( "vmouseover" ); + }) + .bind( "vmousemove", function(){ + //remove active class on scroll/touchmove + button.removeClass( $.mobile.activeBtnClass ); + }) + .bind( "change blur vmouseout", function(){ + button + .trigger( "vmouseout" ) + .removeClass( $.mobile.activeBtnClass ); + }); + + + } else { + + //create list from select, update state + self.refresh(); + + select + .attr( "tabindex", "-1" ) + .focus(function(){ + $(this).blur(); + button.focus(); + }); + + //button events + button + .bind( "vclick keydown" , function( event ){ + if( event.type == "vclick" || + event.keyCode && ( event.keyCode === $.mobile.keyCode.ENTER || event.keyCode === $.mobile.keyCode.SPACE ) ){ + self.open(); + event.preventDefault(); + } + }); + + //events for list items + list + .attr( "role", "listbox" ) + .delegate( ".ui-li>a", "focusin", function() { + $( this ).attr( "tabindex", "0" ); + }) + .delegate( ".ui-li>a", "focusout", function() { + $( this ).attr( "tabindex", "-1" ); + }) + .delegate("li:not(.ui-disabled, .ui-li-divider)", "vclick", function(event){ + + // index of option tag to be selected + var oldIndex = select[0].selectedIndex, + newIndex = list.find( "li:not(.ui-li-divider)" ).index( this ), + option = self.optionElems.eq( newIndex )[0]; + + // toggle selected status on the tag for multi selects + option.selected = isMultiple ? !option.selected : true; + + // toggle checkbox class for multiple selects + if( isMultiple ){ + $(this) + .find('.ui-icon') + .toggleClass('ui-icon-checkbox-on', option.selected) + .toggleClass('ui-icon-checkbox-off', !option.selected); + } + + // trigger change if value changed + if( isMultiple || oldIndex !== newIndex ){ + select.trigger( "change" ); + } + + //hide custom select for single selects only + if( !isMultiple ){ + self.close(); + } + + event.preventDefault(); + }) + //keyboard events for menu items + .keydown(function( e ) { + var target = $( e.target ), + li = target.closest( "li" ); + + // switch logic based on which key was pressed + switch ( e.keyCode ) { + // up or left arrow keys + case 38: + var prev = li.prev(); + + // if there's a previous option, focus it + if ( prev.length ) { + target + .blur() + .attr( "tabindex", "-1" ); + + prev.find( "a" ).first().focus(); + } + + return false; + break; + + // down or right arrow keys + case 40: + var next = li.next(); + + // if there's a next option, focus it + if ( next.length ) { + target + .blur() + .attr( "tabindex", "-1" ); + + next.find( "a" ).first().focus(); + } + + return false; + break; + + // if enter or space is pressed, trigger click + case 13: + case 32: + target.trigger( "vclick" ); + + return false; + break; + } + }); + + //events on "screen" overlay + screen.bind("vclick", function( event ){ + self.close(); + }); + + //close button on small overlays + self.headerClose.click(function(){ + if( self.menuType == "overlay" ){ + self.close(); + return false; + } + }) + } + }, + + _buildList: function(){ + var self = this, + o = this.options, + placeholder = this.placeholder, + optgroups = [], + lis = [], + dataIcon = self.isMultiple ? "checkbox-off" : "false"; + + self.list.empty().filter('.ui-listview').listview('destroy'); + + //populate menu with options from select element + self.select.find( "option" ).each(function( i ){ + var $this = $(this), + $parent = $this.parent(), + text = $this.text(), + anchor = "<a href='#'>"+ text +"</a>", + classes = [], + extraAttrs = []; + + // are we inside an optgroup? + if( $parent.is("optgroup") ){ + var optLabel = $parent.attr("label"); + + // has this optgroup already been built yet? + if( $.inArray(optLabel, optgroups) === -1 ){ + lis.push( "<li data-" + $.mobile.ns + "role='list-divider'>"+ optLabel +"</li>" ); + optgroups.push( optLabel ); + } + } + + //find placeholder text + if( !this.getAttribute('value') || text.length == 0 || $this.jqmData('placeholder') ){ + if( o.hidePlaceholderMenuItems ){ + classes.push( "ui-selectmenu-placeholder" ); + } + placeholder = self.placeholder = text; + } + + // support disabled option tags + if( this.disabled ){ + classes.push( "ui-disabled" ); + extraAttrs.push( "aria-disabled='true'" ); + } + + lis.push( "<li data-" + $.mobile.ns + "icon='"+ dataIcon +"' class='"+ classes.join(" ") + "' " + extraAttrs.join(" ") +">"+ anchor +"</li>" ) + }); + + self.list.html( lis.join(" ") ); + + self.list.find( "li" ) + .attr({ "role": "option", "tabindex": "-1" }) + .first().attr( "tabindex", "0" ); + + // hide header close link for single selects + if( !this.isMultiple ){ + this.headerClose.hide(); + } + + // hide header if it's not a multiselect and there's no placeholder + if( !this.isMultiple && !placeholder.length ){ + this.header.hide(); + } else { + this.headerTitle.text( this.placeholder ); + } + + //now populated, create listview + self.list.listview(); + }, + + refresh: function( forceRebuild ){ + var self = this, + select = this.element, + isMultiple = this.isMultiple, + options = this.optionElems = select.find("option"), + selected = options.filter(":selected"), + + // return an array of all selected index's + indicies = selected.map(function(){ + return options.index( this ); + }).get(); + + if( !self.options.nativeMenu && ( forceRebuild || select[0].options.length != self.list.find('li').length )){ + self._buildList(); + } + + self.button + .find( ".ui-btn-text" ) + .text(function(){ + if( !isMultiple ){ + return selected.text(); + } + + return selected.length ? + selected.map(function(){ return $(this).text(); }).get().join(', ') : + self.placeholder; + }); + + // multiple count inside button + if( isMultiple ){ + self.buttonCount[ selected.length > 1 ? 'show' : 'hide' ]().text( selected.length ); + } + + if( !self.options.nativeMenu ){ + self.list + .find( 'li:not(.ui-li-divider)' ) + .removeClass( $.mobile.activeBtnClass ) + .attr( 'aria-selected', false ) + .each(function( i ){ + if( $.inArray(i, indicies) > -1 ){ + var item = $(this).addClass( $.mobile.activeBtnClass ); + + // aria selected attr + item.find( 'a' ).attr( 'aria-selected', true ); + + // multiple selects: add the "on" checkbox state to the icon + if( isMultiple ){ + item.find('.ui-icon').removeClass('ui-icon-checkbox-off').addClass('ui-icon-checkbox-on'); + } + } + }); + } + }, + + open: function(){ + if( this.options.disabled || this.options.nativeMenu ){ return; } + + var self = this, + menuHeight = self.list.parent().outerHeight(), + menuWidth = self.list.parent().outerWidth(), + scrollTop = $(window).scrollTop(), + btnOffset = self.button.offset().top, + screenHeight = window.innerHeight, + screenWidth = window.innerWidth; + + //add active class to button + self.button.addClass( $.mobile.activeBtnClass ); + + //remove after delay + setTimeout(function(){ + self.button.removeClass( $.mobile.activeBtnClass ); + }, 300); + + function focusMenuItem(){ + self.list.find( ".ui-btn-active" ).focus(); + } + + if( menuHeight > screenHeight - 80 || !$.support.scrollTop ){ + + //for webos (set lastscroll using button offset) + if( scrollTop == 0 && btnOffset > screenHeight ){ + self.thisPage.one('pagehide',function(){ + $(this).jqmData('lastScroll', btnOffset); + }); + } + + self.menuPage.one('pageshow', function() { + // silentScroll() is called whenever a page is shown to restore + // any previous scroll position the page may have had. We need to + // wait for the "silentscroll" event before setting focus to avoid + // the browser's "feature" which offsets rendering to make sure + // whatever has focus is in view. + $(window).one("silentscroll", function(){ focusMenuItem(); }); + }); + + self.menuType = "page"; + self.menuPageContent.append( self.list ); + $.mobile.changePage( self.menuPage, { transition: 'pop' } ); + } + else { + self.menuType = "overlay"; + + self.screen + .height( $(document).height() ) + .removeClass('ui-screen-hidden'); + + //try and center the overlay over the button + var roomtop = btnOffset - scrollTop, + roombot = scrollTop + screenHeight - btnOffset, + halfheight = menuHeight / 2, + maxwidth = parseFloat(self.list.parent().css('max-width')), + newtop, newleft; + + if( roomtop > menuHeight / 2 && roombot > menuHeight / 2 ){ + newtop = btnOffset + ( self.button.outerHeight() / 2 ) - halfheight; + } + else{ + //30px tolerance off the edges + newtop = roomtop > roombot ? scrollTop + screenHeight - menuHeight - 30 : scrollTop + 30; + } + + // if the menuwidth is smaller than the screen center is + if (menuWidth < maxwidth) { + newleft = (screenWidth - menuWidth) / 2; + } else { //otherwise insure a >= 30px offset from the left + newleft = self.button.offset().left + self.button.outerWidth() / 2 - menuWidth / 2; + // 30px tolerance off the edges + if (newleft < 30) { + newleft = 30; + } else if ((newleft + menuWidth) > screenWidth) { + newleft = screenWidth - menuWidth - 30; + } + } + + self.listbox + .append( self.list ) + .removeClass( "ui-selectmenu-hidden" ) + .css({ + top: newtop, + left: newleft + }) + .addClass("in"); + + focusMenuItem(); + } + + // wait before the dialog can be closed + setTimeout(function(){ + self.isOpen = true; + }, 400); + }, + + close: function(){ + if( this.options.disabled || !this.isOpen || this.options.nativeMenu ){ return; } + var self = this; + + function focusButton(){ + setTimeout(function(){ + self.button.focus(); + }, 40); + + self.listbox.removeAttr('style').append( self.list ); + } + + if(self.menuType == "page"){ + // button refocus ensures proper height calculation + // by removing the inline style and ensuring page inclusion + self.menuPage.one("pagehide", focusButton); + + // doesn't solve the possible issue with calling change page + // where the objects don't define data urls which prevents dialog key + // stripping - changePage has incoming refactor + window.history.back(); + } + else{ + self.screen.addClass( "ui-screen-hidden" ); + self.listbox.addClass( "ui-selectmenu-hidden" ).removeAttr( "style" ).removeClass("in"); + focusButton(); + } + + // allow the dialog to be closed again + this.isOpen = false; + }, + + disable: function(){ + this.element.attr("disabled",true); + this.button.addClass('ui-disabled').attr("aria-disabled", true); + return this._setOption( "disabled", true ); + }, + + enable: function(){ + this.element.attr("disabled",false); + this.button.removeClass('ui-disabled').attr("aria-disabled", false); + return this._setOption( "disabled", false ); + } +}); +})( jQuery ); + +/ +* jQuery Mobile Framework : plugin for making button-like links +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +( function( $, undefined ) { + +$.fn.buttonMarkup = function( options ) { + return this.each( function() { + var el = $( this ), + o = $.extend( {}, $.fn.buttonMarkup.defaults, el.jqmData(), options ), + + // Classes Defined + buttonClass, + innerClass = "ui-btn-inner", + iconClass; + + if ( attachEvents ) { + attachEvents(); + } + + // if not, try to find closest theme container + if ( !o.theme ) { + var themedParent = el.closest( "[class='ui-bar-'],[class='ui-body-']" ); + o.theme = themedParent.length ? + /ui-(bar|body)-([a-z])/.exec( themedParent.attr( "class" ) )[2] : + "c"; + } + + buttonClass = "ui-btn ui-btn-up-" + o.theme; + + if ( o.inline ) { + buttonClass += " ui-btn-inline"; + } + + if ( o.icon ) { + o.icon = "ui-icon-" + o.icon; + o.iconpos = o.iconpos || "left"; + + iconClass = "ui-icon " + o.icon; + + if ( o.shadow ) { + iconClass += " ui-icon-shadow"; + } + } + + if ( o.iconpos ) { + buttonClass += " ui-btn-icon-" + o.iconpos; + + if ( o.iconpos == "notext" && !el.attr( "title" ) ) { + el.attr( "title", el.text() ); + } + } + + if ( o.corners ) { + buttonClass += " ui-btn-corner-all"; + innerClass += " ui-btn-corner-all"; + } + + if ( o.shadow ) { + buttonClass += " ui-shadow"; + } + + el + .attr( "data-" + $.mobile.ns + "theme", o.theme ) + .addClass( buttonClass ); + + var wrap = ( "<D class='" + innerClass + "'><D class='ui-btn-text'></D>" + + ( o.icon ? "<span class='" + iconClass + "'></span>" : "" ) + + "</D>" ).replace( /D/g, o.wrapperEls ); + + el.wrapInner( wrap ); + }); +}; + +$.fn.buttonMarkup.defaults = { + corners: true, + shadow: true, + iconshadow: true, + wrapperEls: "span" +}; + +function closestEnabledButton( element ) +{ + while ( element ) { + var $ele = $( element ); + if ( $ele.hasClass( "ui-btn" ) && !$ele.hasClass( "ui-disabled" ) ) { + break; + } + element = element.parentNode; + } + return element; +} + +var attachEvents = function() { + $( document ).bind( { + "vmousedown": function( event ) { + var btn = closestEnabledButton( event.target ); + if ( btn ) { + var $btn = $( btn ), + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); + $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme ); + } + }, + "vmousecancel vmouseup": function( event ) { + var btn = closestEnabledButton( event.target ); + if ( btn ) { + var $btn = $( btn ), + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); + $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme ); + } + }, + "vmouseover focus": function( event ) { + var btn = closestEnabledButton( event.target ); + if ( btn ) { + var $btn = $( btn ), + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); + $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme ); + } + }, + "vmouseout blur": function( event ) { + var btn = closestEnabledButton( event.target ); + if ( btn ) { + var $btn = $( btn ), + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); + $btn.removeClass( "ui-btn-hover-" + theme ).addClass( "ui-btn-up-" + theme ); + } + } + }); + + attachEvents = null; +}; + +})( jQuery ); +/ +* jQuery Mobile Framework : "button" plugin - links that proxy to native input/buttons +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.widget( "mobile.button", $.mobile.widget, { + options: { + theme: null, + icon: null, + iconpos: null, + inline: null, + corners: true, + shadow: true, + iconshadow: true + }, + _create: function(){ + var $el = this.element, + o = this.options; + + //add ARIA role + this.button = $( "<div></div>" ) + .text( $el.text() || $el.val() ) + .buttonMarkup({ + theme: o.theme, + icon: o.icon, + iconpos: o.iconpos, + inline: o.inline, + corners: o.corners, + shadow: o.shadow, + iconshadow: o.iconshadow + }) + .insertBefore( $el ) + .append( $el.addClass('ui-btn-hidden') ); + + //add hidden input during submit + var type = $el.attr('type'); + if( type !== 'button' && type !== 'reset' ){ + $el.bind("vclick", function(){ + var $buttonPlaceholder = $("<input>", + {type: "hidden", name: $el.attr("name"), value: $el.attr("value")}) + .insertBefore($el); + + //bind to doc to remove after submit handling + $(document).submit(function(){ + $buttonPlaceholder.remove(); + }); + }); + } + this.refresh(); + + }, + + enable: function(){ + this.element.attr("disabled", false); + this.button.removeClass("ui-disabled").attr("aria-disabled", false); + return this._setOption("disabled", false); + }, + + disable: function(){ + this.element.attr("disabled", true); + this.button.addClass("ui-disabled").attr("aria-disabled", true); + return this._setOption("disabled", true); + }, + + refresh: function(){ + if( this.element.attr('disabled') ){ + this.disable(); + } + else{ + this.enable(); + } + } +}); +})( jQuery );/ +* jQuery Mobile Framework : "slider" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.widget( "mobile.slider", $.mobile.widget, { + options: { + theme: null, + trackTheme: null, + disabled: false + }, + _create: function(){ + var self = this, + + control = this.element, + + parentTheme = control.parents('[class=ui-bar-],[class=ui-body-]').eq(0), + + parentTheme = parentTheme.length ? parentTheme.attr('class').match(/ui-(bar|body)-([a-z])/)[2] : 'c', + + theme = this.options.theme ? this.options.theme : parentTheme, + + trackTheme = this.options.trackTheme ? this.options.trackTheme : parentTheme, + + cType = control[0].nodeName.toLowerCase(), + selectClass = (cType == 'select') ? 'ui-slider-switch' : '', + controlID = control.attr('id'), + labelID = controlID + '-label', + label = $('[for="'+ controlID +'"]').attr('id',labelID), + val = function(){ + return (cType == 'input') ? parseFloat(control.val()) : control[0].selectedIndex; + }, + min = (cType == 'input') ? parseFloat(control.attr('min')) : 0, + max = (cType == 'input') ? parseFloat(control.attr('max')) : control.find('option').length-1, + step = window.parseFloat(control.attr('step') || 1), + slider = $('<div class="ui-slider '+ selectClass +' ui-btn-down-'+ trackTheme+' ui-btn-corner-all" role="application"></div>'), + handle = $('<a href="#" class="ui-slider-handle"></a>') + .appendTo(slider) + .buttonMarkup({corners: true, theme: theme, shadow: true}) + .attr({ + 'role': 'slider', + 'aria-valuemin': min, + 'aria-valuemax': max, + 'aria-valuenow': val(), + 'aria-valuetext': val(), + 'title': val(), + 'aria-labelledby': labelID + }); + + $.extend(this, { + slider: slider, + handle: handle, + dragging: false, + beforeStart: null + }); + + if(cType == 'select'){ + slider.wrapInner('<div class="ui-slider-inneroffset"></div>'); + var options = control.find('option'); + + control.find('option').each(function(i){ + var side = (i==0) ?'b':'a', + corners = (i==0) ? 'right' :'left', + theme = (i==0) ? ' ui-btn-down-' + trackTheme :' ui-btn-active'; + $('<div class="ui-slider-labelbg ui-slider-labelbg-'+ side + theme +' ui-btn-corner-'+ corners+'"></div>').prependTo(slider); + $('<span class="ui-slider-label ui-slider-label-'+ side + theme +' ui-btn-corner-'+ corners+'" role="img">'+$(this).text()+'</span>').prependTo(handle); + }); + + } + + label.addClass('ui-slider'); + + // monitor the input for updated values + control + .addClass((cType == 'input') ? 'ui-slider-input' : 'ui-slider-switch') + .change(function(){ + self.refresh( val(), true ); + }) + .keyup(function(){ // necessary? + self.refresh( val(), true, true ); + }) + .blur(function(){ + self.refresh( val(), true ); + }); + + // prevent screen drag when slider activated + $(document).bind( "vmousemove", function(event){ + if ( self.dragging ) { + self.refresh( event ); + return false; + } + }); + + slider + .bind( "vmousedown", function(event){ + self.dragging = true; + if ( cType === "select" ) { + self.beforeStart = control[0].selectedIndex; + } + self.refresh( event ); + return false; + }); + + slider + .add(document) + .bind( "vmouseup", function(){ + if ( self.dragging ) { + self.dragging = false; + if ( cType === "select" ) { + if ( self.beforeStart === control[0].selectedIndex ) { + //tap occurred, but value didn't change. flip it! + self.refresh( self.beforeStart === 0 ? 1 : 0 ); + } + var curval = val(); + var snapped = Math.round( curval / (max - min) 100 ); + handle + .addClass("ui-slider-handle-snapping") + .css("left", snapped + "%") + .animationComplete(function(){ + handle.removeClass("ui-slider-handle-snapping"); + }); + } + return false; + } + }); + + slider.insertAfter(control); + + // NOTE force focus on handle + this.handle + .bind( "vmousedown", function(){ + $(this).focus(); + }) + .bind( "vclick", false ); + + this.handle + .bind( "keydown", function( event ) { + var index = val(); + + if ( self.options.disabled ) { + return; + } + + // In all cases prevent the default and mark the handle as active + switch ( event.keyCode ) { + case $.mobile.keyCode.HOME: + case $.mobile.keyCode.END: + case $.mobile.keyCode.PAGE_UP: + case $.mobile.keyCode.PAGE_DOWN: + case $.mobile.keyCode.UP: + case $.mobile.keyCode.RIGHT: + case $.mobile.keyCode.DOWN: + case $.mobile.keyCode.LEFT: + event.preventDefault(); + + if ( !self._keySliding ) { + self._keySliding = true; + $( this ).addClass( "ui-state-active" ); + } + break; + } + + // move the slider according to the keypress + switch ( event.keyCode ) { + case $.mobile.keyCode.HOME: + self.refresh(min); + break; + case $.mobile.keyCode.END: + self.refresh(max); + break; + case $.mobile.keyCode.PAGE_UP: + case $.mobile.keyCode.UP: + case $.mobile.keyCode.RIGHT: + self.refresh(index + step); + break; + case $.mobile.keyCode.PAGE_DOWN: + case $.mobile.keyCode.DOWN: + case $.mobile.keyCode.LEFT: + self.refresh(index - step); + break; + } + }) // remove active mark + .keyup(function( event ) { + if ( self._keySliding ) { + self._keySliding = false; + $( this ).removeClass( "ui-state-active" ); + } + }); + + this.refresh(); + }, + + refresh: function(val, isfromControl, preventInputUpdate){ + if ( this.options.disabled ) { return; } + + var control = this.element, percent, + cType = control[0].nodeName.toLowerCase(), + min = (cType === "input") ? parseFloat(control.attr("min")) : 0, + max = (cType === "input") ? parseFloat(control.attr("max")) : control.find("option").length - 1; + + if ( typeof val === "object" ) { + var data = val, + // a slight tolerance helped get to the ends of the slider + tol = 8; + if ( !this.dragging + || data.pageX < this.slider.offset().left - tol + || data.pageX > this.slider.offset().left + this.slider.width() + tol ) { + return; + } + percent = Math.round( ((data.pageX - this.slider.offset().left) / this.slider.width() ) * 100 ); + } else { + if ( val == null ) { + val = (cType === "input") ? parseFloat(control.val()) : control[0].selectedIndex; + } + percent = (parseFloat(val) - min) / (max - min) * 100; + } + + if ( isNaN(percent) ) { return; } + if ( percent < 0 ) { percent = 0; } + if ( percent > 100 ) { percent = 100; } + + var newval = Math.round( (percent / 100) * (max - min) ) + min; + if ( newval < min ) { newval = min; } + if ( newval > max ) { newval = max; } + + //flip the stack of the bg colors + if ( percent > 60 && cType === "select" ) { + + } + this.handle.css("left", percent + "%"); + this.handle.attr({ + "aria-valuenow": (cType === "input") ? newval : control.find("option").eq(newval).attr("value"), + "aria-valuetext": (cType === "input") ? newval : control.find("option").eq(newval).text(), + title: newval + }); + + // add/remove classes for flip toggle switch + if ( cType === "select" ) { + if ( newval === 0 ) { + this.slider.addClass("ui-slider-switch-a") + .removeClass("ui-slider-switch-b"); + } else { + this.slider.addClass("ui-slider-switch-b") + .removeClass("ui-slider-switch-a"); + } + } + + if(!preventInputUpdate){ + // update control's value + if ( cType === "input" ) { + control.val(newval); + } else { + control[ 0 ].selectedIndex = newval; + } + if (!isfromControl) { control.trigger("change"); } + } + }, + + enable: function(){ + this.element.attr("disabled", false); + this.slider.removeClass("ui-disabled").attr("aria-disabled", false); + return this._setOption("disabled", false); + }, + + disable: function(){ + this.element.attr("disabled", true); + this.slider.addClass("ui-disabled").attr("aria-disabled", true); + return this._setOption("disabled", true); + } + +}); +})( jQuery ); + +/* +* jQuery Mobile Framework : "collapsible" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +( function( $, undefined ) { +$.widget( "mobile.collapsible", $.mobile.widget, { + options: { + expandCueText: " click to expand contents", + collapseCueText: " click to collapse contents", + collapsed: false, + heading: ">:header,>legend", + theme: null, + iconTheme: "d" + }, + _create: function() { + + var $el = this.element, + o = this.options, + collapsibleContain = $el.addClass( "ui-collapsible-contain" ), + collapsibleHeading = $el.find( o.heading ).eq( 0 ), + collapsibleContent = collapsibleContain.wrapInner( '<div class="ui-collapsible-content"></div>' ).find( ".ui-collapsible-content" ), + collapsibleParent = $el.closest( ":jqmData(role='collapsible-set')" ).addClass( "ui-collapsible-set" ); + + //replace collapsibleHeading if it's a legend + if ( collapsibleHeading.is( "legend" ) ) { + collapsibleHeading = $( '<div role="heading">'+ collapsibleHeading.html() +"</div>" ).insertBefore( collapsibleHeading ); + collapsibleHeading.next().remove(); + } + + collapsibleHeading + //drop heading in before content + .insertBefore( collapsibleContent ) + //modify markup & attributes + .addClass( "ui-collapsible-heading" ) + .append( '<span class="ui-collapsible-heading-status"></span>' ) + .wrapInner( '<a href="#" class="ui-collapsible-heading-toggle"></a>' ) + .find( "a:eq(0)" ) + .buttonMarkup( { + shadow: !collapsibleParent.length, + corners: false, + iconPos: "left", + icon: "plus", + theme: o.theme + } ) + .find( ".ui-icon" ) + .removeAttr( "class" ) + .buttonMarkup( { + shadow: true, + corners: true, + iconPos: "notext", + icon: "plus", + theme: o.iconTheme + } ); + + if ( ! collapsibleParent.length ) { + collapsibleHeading + .find( "a:eq(0)" ) + .addClass( "ui-corner-all" ) + .find( ".ui-btn-inner" ) + .addClass( "ui-corner-all" ); + } + else { + if ( collapsibleContain.jqmData( "collapsible-last" ) ) { + collapsibleHeading + .find( "a:eq(0), .ui-btn-inner" ) + .addClass( "ui-corner-bottom" ); + } + } + + //events + collapsibleContain + .bind( "collapse", function( event ) { + if ( ! event.isDefaultPrevented() && $( event.target ).closest( ".ui-collapsible-contain" ).is( collapsibleContain ) ) { + event.preventDefault(); + collapsibleHeading + .addClass( "ui-collapsible-heading-collapsed" ) + .find( ".ui-collapsible-heading-status" ) + .text( o.expandCueText ) + .end() + .find( ".ui-icon" ) + .removeClass( "ui-icon-minus" ) + .addClass( "ui-icon-plus" ); + collapsibleContent.addClass( "ui-collapsible-content-collapsed" ).attr( "aria-hidden", true ); + + if ( collapsibleContain.jqmData( "collapsible-last" ) ) { + collapsibleHeading + .find( "a:eq(0), .ui-btn-inner" ) + .addClass( "ui-corner-bottom" ); + } + } + + } ) + .bind( "expand", function( event ) { + if ( ! event.isDefaultPrevented() ) { + event.preventDefault(); + collapsibleHeading + .removeClass( "ui-collapsible-heading-collapsed" ) + .find( ".ui-collapsible-heading-status" ).text( o.collapseCueText ); + + collapsibleHeading.find( ".ui-icon" ).removeClass( "ui-icon-plus" ).addClass( "ui-icon-minus" ); + collapsibleContent.removeClass( "ui-collapsible-content-collapsed" ).attr( "aria-hidden", false ); + + if ( collapsibleContain.jqmData( "collapsible-last" ) ) { + collapsibleHeading + .find( "a:eq(0), .ui-btn-inner" ) + .removeClass( "ui-corner-bottom" ); + } + } + } ) + .trigger( o.collapsed ? "collapse" : "expand" ); + + + //close others in a set + if ( collapsibleParent.length && !collapsibleParent.jqmData( "collapsiblebound" ) ) { + collapsibleParent + .jqmData( "collapsiblebound", true ) + .bind( "expand", function( event ){ + + $( event.target ) + .closest( ".ui-collapsible-contain" ) + .siblings( ".ui-collapsible-contain" ) + .trigger( "collapse" ); + + } ); + + + var set = collapsibleParent.find( ":jqmData(role='collapsible'):first" ); + + set.first() + .find( "a:eq(0)" ) + .addClass( "ui-corner-top" ) + .find( ".ui-btn-inner" ) + .addClass( "ui-corner-top" ); + + set.last().jqmData( "collapsible-last", true ); + } + + collapsibleHeading + .bind( "vclick", function( e ) { + if ( collapsibleHeading.is( ".ui-collapsible-heading-collapsed" ) ) { + collapsibleContain.trigger( "expand" ); + } + else { + collapsibleContain.trigger( "collapse" ); + } + e.preventDefault(); + } ); + } +} ); +} )( jQuery ); +/ +* jQuery Mobile Framework: "controlgroup" plugin - corner-rounding for groups of buttons, checks, radios, etc +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.fn.controlgroup = function(options){ + + return this.each(function(){ + var o = $.extend({ + direction: $( this ).jqmData( "type" ) || "vertical", + shadow: false + },options); + var groupheading = $(this).find('>legend'), + flCorners = o.direction == 'horizontal' ? ['ui-corner-left', 'ui-corner-right'] : ['ui-corner-top', 'ui-corner-bottom'], + type = $(this).find('input:eq(0)').attr('type'); + + //replace legend with more stylable replacement div + if( groupheading.length ){ + $(this).wrapInner('<div class="ui-controlgroup-controls"></div>'); + $('<div role="heading" class="ui-controlgroup-label">'+ groupheading.html() +'</div>').insertBefore( $(this).children(0) ); + groupheading.remove(); + } + + $(this).addClass('ui-corner-all ui-controlgroup ui-controlgroup-'+o.direction); + + function flipClasses(els){ + els + .removeClass('ui-btn-corner-all ui-shadow') + .eq(0).addClass(flCorners[0]) + .end() + .filter(':last').addClass(flCorners[1]).addClass('ui-controlgroup-last'); + } + flipClasses($(this).find('.ui-btn')); + flipClasses($(this).find('.ui-btn-inner')); + if(o.shadow){ + $(this).addClass('ui-shadow'); + } + }); +}; +})(jQuery);/ +* jQuery Mobile Framework : "fieldcontain" plugin - simple class additions to make form row separators +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.fn.fieldcontain = function(options){ + return this.addClass('ui-field-contain ui-body ui-br'); +}; +})(jQuery);/ +* jQuery Mobile Framework : "listview" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +//Keeps track of the number of lists per page UID +//This allows support for multiple nested list in the same page +//https://github.com/jquery/jquery-mobile/issues/1617 +var listCountPerPage = {}; + +$.widget( "mobile.listview", $.mobile.widget, { + options: { + theme: "c", + countTheme: "c", + headerTheme: "b", + dividerTheme: "b", + splitIcon: "arrow-r", + splitTheme: "b", + inset: false + }, + + _create: function() { + var t = this; + + // create listview markup + t.element.addClass(function( i, orig ) { + return orig + " ui-listview " + ( t.options.inset ? " ui-listview-inset ui-corner-all ui-shadow " : "" ); + }); + + t.refresh(); + }, + + _itemApply: function( $list, item ) { + // TODO class has to be defined in markup + item.find( ".ui-li-count" ) + .addClass( "ui-btn-up-" + ($list.jqmData( "counttheme" ) || this.options.countTheme) + " ui-btn-corner-all" ).end() + .find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" ).end() + .find( "p, dl" ).addClass( "ui-li-desc" ).end() + .find( ">img:eq(0), .ui-link-inherit>img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() { + item.addClass( $(this).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" ); + }).end() + .find( ".ui-li-aside" ).each(function() { + var $this = $(this); + $this.prependTo( $this.parent() ); //shift aside to front for css float + }); + }, + + _removeCorners: function( li ) { + li + .add( li.find(".ui-btn-inner, .ui-li-link-alt, .ui-li-thumb") ) + .removeClass( "ui-corner-top ui-corner-bottom ui-corner-br ui-corner-bl ui-corner-tr ui-corner-tl" ); + }, + + refresh: function( create ) { + this._createSubPages(); + + var o = this.options, + $list = this.element, + self = this, + dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme, + listsplittheme = $list.jqmData( "splittheme" ), + listspliticon = $list.jqmData( "spliticon" ), + li = $list.children( "li" ), + counter = $.support.cssPseudoElement || !$.nodeName( $list[0], "ol" ) ? 0 : 1; + + if ( counter ) { + $list.find( ".ui-li-dec" ).remove(); + } + + for (var pos = 0, numli = li.length; pos < numli; pos++) { + var item = li.eq(pos), + itemClass = "ui-li"; + + // If we're creating the element, we update it regardless + if ( create || !item.hasClass( "ui-li" ) ) { + var itemTheme = item.jqmData("theme") || o.theme, + a = item.children( "a" ); + + if ( a.length ) { + var icon = item.jqmData("icon"); + + item + .buttonMarkup({ + wrapperEls: "div", + shadow: false, + corners: false, + iconpos: "right", + icon: a.length > 1 || icon === false ? false : icon || "arrow-r", + theme: itemTheme + }); + + a.first().addClass( "ui-link-inherit" ); + + if ( a.length > 1 ) { + itemClass += " ui-li-has-alt"; + + var last = a.last(), + splittheme = listsplittheme || last.jqmData( "theme" ) || o.splitTheme; + + last + .appendTo(item) + .attr( "title", last.text() ) + .addClass( "ui-li-link-alt" ) + .empty() + .buttonMarkup({ + shadow: false, + corners: false, + theme: itemTheme, + icon: false, + iconpos: false + }) + .find( ".ui-btn-inner" ) + .append( $( "<span />" ).buttonMarkup({ + shadow: true, + corners: true, + theme: splittheme, + iconpos: "notext", + icon: listspliticon || last.jqmData( "icon" ) || o.splitIcon + } ) ); + } + + } else if ( item.jqmData( "role" ) === "list-divider" ) { + itemClass += " ui-li-divider ui-btn ui-bar-" + dividertheme; + item.attr( "role", "heading" ); + + //reset counter when a divider heading is encountered + if ( counter ) { + counter = 1; + } + + } else { + itemClass += " ui-li-static ui-body-" + itemTheme; + } + } + + + if( o.inset ){ + if ( pos === 0 ) { + itemClass += " ui-corner-top"; + + item + .add( item.find( ".ui-btn-inner" ) ) + .find( ".ui-li-link-alt" ) + .addClass( "ui-corner-tr" ) + .end() + .find( ".ui-li-thumb" ) + .addClass( "ui-corner-tl" ); + if(item.next().next().length){ + self._removeCorners( item.next() ); + } + + } + if ( pos === li.length - 1 ) { + itemClass += " ui-corner-bottom"; + + item + .add( item.find( ".ui-btn-inner" ) ) + .find( ".ui-li-link-alt" ) + .addClass( "ui-corner-br" ) + .end() + .find( ".ui-li-thumb" ) + .addClass( "ui-corner-bl" ); + + if(item.prev().prev().length){ + self._removeCorners( item.prev() ); + } + } + } + + + if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) { + + var countParent = item.is(".ui-li-static:first") ? item : item.find( ".ui-link-inherit" ); + + countParent + .addClass( "ui-li-jsnumbering" ) + .prepend( "<span class='ui-li-dec'>" + (counter++) + ". </span>" ); + } + + item.add( item.children( ".ui-btn-inner" ) ).addClass( itemClass ); + + if ( !create ) { + self._itemApply( $list, item ); + } + } + }, + + //create a string for ID/subpage url creation + _idStringEscape: function( str ){ + return str.replace(/[^a-zA-Z0-9]/g, '-'); + }, + + _createSubPages: function() { + var parentList = this.element, + parentPage = parentList.closest( ".ui-page" ), + parentUrl = parentPage.jqmData( "url" ), + parentId = parentUrl || parentPage[ 0 ][ $.expando ], + parentListId = parentList.attr( "id" ), + o = this.options, + dns = "data-" + $.mobile.ns, + self = this, + persistentFooterID = parentPage.find( ":jqmData(role='footer')" ).jqmData( "id" ); + + if ( typeof( listCountPerPage[ parentId ] ) === 'undefined' ) { + listCountPerPage[ parentId ] = -1; + } + parentListId = parentListId || ++listCountPerPage[ parentId ]; + + $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) { + var list = $( this ), + listId = list.attr( "id" ) || parentListId + "-" + i, + parent = list.parent(), + nodeEls = $( list.prevAll().toArray().reverse() ), + nodeEls = nodeEls.length ? nodeEls : $( "<span>" + $.trim(parent.contents()[ 0 ].nodeValue) + "</span>" ), + title = nodeEls.first().text(),//url limits to first 30 chars of text + id = ( parentUrl || "" ) + "&" + $.mobile.subPageUrlKey + "=" + listId; + theme = list.jqmData( "theme" ) || o.theme, + countTheme = list.jqmData( "counttheme" ) || parentList.jqmData( "counttheme" ) || o.countTheme, + newPage = list.detach() + .wrap( "<div " + dns + "role='page' " + dns + "url='" + id + "' " + dns + "theme='" + theme + "' " + dns + "count-theme='" + countTheme + "'><div " + dns + "role='content'></div></div>" ) + .parent() + .before( "<div " + dns + "role='header' " + dns + "theme='" + o.headerTheme + "'><div class='ui-title'>" + title + "</div></div>" ) + .after( persistentFooterID ? $( "<div " + dns + "role='footer' " + dns + "id='"+ persistentFooterID +"'>") : "" ) + .parent() + .appendTo( $.mobile.pageContainer ); + + newPage.page(); + var anchor = parent.find('a:first'); + if ( !anchor.length ) { + anchor = $("<a />").html( nodeEls || title ).prependTo( parent.empty() ); + } + anchor.attr('href','#' + id); + }).listview(); + } +}); + +})( jQuery ); +/ +* jQuery Mobile Framework : "listview" filter extension +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { + +$.mobile.listview.prototype.options.filter = false; +$.mobile.listview.prototype.options.filterPlaceholder = "Filter items..."; +$.mobile.listview.prototype.options.filterTheme = "c"; + +$( ":jqmData(role='listview')" ).live( "listviewcreate", function() { + var list = $( this ), + listview = list.data( "listview" ); + + if ( !listview.options.filter ) { + return; + } + + var wrapper = $( "<form>", { "class": "ui-listview-filter ui-bar-" + listview.options.filterTheme, "role": "search" } ), + + search = $( "<input>", { + placeholder: listview.options.filterPlaceholder + }) + .attr( "data-" + $.mobile.ns + "type", "search" ) + .jqmData( 'lastval', "" ) + .bind( "keyup change", function() { + + var val = this.value.toLowerCase(), + listItems=null, + lastval = $( this ).jqmData('lastval')+""; + + //change val as lastval for next execution + $(this).jqmData( 'lastval' , val ); + + change = val.replace( new RegExp( "^" + lastval ) , "" ); + + if( val.length < lastval.length || change.length != ( val.length - lastval.length ) ){ + + //removed chars or pasted something totaly different, check all items + listItems = list.children(); + } else { + + //only chars added, not removed, only use visible subset + listItems = list.children( ':not(.ui-screen-hidden)' ); + } + + if ( val ) { + + // This handles hiding regular rows without the text we search for + // and any list dividers without regular rows shown under it + var item, + childItems = false, + itemtext=""; + + for ( var i = listItems.length - 1; i >= 0; i-- ) { + item = $( listItems[i] ); + itemtext = item.jqmData( 'filtertext' ) || item.text(); + + if ( item.is( "li:jqmData(role=list-divider)" ) ) { + + item.toggleClass( 'ui-filter-hidequeue' , !childItems ); + + // New bucket! + childItems = false; + + } else if ( itemtext.toLowerCase().indexOf( val ) === -1) { + + //mark to be hidden + item.toggleClass( 'ui-filter-hidequeue' , true ); + } else { + + // There's a shown item in the bucket + childItems = true; + } + } + + // show items, not marked to be hidden + listItems + .filter( ':not(.ui-filter-hidequeue)' ) + .toggleClass('ui-screen-hidden',false); + + // hide items, marked to be hidden + listItems + .filter( '.ui-filter-hidequeue' ) + .toggleClass('ui-screen-hidden',true) + .toggleClass( 'ui-filter-hidequeue' , false ); + + }else{ + + //filtervalue is empty => show all + listItems.toggleClass('ui-screen-hidden',false); + } + }) + .appendTo( wrapper ) + .textinput(); + + if ($( this ).jqmData( "inset" ) ) { + wrapper.addClass( "ui-listview-filter-inset" ); + } + + wrapper.insertBefore( list ); +}); + +})( jQuery );/ +* jQuery Mobile Framework : "dialog" plugin. +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* Note: Code is in draft form and is subject to change +/ +( function( $, undefined ) { +$.widget( "mobile.dialog", $.mobile.widget, { + options: { + closeBtnText: "Close" + }, + _create: function() { + var $el = this.element; + + / class the markup for dialog styling / + $el + //add ARIA role + .attr( "role", "dialog" ) + .addClass( "ui-page ui-dialog ui-body-a" ) + .find( ":jqmData(role=header)" ) + .addClass( "ui-corner-top ui-overlay-shadow" ) + .prepend( "<a href='#' data-" + $.mobile.ns + "icon='delete' data-" + $.mobile.ns + "rel='back' data-" + $.mobile.ns + "iconpos='notext'>"+ this.options.closeBtnText +"</a>" ) + .end() + .find( '.ui-content:not([class="ui-body-"])' ) + .addClass( 'ui-body-c' ) + .end() + .find( ".ui-content,:jqmData(role='footer')" ) + .last() + .addClass( "ui-corner-bottom ui-overlay-shadow" ); + + /* bind events + - clicks and submits should use the closing transition that the dialog opened with + unless a data-transition is specified on the link/form + - if the click was on the close button, or the link has a data-rel="back" it'll go back in history naturally + / + $el + .bind( "vclick submit", function( e ) { + var $target = $( e.target ).closest( e.type === "vclick" ? "a" : "form" ); + + if( $target.length && ! $target.jqmData( "transition" ) ) { + var active = $.mobile.urlHistory.getActive() || {}; + $target + .attr( "data-" + $.mobile.ns + "transition", ( active.transition || $.mobile.defaultDialogTransition ) ) + .attr( "data-" + $.mobile.ns + "direction", "reverse" ); + } + }) + .bind( "pagehide", function() { + $( this ).find( "." + $.mobile.activeBtnClass ).removeClass( $.mobile.activeBtnClass ); + }); + }, + + //close method goes back in history + close: function() { + window.history.back(); + } +}); +})( jQuery ); +/ +* jQuery Mobile Framework : "navbar" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.widget( "mobile.navbar", $.mobile.widget, { + options: { + iconpos: 'top', + grid: null + }, + _create: function(){ + var $navbar = this.element, + $navbtns = $navbar.find("a"), + iconpos = $navbtns.filter( ":jqmData(icon)").length ? this.options.iconpos : undefined; + + $navbar + .addClass('ui-navbar') + .attr("role","navigation") + .find("ul") + .grid({grid: this.options.grid }); + + if( !iconpos ){ + $navbar.addClass("ui-navbar-noicons"); + } + + $navbtns + .buttonMarkup({ + corners: false, + shadow: false, + iconpos: iconpos + }); + + $navbar.delegate("a", "vclick",function(event){ + $navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass ); + $( this ).addClass( $.mobile.activeBtnClass ); + }); + } +}); +})( jQuery ); +/ +* jQuery Mobile Framework : plugin for creating CSS grids +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +/ +(function($, undefined ) { +$.fn.grid = function(options){ + return this.each(function(){ + var o = $.extend({ + grid: null + },options); + + + var $kids = $(this).children(), + gridCols = {solo:1, a:2, b:3, c:4, d:5}, + grid = o.grid, + iterator; + + if( !grid ){ + if( $kids.length <= 5 ){ + for(var letter in gridCols){ + if(gridCols[letter] == $kids.length){ grid = letter; } + } + } + else{ + grid = 'a'; + } + } + iterator = gridCols[grid]; + + $(this).addClass('ui-grid-' + grid); + + $kids.filter(':nth-child(' + iterator + 'n+1)').addClass('ui-block-a'); + if(iterator > 1){ + $kids.filter(':nth-child(' + iterator + 'n+2)').addClass('ui-block-b'); + } + if(iterator > 2){ + $kids.filter(':nth-child(3n+3)').addClass('ui-block-c'); + } + if(iterator > 3){ + $kids.filter(':nth-child(4n+4)').addClass('ui-block-d'); + } + if(iterator > 4){ + $kids.filter(':nth-child(5n+5)').addClass('ui-block-e'); + } + + }); +}; +})(jQuery);/! + * jQuery Mobile v@VERSION + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + / + +(function( $, window, undefined ) { + var $html = $( "html" ), + $head = $( "head" ), + $window = $( window ); + + //trigger mobileinit event - useful hook for configuring $.mobile settings before they're used + $( window.document ).trigger( "mobileinit" ); + + //support conditions + //if device support condition(s) aren't met, leave things as they are -> a basic, usable experience, + //otherwise, proceed with the enhancements + if ( !$.mobile.gradeA() ) { + return; + } + + // override ajaxEnabled on platforms that have known conflicts with hash history updates + // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini) + if( window.blackberry && !window.WebKitPoint || window.operamini && Object.prototype.toString.call( window.operamini ) === "[object OperaMini]" ){ + $.mobile.ajaxEnabled = false; + } + + //add mobile, initial load "rendering" classes to docEl + $html.addClass( "ui-mobile ui-mobile-rendering" ); + + //loading div which appears during Ajax requests + //will not appear if $.mobile.loadingMessage is false + var $loader = $.mobile.loadingMessage ? $( "<div class='ui-loader ui-body-a ui-corner-all'>" + "<span class='ui-icon ui-icon-loading spin'></span>" + "<h1>" + $.mobile.loadingMessage + "</h1>" + "</div>" ) : undefined; + + $.extend($.mobile, { + // turn on/off page loading message. + showPageLoadingMsg: function() { + if( $.mobile.loadingMessage ){ + var activeBtn = $( "." + $.mobile.activeBtnClass ).first(); + + $loader + .appendTo( $.mobile.pageContainer ) + //position at y center (if scrollTop supported), above the activeBtn (if defined), or just 100px from top + .css( { + top: $.support.scrollTop && $(window).scrollTop() + $(window).height() / 2 || + activeBtn.length && activeBtn.offset().top || 100 + } ); + } + + $html.addClass( "ui-loading" ); + }, + + hidePageLoadingMsg: function() { + $html.removeClass( "ui-loading" ); + }, + + // XXX: deprecate for 1.0 + pageLoading: function ( done ) { + if ( done ) { + $.mobile.hidePageLoadingMsg(); + } else { + $.mobile.showPageLoadingMsg(); + } + }, + + // find and enhance the pages in the dom and transition to the first page. + initializePage: function(){ + //find present pages + var $pages = $( ":jqmData(role='page')" ); + + //add dialogs, set data-url attrs + $pages.add( ":jqmData(role='dialog')" ).each(function(){ + var $this = $(this); + + // unless the data url is already set set it to the id + if( !$this.jqmData('url') ){ + $this.attr( "data-" + $.mobile.ns + "url", $this.attr( "id" ) ); + } + }); + + //define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback) + $.mobile.firstPage = $pages.first(); + + //define page container + $.mobile.pageContainer = $pages.first().parent().addClass( "ui-mobile-viewport" ); + + //cue page loading message + $.mobile.showPageLoadingMsg(); + + // if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM + if( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) ){ + $.mobile.changePage( $.mobile.firstPage, { transition: "none", reverse: true, changeHash: false, fromHashChange: true } ); + } + // otherwise, trigger a hashchange to load a deeplink + else { + $window.trigger( "hashchange", [ true ] ); + } + } + }); + + //check which scrollTop value should be used by scrolling to 1 immediately at domready + //then check what the scroll top is. Android will report 0... others 1 + //note that this initial scroll won't hide the address bar. It's just for the check. + $(function(){ + window.scrollTo( 0, 1 ); + + //if defaultHomeScroll hasn't been set yet, see if scrollTop is 1 + //it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar) + //so if it's 1, use 0 from now on + $.mobile.defaultHomeScroll = ( !$.support.scrollTop || $(window).scrollTop() === 1 ) ? 0 : 1; + + //dom-ready inits + $( $.mobile.initializePage ); + + //window load event + //hide iOS browser chrome on load + $window.load( $.mobile.silentScroll ); + }); +})( jQuery, this ); + --- a/js/jquery.ui.autocomplete.js +++ /dev/null @@ -1,426 +1,1 @@ -/ - * jQuery UI Autocomplete @VERSION - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Autocomplete - * - * Depends: - * jquery.ui.core.js - * jquery.ui.widget.js - * jquery.ui.position.js - * jquery.ui.menu.js - / -(function( $, undefined ) { -// used to prevent race conditions with remote data sources -var requestIndex = 0; - -$.widget( "ui.autocomplete", { - defaultElement: "<input>", - options: { - appendTo: "body", - delay: 300, - minLength: 1, - position: { - my: "left top", - at: "left bottom", - collision: "none" - }, - source: null - }, - - pending: 0, - - _create: function() { - var self = this, - doc = this.element[ 0 ].ownerDocument, - suppressKeyPress; - - this.element - .addClass( "ui-autocomplete-input" ) - .attr( "autocomplete", "off" ) - // TODO verify these actually work as intended - .attr({ - role: "textbox", - "aria-autocomplete": "list", - "aria-haspopup": "true" - }) - .bind( "keydown.autocomplete", function( event ) { - if ( self.options.disabled || self.element.attr( "readonly" ) ) { - return; - } - - suppressKeyPress = false; - var keyCode = $.ui.keyCode; - switch( event.keyCode ) { - case keyCode.PAGE_UP: - self._move( "previousPage", event ); - break; - case keyCode.PAGE_DOWN: - self._move( "nextPage", event ); - break; - case keyCode.UP: - self._move( "previous", event ); - // prevent moving cursor to beginning of text field in some browsers - event.preventDefault(); - break; - case keyCode.DOWN: - self._move( "next", event ); - // prevent moving cursor to end of text field in some browsers - event.preventDefault(); - break; - case keyCode.ENTER: - case keyCode.NUMPAD_ENTER: - // when menu is open and has focus - if ( self.menu.active ) { - // #6055 - Opera still allows the keypress to occur - // which causes forms to submit - suppressKeyPress = true; - event.preventDefault(); - } - //passthrough - ENTER and TAB both select the current element - case keyCode.TAB: - if ( !self.menu.active ) { - return; - } - self.menu.select( event ); - break; - case keyCode.ESCAPE: - self.element.val( self.term ); - self.close( event ); - break; - default: - // keypress is triggered before the input value is changed - clearTimeout( self.searching ); - self.searching = setTimeout(function() { - // only search if the value has changed - if ( self.term != self.element.val() ) { - self.selectedItem = null; - self.search( null, event ); - } - }, self.options.delay ); - break; - } - }) - .bind( "keypress.autocomplete", function( event ) { - if ( suppressKeyPress ) { - suppressKeyPress = false; - event.preventDefault(); - } - }) - .bind( "focus.autocomplete", function() { - if ( self.options.disabled ) { - return; - } - - self.selectedItem = null; - self.previous = self.element.val(); - }) - .bind( "blur.autocomplete", function( event ) { - if ( self.options.disabled ) { - return; - } - - clearTimeout( self.searching ); - // clicks on the menu (or a button to trigger a search) will cause a blur event - self.closing = setTimeout(function() { - self.close( event ); - self._change( event ); - }, 150 ); - }); - this._initSource(); - this.response = function() { - return self._response.apply( self, arguments ); - }; - this.menu = $( "<ul></ul>" ) - .addClass( "ui-autocomplete" ) - .appendTo( $( this.options.appendTo || "body", doc )[0] ) - // prevent the close-on-blur in case of a "slow" click on the menu (long mousedown) - .mousedown(function( event ) { - // clicking on the scrollbar causes focus to shift to the body - // but we can't detect a mouseup or a click immediately afterward - // so we have to track the next mousedown and close the menu if - // the user clicks somewhere outside of the autocomplete - var menuElement = self.menu.element[ 0 ]; - if ( !$( event.target ).closest( ".ui-menu-item" ).length ) { - setTimeout(function() { - $( document ).one( 'mousedown', function( event ) { - if ( event.target !== self.element[ 0 ] && - event.target !== menuElement && - !$.contains( menuElement, event.target ) ) { - self.close(); - } - }); - }, 1 ); - } - - // use another timeout to make sure the blur-event-handler on the input was already triggered - setTimeout(function() { - clearTimeout( self.closing ); - }, 13); - }) - .menu({ - // custom key handling for now - input: $(), - focus: function( event, ui ) { - var item = ui.item.data( "item.autocomplete" ); - if ( false !== self._trigger( "focus", event, { item: item } ) ) { - // use value to match what will end up in the input, if it was a key event - if ( /^key/.test(event.originalEvent.type) ) { - self.element.val( item.value ); - } - } - }, - select: function( event, ui ) { - var item = ui.item.data( "item.autocomplete" ), - previous = self.previous; - - // only trigger when focus was lost (click on menu) - if ( self.element[0] !== doc.activeElement ) { - self.element.focus(); - self.previous = previous; - // #6109 - IE triggers two focus events and the second - // is asynchronous, so we need to reset the previous - // term synchronously and asynchronously :-( - setTimeout(function() { - self.previous = previous; - self.selectedItem = item; - }, 1); - } - - if ( false !== self._trigger( "select", event, { item: item } ) ) { - self.element.val( item.value ); - } - // reset the term after the select event - // this allows custom select handling to work properly - self.term = self.element.val(); - - self.close( event ); - self.selectedItem = item; - }, - blur: function( event, ui ) { - // don't set the value of the text field if it's already correct - // this prevents moving the cursor unnecessarily - if ( self.menu.element.is(":visible") && - ( self.element.val() !== self.term ) ) { - self.element.val( self.term ); - } - } - }) - .zIndex( this.element.zIndex() + 1 ) - .hide() - .data( "menu" ); - if ( $.fn.bgiframe ) { - this.menu.element.bgiframe(); - } - }, - - _destroy: function() { - this.element - .removeClass( "ui-autocomplete-input" ) - .removeAttr( "autocomplete" ) - .removeAttr( "role" ) - .removeAttr( "aria-autocomplete" ) - .removeAttr( "aria-haspopup" ); - this.menu.element.remove(); - }, - - _setOption: function( key, value ) { - this._super( "_setOption", key, value ); - if ( key === "source" ) { - this._initSource(); - } - if ( key === "appendTo" ) { - this.menu.element.appendTo( $( value || "body", this.element[0].ownerDocument )[0] ) - } - if ( key === "disabled" && value && this.xhr ) { - this.xhr.abort(); - } - }, - - _initSource: function() { - var self = this, - array, - url; - if ( $.isArray(this.options.source) ) { - array = this.options.source; - this.source = function( request, response ) { - response( $.ui.autocomplete.filter(array, request.term) ); - }; - } else if ( typeof this.options.source === "string" ) { - url = this.options.source; - this.source = function( request, response ) { - if ( self.xhr ) { - self.xhr.abort(); - } - self.xhr = $.ajax({ - url: url, - data: request, - dataType: "json", - autocompleteRequest: ++requestIndex, - success: function( data, status ) { - if ( this.autocompleteRequest === requestIndex ) { - response( data ); - } - }, - error: function() { - if ( this.autocompleteRequest === requestIndex ) { - response( [] ); - } - } - }); - }; - } else { - this.source = this.options.source; - } - }, - - search: function( value, event ) { - value = value != null ? value : this.element.val(); - - // always save the actual value, not the one passed as an argument - this.term = this.element.val(); - - if ( value.length < this.options.minLength ) { - return this.close( event ); - } - - clearTimeout( this.closing ); - if ( this._trigger( "search", event ) === false ) { - return; - } - - return this._search( value ); - }, - - _search: function( value ) { - this.pending++; - this.element.addClass( "ui-autocomplete-loading" ); - - this.source( { term: value }, this.response ); - }, - - _response: function( content ) { - if ( !this.options.disabled && content && content.length ) { - content = this._normalize( content ); - this._suggest( content ); - this._trigger( "open" ); - } else { - this.close(); - } - this.pending--; - if ( !this.pending ) { - this.element.removeClass( "ui-autocomplete-loading" ); - } - }, - - close: function( event ) { - clearTimeout( this.closing ); - if ( this.menu.element.is(":visible") ) { - this.menu.element.hide(); - this.menu.deactivate(); - this._trigger( "close", event ); - } - }, - - _change: function( event ) { - if ( this.previous !== this.element.val() ) { - this._trigger( "change", event, { item: this.selectedItem } ); - } - }, - - _normalize: function( items ) { - // assume all items have the right format when the first item is complete - if ( items.length && items[0].label && items[0].value ) { - return items; - } - return $.map( items, function(item) { - if ( typeof item === "string" ) { - return { - label: item, - value: item - }; - } - return $.extend({ - label: item.label || item.value, - value: item.value || item.label - }, item ); - }); - }, - - _suggest: function( items ) { - var ul = this.menu.element - .empty() - .zIndex( this.element.zIndex() + 1 ); - this._renderMenu( ul, items ); - // TODO refresh should check if the active item is still in the dom, removing the need for a manual deactivate - this.menu.deactivate(); - this.menu.refresh(); - - // size and position menu - ul.show(); - this._resizeMenu(); - ul.position( $.extend({ - of: this.element - }, this.options.position )); - }, - - _resizeMenu: function() { - var ul = this.menu.element; - ul.outerWidth( Math.max( - ul.width( "" ).outerWidth(), - this.element.outerWidth() - ) ); - }, - - _renderMenu: function( ul, items ) { - var self = this; - $.each( items, function( index, item ) { - self._renderItem( ul, item ); - }); - }, - - _renderItem: function( ul, item) { - return $( "<li></li>" ) - .data( "item.autocomplete", item ) - .append( $( "<a></a>" ).text( item.label ) ) - .appendTo( ul ); - }, - - _move: function( direction, event ) { - if ( !this.menu.element.is(":visible") ) { - this.search( null, event ); - return; - } - if ( this.menu.first() && /^previous/.test(direction) || - this.menu.last() && /^next/.test(direction) ) { - this.element.val( this.term ); - this.menu.deactivate(); - return; - } - this.menu[ direction ]( event ); - }, - - widget: function() { - return this.menu.element; - } -}); - -$.extend( $.ui.autocomplete, { - version: "@VERSION", - escapeRegex: function( value ) { - return value.replace(/[-[\]{}()+?.,\\^$|#\s]/g, "\\$&"); - }, - filter: function(array, term) { - var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" ); - return $.grep( array, function(value) { - return matcher.test( value.label || value.value || value ); - }); - } -}); - -}( jQuery )); - --- /dev/null +++ b/js/jquery.ui.autocomplete.min.js @@ -1,1 +1,33 @@ +/* + * jQuery UI Autocomplete 1.8.12 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete + * + * Depends: + * jquery.ui.core.js + * jquery.ui.widget.js + * jquery.ui.position.js + / +(function(d){var e=0;d.widget("ui.autocomplete",{options:{appendTo:"body",autoFocus:false,delay:300,minLength:1,position:{my:"left top",at:"left bottom",collision:"none"},source:null},pending:0,_create:function(){var a=this,b=this.element[0].ownerDocument,g;this.element.addClass("ui-autocomplete-input").attr("autocomplete","off").attr({role:"textbox","aria-autocomplete":"list","aria-haspopup":"true"}).bind("keydown.autocomplete",function(c){if(!(a.options.disabled||a.element.attr("readonly"))){g= +false;var f=d.ui.keyCode;switch(c.keyCode){case f.PAGE_UP:a._move("previousPage",c);break;case f.PAGE_DOWN:a._move("nextPage",c);break;case f.UP:a._move("previous",c);c.preventDefault();break;case f.DOWN:a._move("next",c);c.preventDefault();break;case f.ENTER:case f.NUMPAD_ENTER:if(a.menu.active){g=true;c.preventDefault()}case f.TAB:if(!a.menu.active)return;a.menu.select(c);break;case f.ESCAPE:a.element.val(a.term);a.close(c);break;default:clearTimeout(a.searching);a.searching=setTimeout(function(){if(a.term!= +a.element.val()){a.selectedItem=null;a.search(null,c)}},a.options.delay);break}}}).bind("keypress.autocomplete",function(c){if(g){g=false;c.preventDefault()}}).bind("focus.autocomplete",function(){if(!a.options.disabled){a.selectedItem=null;a.previous=a.element.val()}}).bind("blur.autocomplete",function(c){if(!a.options.disabled){clearTimeout(a.searching);a.closing=setTimeout(function(){a.close(c);a._change(c)},150)}});this._initSource();this.response=function(){return a._response.apply(a,arguments)}; +this.menu=d("<ul></ul>").addClass("ui-autocomplete").appendTo(d(this.options.appendTo||"body",b)[0]).mousedown(function(c){var f=a.menu.element[0];d(c.target).closest(".ui-menu-item").length||setTimeout(function(){d(document).one("mousedown",function(h){h.target!==a.element[0]&&h.target!==f&&!d.ui.contains(f,h.target)&&a.close()})},1);setTimeout(function(){clearTimeout(a.closing)},13)}).menu({focus:function(c,f){f=f.item.data("item.autocomplete");false!==a._trigger("focus",c,{item:f})&&/^key/.test(c.originalEvent.type)&& +a.element.val(f.value)},selected:function(c,f){var h=f.item.data("item.autocomplete"),i=a.previous;if(a.element[0]!==b.activeElement){a.element.focus();a.previous=i;setTimeout(function(){a.previous=i;a.selectedItem=h},1)}false!==a._trigger("select",c,{item:h})&&a.element.val(h.value);a.term=a.element.val();a.close(c);a.selectedItem=h},blur:function(){a.menu.element.is(":visible")&&a.element.val()!==a.term&&a.element.val(a.term)}}).zIndex(this.element.zIndex()+1).css({top:0,left:0}).hide().data("menu"); +d.fn.bgiframe&&this.menu.element.bgiframe()},destroy:function(){this.element.removeClass("ui-autocomplete-input").removeAttr("autocomplete").removeAttr("role").removeAttr("aria-autocomplete").removeAttr("aria-haspopup");this.menu.element.remove();d.Widget.prototype.destroy.call(this)},_setOption:function(a,b){d.Widget.prototype._setOption.apply(this,arguments);a==="source"&&this._initSource();if(a==="appendTo")this.menu.element.appendTo(d(b||"body",this.element[0].ownerDocument)[0]);a==="disabled"&& +b&&this.xhr&&this.xhr.abort()},_initSource:function(){var a=this,b,g;if(d.isArray(this.options.source)){b=this.options.source;this.source=function(c,f){f(d.ui.autocomplete.filter(b,c.term))}}else if(typeof this.options.source==="string"){g=this.options.source;this.source=function(c,f){a.xhr&&a.xhr.abort();a.xhr=d.ajax({url:g,data:c,dataType:"json",autocompleteRequest:++e,success:function(h){this.autocompleteRequest===e&&f(h)},error:function(){this.autocompleteRequest===e&&f([])}})}}else this.source= +this.options.source},search:function(a,b){a=a!=null?a:this.element.val();this.term=this.element.val();if(a.length<this.options.minLength)return this.close(b);clearTimeout(this.closing);if(this._trigger("search",b)!==false)return this._search(a)},_search:function(a){this.pending++;this.element.addClass("ui-autocomplete-loading");this.source({term:a},this.response)},_response:function(a){if(!this.options.disabled&&a&&a.length){a=this._normalize(a);this._suggest(a);this._trigger("open")}else this.close(); +this.pending--;this.pending||this.element.removeClass("ui-autocomplete-loading")},close:function(a){clearTimeout(this.closing);if(this.menu.element.is(":visible")){this.menu.element.hide();this.menu.deactivate();this._trigger("close",a)}},_change:function(a){this.previous!==this.element.val()&&this._trigger("change",a,{item:this.selectedItem})},_normalize:function(a){if(a.length&&a[0].label&&a[0].value)return a;return d.map(a,function(b){if(typeof b==="string")return{label:b,value:b};return d.extend({label:b.label|| +b.value,value:b.value||b.label},b)})},_suggest:function(a){var b=this.menu.element.empty().zIndex(this.element.zIndex()+1);this._renderMenu(b,a);this.menu.deactivate();this.menu.refresh();b.show();this._resizeMenu();b.position(d.extend({of:this.element},this.options.position));this.options.autoFocus&&this.menu.next(new d.Event("mouseover"))},_resizeMenu:function(){var a=this.menu.element;a.outerWidth(Math.max(a.width("").outerWidth(),this.element.outerWidth()))},_renderMenu:function(a,b){var g=this; +d.each(b,function(c,f){g._renderItem(a,f)})},_renderItem:function(a,b){return d("<li></li>").data("item.autocomplete",b).append(d("<a></a>").text(b.label)).appendTo(a)},_move:function(a,b){if(this.menu.element.is(":visible"))if(this.menu.first()&&/^previous/.test(a)||this.menu.last()&&/^next/.test(a)){this.element.val(this.term);this.menu.deactivate()}else this.menu[a](b);else this.search(null,b)},widget:function(){return this.menu.element}});d.extend(d.ui.autocomplete,{escapeRegex:function(a){return a.replace(/[-[\]{}()+?.,\\^$|#\s]/g, +"\\$&")},filter:function(a,b){var g=new RegExp(d.ui.autocomplete.escapeRegex(b),"i");return d.grep(a,function(c){return g.test(c.label||c.value||c)})}})})(jQuery); +(function(d){d.widget("ui.menu",{_create:function(){var e=this;this.element.addClass("ui-menu ui-widget ui-widget-content ui-corner-all").attr({role:"listbox","aria-activedescendant":"ui-active-menuitem"}).click(function(a){if(d(a.target).closest(".ui-menu-item a").length){a.preventDefault();e.select(a)}});this.refresh()},refresh:function(){var e=this;this.element.children("li:not(.ui-menu-item):has(a)").addClass("ui-menu-item").attr("role","menuitem").children("a").addClass("ui-corner-all").attr("tabindex", +-1).mouseenter(function(a){e.activate(a,d(this).parent())}).mouseleave(function(){e.deactivate()})},activate:function(e,a){this.deactivate();if(this.hasScroll()){var b=a.offset().top-this.element.offset().top,g=this.element.attr("scrollTop"),c=this.element.height();if(b<0)this.element.attr("scrollTop",g+b);else b>=c&&this.element.attr("scrollTop",g+b-c+a.height())}this.active=a.eq(0).children("a").addClass("ui-state-hover").attr("id","ui-active-menuitem").end();this._trigger("focus",e,{item:a})}, +deactivate:function(){if(this.active){this.active.children("a").removeClass("ui-state-hover").removeAttr("id");this._trigger("blur");this.active=null}},next:function(e){this.move("next",".ui-menu-item:first",e)},previous:function(e){this.move("prev",".ui-menu-item:last",e)},first:function(){return this.active&&!this.active.prevAll(".ui-menu-item").length},last:function(){return this.active&&!this.active.nextAll(".ui-menu-item").length},move:function(e,a,b){if(this.active){e=this.active[e+"All"](".ui-menu-item").eq(0); +e.length?this.activate(b,e):this.activate(b,this.element.children(a))}else this.activate(b,this.element.children(a))},nextPage:function(e){if(this.hasScroll())if(!this.active||this.last())this.activate(e,this.element.children(".ui-menu-item:first"));else{var a=this.active.offset().top,b=this.element.height(),g=this.element.children(".ui-menu-item").filter(function(){var c=d(this).offset().top-a-b+d(this).height();return c<10&&c>-10});g.length||(g=this.element.children(".ui-menu-item:last"));this.activate(e, +g)}else this.activate(e,this.element.children(".ui-menu-item").filter(!this.active||this.last()?":first":":last"))},previousPage:function(e){if(this.hasScroll())if(!this.active||this.first())this.activate(e,this.element.children(".ui-menu-item:last"));else{var a=this.active.offset().top,b=this.element.height();result=this.element.children(".ui-menu-item").filter(function(){var g=d(this).offset().top-a+b-d(this).height();return g<10&&g>-10});result.length||(result=this.element.children(".ui-menu-item:first")); +this.activate(e,result)}else this.activate(e,this.element.children(".ui-menu-item").filter(!this.active||this.first()?":last":":first"))},hasScroll:function(){return this.element.height()<this.element.attr("scrollHeight")},select:function(e){this._trigger("selected",e,{item:this.active})}})})(jQuery); --- /dev/null +++ b/js/jquery.ui.core.min.js @@ -1,1 +1,18 @@ +/! + jQuery UI 1.8.12 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI + / +(function(c,j){function k(a){return!c(a).parents().andSelf().filter(function(){return c.curCSS(this,"visibility")==="hidden"||c.expr.filters.hidden(this)}).length}c.ui=c.ui||{};if(!c.ui.version){c.extend(c.ui,{version:"1.8.12",keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106, +NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}});c.fn.extend({_focus:c.fn.focus,focus:function(a,b){return typeof a==="number"?this.each(function(){var d=this;setTimeout(function(){c(d).focus();b&&b.call(d)},a)}):this._focus.apply(this,arguments)},scrollParent:function(){var a;a=c.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(c.curCSS(this, +"position",1))&&/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0);return/fixed/.test(this.css("position"))||!a.length?c(document):a},zIndex:function(a){if(a!==j)return this.css("zIndex",a);if(this.length){a=c(this[0]);for(var b;a.length&&a[0]!==document;){b=a.css("position"); +if(b==="absolute"||b==="relative"||b==="fixed"){b=parseInt(a.css("zIndex"),10);if(!isNaN(b)&&b!==0)return b}a=a.parent()}}return 0},disableSelection:function(){return this.bind((c.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}});c.each(["Width","Height"],function(a,b){function d(f,g,l,m){c.each(e,function(){g-=parseFloat(c.curCSS(f,"padding"+this,true))||0;if(l)g-=parseFloat(c.curCSS(f, +"border"+this+"Width",true))||0;if(m)g-=parseFloat(c.curCSS(f,"margin"+this,true))||0});return g}var e=b==="Width"?["Left","Right"]:["Top","Bottom"],h=b.toLowerCase(),i={innerWidth:c.fn.innerWidth,innerHeight:c.fn.innerHeight,outerWidth:c.fn.outerWidth,outerHeight:c.fn.outerHeight};c.fn["inner"+b]=function(f){if(f===j)return i["inner"+b].call(this);return this.each(function(){c(this).css(h,d(this,f)+"px")})};c.fn["outer"+b]=function(f,g){if(typeof f!=="number")return i["outer"+b].call(this,f);return this.each(function(){c(this).css(h, +d(this,f,true,g)+"px")})}});c.extend(c.expr[":"],{data:function(a,b,d){return!!c.data(a,d[3])},focusable:function(a){var b=a.nodeName.toLowerCase(),d=c.attr(a,"tabindex");if("area"===b){b=a.parentNode;d=b.name;if(!a.href||!d||b.nodeName.toLowerCase()!=="map")return false;a=c("img[usemap=#"+d+"]")[0];return!!a&&k(a)}return(/input|select|textarea|button|object/.test(b)?!a.disabled:"a"==b?a.href||!isNaN(d):!isNaN(d))&&k(a)},tabbable:function(a){var b=c.attr(a,"tabindex");return(isNaN(b)||b>=0)&&c(a).is(":focusable")}}); +c(function(){var a=document.body,b=a.appendChild(b=document.createElement("div"));c.extend(b.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0});c.support.minHeight=b.offsetHeight===100;c.support.selectstart="onselectstart"in b;a.removeChild(b).style.display="none"});c.extend(c.ui,{plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&&a.element[0].parentNode)for(var e=0;e<b.length;e++)a.options[b[e][0]]&& +b[e][1].apply(a.element,d)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(a,b){if(c(a).css("overflow")==="hidden")return false;b=b&&b==="left"?"scrollLeft":"scrollTop";var d=false;if(a[b]>0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a<b+d},isOver:function(a,b,d,e,h,i){return c.ui.isOverAxis(a,d,h)&&c.ui.isOverAxis(b,e,i)}})}})(jQuery); --- a/js/jquery.ui.position.js +++ /dev/null @@ -1,252 +1,1 @@ -/ - * jQuery UI Position @VERSION - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Position - / -(function( $, undefined ) { -$.ui = $.ui || {}; - -var horizontalPositions = /left|center|right/, - verticalPositions = /top|center|bottom/, - center = "center", - _position = $.fn.position, - _offset = $.fn.offset; - -$.fn.position = function( options ) { - if ( !options || !options.of ) { - return _position.apply( this, arguments ); - } - - // make a copy, we don't want to modify arguments - options = $.extend( {}, options ); - - var target = $( options.of ), - targetElem = target[0], - collision = ( options.collision || "flip" ).split( " " ), - offset = options.offset ? options.offset.split( " " ) : [ 0, 0 ], - targetWidth, - targetHeight, - basePosition; - - if ( targetElem.nodeType === 9 ) { - targetWidth = target.width(); - targetHeight = target.height(); - basePosition = { top: 0, left: 0 }; - } else if ( $.isWindow( targetElem ) ) { - targetWidth = target.width(); - targetHeight = target.height(); - basePosition = { top: target.scrollTop(), left: target.scrollLeft() }; - } else if ( targetElem.preventDefault ) { - // force left top to allow flipping - options.at = "left top"; - targetWidth = targetHeight = 0; - basePosition = { top: options.of.pageY, left: options.of.pageX }; - } else { - targetWidth = target.outerWidth(); - targetHeight = target.outerHeight(); - basePosition = target.offset(); - } - - // force my and at to have valid horizontal and veritcal positions - // if a value is missing or invalid, it will be converted to center - $.each( [ "my", "at" ], function() { - var pos = ( options[this] || "" ).split( " " ); - if ( pos.length === 1) { - pos = horizontalPositions.test( pos[0] ) ? - pos.concat( [center] ) : - verticalPositions.test( pos[0] ) ? - [ center ].concat( pos ) : - [ center, center ]; - } - pos[ 0 ] = horizontalPositions.test( pos[0] ) ? pos[ 0 ] : center; - pos[ 1 ] = verticalPositions.test( pos[1] ) ? pos[ 1 ] : center; - options[ this ] = pos; - }); - - // normalize collision option - if ( collision.length === 1 ) { - collision[ 1 ] = collision[ 0 ]; - } - - // normalize offset option - offset[ 0 ] = parseInt( offset[0], 10 ) || 0; - if ( offset.length === 1 ) { - offset[ 1 ] = offset[ 0 ]; - } - offset[ 1 ] = parseInt( offset[1], 10 ) || 0; - - if ( options.at[0] === "right" ) { - basePosition.left += targetWidth; - } else if ( options.at[0] === center ) { - basePosition.left += targetWidth / 2; - } - - if ( options.at[1] === "bottom" ) { - basePosition.top += targetHeight; - } else if ( options.at[1] === center ) { - basePosition.top += targetHeight / 2; - } - - basePosition.left += offset[ 0 ]; - basePosition.top += offset[ 1 ]; - - return this.each(function() { - var elem = $( this ), - elemWidth = elem.outerWidth(), - elemHeight = elem.outerHeight(), - marginLeft = parseInt( $.curCSS( this, "marginLeft", true ) ) || 0, - marginTop = parseInt( $.curCSS( this, "marginTop", true ) ) || 0, - collisionWidth = elemWidth + marginLeft + - ( parseInt( $.curCSS( this, "marginRight", true ) ) || 0 ), - collisionHeight = elemHeight + marginTop + - ( parseInt( $.curCSS( this, "marginBottom", true ) ) || 0 ), - position = $.extend( {}, basePosition ), - collisionPosition; - - if ( options.my[0] === "right" ) { - position.left -= elemWidth; - } else if ( options.my[0] === center ) { - position.left -= elemWidth / 2; - } - - if ( options.my[1] === "bottom" ) { - position.top -= elemHeight; - } else if ( options.my[1] === center ) { - position.top -= elemHeight / 2; - } - - // prevent fractions (see #5280) - position.left = Math.round( position.left ); - position.top = Math.round( position.top ); - - collisionPosition = { - left: position.left - marginLeft, - top: position.top - marginTop - }; - - $.each( [ "left", "top" ], function( i, dir ) { - if ( $.ui.position[ collision[i] ] ) { - $.ui.position[ collision[i] ][ dir ]( position, { - targetWidth: targetWidth, - targetHeight: targetHeight, - elemWidth: elemWidth, - elemHeight: elemHeight, - collisionPosition: collisionPosition, - collisionWidth: collisionWidth, - collisionHeight: collisionHeight, - offset: offset, - my: options.my, - at: options.at - }); - } - }); - - if ( $.fn.bgiframe ) { - elem.bgiframe(); - } - elem.offset( $.extend( position, { using: options.using } ) ); - }); -}; - -$.ui.position = { - fit: { - left: function( position, data ) { - var win = $( window ), - over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft(); - position.left = over > 0 ? position.left - over : Math.max( position.left - data.collisionPosition.left, position.left ); - }, - top: function( position, data ) { - var win = $( window ), - over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop(); - position.top = over > 0 ? position.top - over : Math.max( position.top - data.collisionPosition.top, position.top ); - } - }, - - flip: { - left: function( position, data ) { - if ( data.at[0] === center ) { - return; - } - var win = $( window ), - over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft(), - myOffset = data.my[ 0 ] === "left" ? - -data.elemWidth : - data.my[ 0 ] === "right" ? - data.elemWidth : - 0, - atOffset = data.at[ 0 ] === "left" ? - data.targetWidth : - -data.targetWidth, - offset = -2 data.offset[ 0 ]; - position.left += data.collisionPosition.left < 0 ? - myOffset + atOffset + offset : - over > 0 ? - myOffset + atOffset + offset : - 0; - }, - top: function( position, data ) { - if ( data.at[1] === center ) { - return; - } - var win = $( window ), - over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop(), - myOffset = data.my[ 1 ] === "top" ? - -data.elemHeight : - data.my[ 1 ] === "bottom" ? - data.elemHeight : - 0, - atOffset = data.at[ 1 ] === "top" ? - data.targetHeight : - -data.targetHeight, - offset = -2 * data.offset[ 1 ]; - position.top += data.collisionPosition.top < 0 ? - myOffset + atOffset + offset : - over > 0 ? - myOffset + atOffset + offset : - 0; - } - } -}; - -// offset setter from jQuery 1.4 -if ( !$.offset.setOffset ) { - $.offset.setOffset = function( elem, options ) { - // set position first, in-case top/left are set even on static elem - if ( /static/.test( $.curCSS( elem, "position" ) ) ) { - elem.style.position = "relative"; - } - var curElem = $( elem ), - curOffset = curElem.offset(), - curTop = parseInt( $.curCSS( elem, "top", true ), 10 ) || 0, - curLeft = parseInt( $.curCSS( elem, "left", true ), 10) || 0, - props = { - top: (options.top - curOffset.top) + curTop, - left: (options.left - curOffset.left) + curLeft - }; - - if ( 'using' in options ) { - options.using.call( elem, props ); - } else { - curElem.css( props ); - } - }; - - $.fn.offset = function( options ) { - var elem = this[ 0 ]; - if ( !elem || !elem.ownerDocument ) { return null; } - if ( options ) { - return this.each(function() { - $.offset.setOffset( this, options ); - }); - } - return _offset.call( this ); - }; -} - -}( jQuery )); - --- /dev/null +++ b/js/jquery.ui.position.min.js @@ -1,1 +1,17 @@ +/* + * jQuery UI Position 1.8.12 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Position + / +(function(c){c.ui=c.ui||{};var n=/left|center|right/,o=/top|center|bottom/,t=c.fn.position,u=c.fn.offset;c.fn.position=function(b){if(!b||!b.of)return t.apply(this,arguments);b=c.extend({},b);var a=c(b.of),d=a[0],g=(b.collision||"flip").split(" "),e=b.offset?b.offset.split(" "):[0,0],h,k,j;if(d.nodeType===9){h=a.width();k=a.height();j={top:0,left:0}}else if(d.setTimeout){h=a.width();k=a.height();j={top:a.scrollTop(),left:a.scrollLeft()}}else if(d.preventDefault){b.at="left top";h=k=0;j={top:b.of.pageY, +left:b.of.pageX}}else{h=a.outerWidth();k=a.outerHeight();j=a.offset()}c.each(["my","at"],function(){var f=(b[this]||"").split(" ");if(f.length===1)f=n.test(f[0])?f.concat(["center"]):o.test(f[0])?["center"].concat(f):["center","center"];f[0]=n.test(f[0])?f[0]:"center";f[1]=o.test(f[1])?f[1]:"center";b[this]=f});if(g.length===1)g[1]=g[0];e[0]=parseInt(e[0],10)||0;if(e.length===1)e[1]=e[0];e[1]=parseInt(e[1],10)||0;if(b.at[0]==="right")j.left+=h;else if(b.at[0]==="center")j.left+=h/2;if(b.at[1]==="bottom")j.top+= +k;else if(b.at[1]==="center")j.top+=k/2;j.left+=e[0];j.top+=e[1];return this.each(function(){var f=c(this),l=f.outerWidth(),m=f.outerHeight(),p=parseInt(c.curCSS(this,"marginLeft",true))||0,q=parseInt(c.curCSS(this,"marginTop",true))||0,v=l+p+(parseInt(c.curCSS(this,"marginRight",true))||0),w=m+q+(parseInt(c.curCSS(this,"marginBottom",true))||0),i=c.extend({},j),r;if(b.my[0]==="right")i.left-=l;else if(b.my[0]==="center")i.left-=l/2;if(b.my[1]==="bottom")i.top-=m;else if(b.my[1]==="center")i.top-= +m/2;i.left=Math.round(i.left);i.top=Math.round(i.top);r={left:i.left-p,top:i.top-q};c.each(["left","top"],function(s,x){c.ui.position[g[s]]&&c.ui.position[g[s]][x](i,{targetWidth:h,targetHeight:k,elemWidth:l,elemHeight:m,collisionPosition:r,collisionWidth:v,collisionHeight:w,offset:e,my:b.my,at:b.at})});c.fn.bgiframe&&f.bgiframe();f.offset(c.extend(i,{using:b.using}))})};c.ui.position={fit:{left:function(b,a){var d=c(window);d=a.collisionPosition.left+a.collisionWidth-d.width()-d.scrollLeft();b.left= +d>0?b.left-d:Math.max(b.left-a.collisionPosition.left,b.left)},top:function(b,a){var d=c(window);d=a.collisionPosition.top+a.collisionHeight-d.height()-d.scrollTop();b.top=d>0?b.top-d:Math.max(b.top-a.collisionPosition.top,b.top)}},flip:{left:function(b,a){if(a.at[0]!=="center"){var d=c(window);d=a.collisionPosition.left+a.collisionWidth-d.width()-d.scrollLeft();var g=a.my[0]==="left"?-a.elemWidth:a.my[0]==="right"?a.elemWidth:0,e=a.at[0]==="left"?a.targetWidth:-a.targetWidth,h=-2a.offset[0];b.left+= +a.collisionPosition.left<0?g+e+h:d>0?g+e+h:0}},top:function(b,a){if(a.at[1]!=="center"){var d=c(window);d=a.collisionPosition.top+a.collisionHeight-d.height()-d.scrollTop();var g=a.my[1]==="top"?-a.elemHeight:a.my[1]==="bottom"?a.elemHeight:0,e=a.at[1]==="top"?a.targetHeight:-a.targetHeight,h=-2a.offset[1];b.top+=a.collisionPosition.top<0?g+e+h:d>0?g+e+h:0}}}};if(!c.offset.setOffset){c.offset.setOffset=function(b,a){if(/static/.test(c.curCSS(b,"position")))b.style.position="relative";var d=c(b), +g=d.offset(),e=parseInt(c.curCSS(b,"top",true),10)||0,h=parseInt(c.curCSS(b,"left",true),10)||0;g={top:a.top-g.top+e,left:a.left-g.left+h};"using"in a?a.using.call(b,g):d.css(g)};c.fn.offset=function(b){var a=this[0];if(!a||!a.ownerDocument)return null;if(b)return this.each(function(){c.offset.setOffset(this,b)});return u.call(this)}}})(jQuery); --- a/js/jquery.ui.widget.js +++ /dev/null @@ -1,324 +1,1 @@ -/! - * jQuery UI Widget @VERSION - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Widget - / -(function( $, undefined ) { -var slice = Array.prototype.slice; - -var _cleanData = $.cleanData; -$.cleanData = function( elems ) { - for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) { - $( elem ).triggerHandler( "remove" ); - } - _cleanData( elems ); -}; - -$.widget = function( name, base, prototype ) { - var namespace = name.split( "." )[ 0 ], - fullName; - name = name.split( "." )[ 1 ]; - fullName = namespace + "-" + name; - - if ( !prototype ) { - prototype = base; - base = $.Widget; - } - - // create selector for plugin - $.expr[ ":" ][ fullName ] = function( elem ) { - return !!$.data( elem, name ); - }; - - $[ namespace ] = $[ namespace ] || {}; - $[ namespace ][ name ] = $[ namespace ][ name ] || function( options, element ) { - // allow instantiation without "new" keyword - if ( !this._createWidget ) { - return new $[ namespace ][ name ]( options, element ); - } - - // allow instantiation without initializing for simple inheritance - // must use "new" keyword (the code above always passes args) - if ( arguments.length ) { - this._createWidget( options, element ); - } - }; - - var basePrototype = new base(); - // we need to make the options hash a property directly on the new instance - // otherwise we'll modify the options hash on the prototype that we're - // inheriting from - basePrototype.options = $.extend( true, {}, basePrototype.options ); - $[ namespace ][ name ].prototype = $.extend( true, basePrototype, { - namespace: namespace, - widgetName: name, - widgetEventPrefix: name, - widgetBaseClass: fullName, - base: base.prototype - }, prototype ); - - $.widget.bridge( name, $[ namespace ][ name ] ); -}; - -$.widget.bridge = function( name, object ) { - $.fn[ name ] = function( options ) { - var isMethodCall = typeof options === "string", - args = slice.call( arguments, 1 ), - returnValue = this; - - // allow multiple hashes to be passed on init - options = !isMethodCall && args.length ? - $.extend.apply( null, [ true, options ].concat(args) ) : - options; - - // prevent calls to internal methods - if ( isMethodCall && options.charAt( 0 ) === "_" ) { - return returnValue; - } - - if ( isMethodCall ) { - this.each(function() { - var instance = $.data( this, name ); - if ( !instance ) { - return $.error( "cannot call methods on " + name + " prior to initialization; " + - "attempted to call method '" + options + "'" ); - } - if ( !$.isFunction( instance[options] ) ) { - return $.error( "no such method '" + options + "' for " + name + " widget instance" ); - } - var methodValue = instance[ options ].apply( instance, args ); - if ( methodValue !== instance && methodValue !== undefined ) { - returnValue = methodValue; - return false; - } - }); - } else { - this.each(function() { - var instance = $.data( this, name ); - if ( instance ) { - instance.option( options || {} )._init(); - } else { - object( options, this ); - } - }); - } - - return returnValue; - }; -}; - -$.Widget = function( options, element ) { - // allow instantiation without "new" keyword - if ( !this._createWidget ) { - return new $[ namespace ][ name ]( options, element ); - } - - // allow instantiation without initializing for simple inheritance - // must use "new" keyword (the code above always passes args) - if ( arguments.length ) { - this._createWidget( options, element ); - } -}; - -$.Widget.prototype = { - widgetName: "widget", - widgetEventPrefix: "", - defaultElement: "<div>", - options: { - disabled: false - }, - _createWidget: function( options, element ) { - element = $( element || this.defaultElement || this )[ 0 ]; - this.element = $( element ); - this.options = $.extend( true, {}, - this.options, - this._getCreateOptions(), - options ); - - this.bindings = $(); - this.hoverable = $(); - this.focusable = $(); - - if ( element !== this ) { - $.data( element, this.widgetName, this ); - this._bind({ remove: "destroy" }); - } - - this._create(); - this._trigger( "create" ); - this._init(); - }, - _getCreateOptions: function() { - return $.metadata && $.metadata.get( this.element[0] )[ this.widgetName ]; - }, - _create: $.noop, - _init: $.noop, - - _super: function( method ) { - return this.base[ method ].apply( this, slice.call( arguments, 1 ) ); - }, - _superApply: function( method, args ) { - return this.base[ method ].apply( this, args ); - }, - - destroy: function() { - this._destroy(); - // we can probably remove the unbind calls in 2.0 - // all event bindings should go through this._bind() - this.element - .unbind( "." + this.widgetName ) - .removeData( this.widgetName ); - this.widget() - .unbind( "." + this.widgetName ) - .removeAttr( "aria-disabled" ) - .removeClass( - this.widgetBaseClass + "-disabled " + - "ui-state-disabled" ); - - // clean up events and states - this.bindings.unbind( "." + this.widgetName ); - this.hoverable.removeClass( "ui-state-hover" ); - this.focusable.removeClass( "ui-state-focus" ); - }, - _destroy: $.noop, - - widget: function() { - return this.element; - }, - - option: function( key, value ) { - var options = key; - - if ( arguments.length === 0 ) { - // don't return a reference to the internal hash - return $.extend( {}, this.options ); - } - - if (typeof key === "string" ) { - if ( value === undefined ) { - return this.options[ key ]; - } - options = {}; - options[ key ] = value; - } - - this._setOptions( options ); - - return this; - }, - _setOptions: function( options ) { - var self = this; - $.each( options, function( key, value ) { - self._setOption( key, value ); - }); - - return this; - }, - _setOption: function( key, value ) { - this.options[ key ] = value; - - if ( key === "disabled" ) { - this.widget() - .toggleClass( this.widgetBaseClass + "-disabled ui-state-disabled", !!value ) - .attr( "aria-disabled", value ); - this.hoverable.removeClass( "ui-state-hover" ); - this.focusable.removeClass( "ui-state-focus" ); - } - - return this; - }, - - enable: function() { - return this._setOption( "disabled", false ); - }, - disable: function() { - return this._setOption( "disabled", true ); - }, - - _bind: function( element, handlers ) { - // no element argument, shuffle and use this.element - if ( !handlers ) { - handlers = element; - element = this.element; - } else { - this.bindings = this.bindings.add( element ); - } - var instance = this; - $.each( handlers, function( event, handler ) { - element.bind( event + "." + instance.widgetName, function() { - // allow widgets to customize the disabled handling - // - disabled as an array instead of boolean - // - disabled class as method for disabling individual parts - if ( instance.options.disabled === true || - $( this ).hasClass( "ui-state-disabled" ) ) { - return; - } - return ( typeof handler === "string" ? instance[ handler ] : handler ) - .apply( instance, arguments ); - }); - }); - }, - - _hoverable: function( element ) { - this.hoverable = this.hoverable.add( element ); - this._bind( element, { - mouseenter: function( event ) { - $( event.currentTarget ).addClass( "ui-state-hover" ); - }, - mouseleave: function( event ) { - $( event.currentTarget ).removeClass( "ui-state-hover" ); - } - }); - }, - - _focusable: function( element ) { - this.focusable = this.focusable.add( element ); - this._bind( element, { - focusin: function( event ) { - $( event.currentTarget ).addClass( "ui-state-focus" ); - }, - focusout: function( event ) { - $( event.currentTarget ).removeClass( "ui-state-focus" ); - } - }); - }, - - _trigger: function( type, event, data ) { - var callback = this.options[ type ], - args; - - event = $.Event( event ); - event.type = ( type === this.widgetEventPrefix ? - type : - this.widgetEventPrefix + type ).toLowerCase(); - data = data || {}; - - // copy original event properties over to the new event - // this would happen if we could call $.event.fix instead of $.Event - // but we don't have a way to force an event to be fixed multiple times - if ( event.originalEvent ) { - for ( var i = $.event.props.length, prop; i; ) { - prop = $.event.props[ --i ]; - event[ prop ] = event.originalEvent[ prop ]; - } - } - - this.element.trigger( event, data ); - - args = $.isArray( data ) ? - [ event ].concat( data ) : - [ event, data ]; - - return !( $.isFunction( callback ) && - callback.apply( this.element[0], args ) === false || - event.isDefaultPrevented() ); - } -}; - -})( jQuery ); - --- /dev/null +++ b/js/jquery.ui.widget.min.js @@ -1,1 +1,16 @@ +/! + * jQuery UI Widget 1.8.12 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Widget + / +(function(b,j){if(b.cleanData){var k=b.cleanData;b.cleanData=function(a){for(var c=0,d;(d=a[c])!=null;c++)b(d).triggerHandler("remove");k(a)}}else{var l=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("",this).add([this]).each(function(){b(this).triggerHandler("remove")});return l.call(b(this),a,c)})}}b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]=function(h){return!!b.data(h, +a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend(true,{},c.options);b[e][a].prototype=b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)):d;if(e&&d.charAt(0)==="_")return h; +e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==j){h=i;return false}}):this.each(function(){var g=b.data(this,a);g?g.option(d||{})._init():b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){b.data(c,this.widgetName,this);this.element=b(c);this.options=b.extend(true,{},this.options, +this._getCreateOptions(),a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create();this._trigger("create");this._init()},_getCreateOptions:function(){return b.metadata&&b.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+"-disabled ui-state-disabled")}, +widget:function(){return this.element},option:function(a,c){var d=a;if(arguments.length===0)return b.extend({},this.options);if(typeof a==="string"){if(c===j)return this.options[a];d={};d[a]=c}this._setOptions(d);return this},_setOptions:function(a){var c=this;b.each(a,function(d,e){c._setOption(d,e)});return this},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled",c);return this}, +enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a=b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery); --- a/labs/about.php +++ /dev/null @@ -1,1 +1,1 @@ -../about.php + --- a/labs/css +++ /dev/null @@ -1,1 +1,1 @@ -../css/ + --- a/labs/feedback.php +++ /dev/null @@ -1,1 +1,1 @@ -../feedback.php + --- a/labs/index.php +++ b/labs/index.php @@ -6,11 +6,22 @@ <li data-role="list-divider" > Experimental Features </li> <li><a href="mywaybalance.php"><h3>MyWay Balance for mobile</h3> <p>Mobile viewer for MyWay balance. Warning! No HTTPS security.</p></a></li> - <li><a href="networkstats.php"><h3>Route Statistics</h3> - <p>Analysis of route timing points</p></a></li> <li><a href="busstopdensity.php"><h3>Bus Stop Density Map</h3> <p>Analysis of bus stop coverage</p></a></li> - <li>More coming soon!</li> + <li><a href="stopBrowser.php"><h3>Bus Stop Browser Map</h3> + <p>Bus stop location/route browser</p></a></li> + </ul> + <ul data-role="listview" data-theme="e" data-groupingtheme="e"> + + <li data-role="list-divider" > MyWay Timeliness Graphs </li> + <li><a href="myway_timeliness.php"><h3>Timeliness over Day</h3> + <p>Displays the deviation from the timetable over the day</p></a></li> + <li><a href="myway_timeliness_freqdist.php"><h3>Frequency Distribution of Time Deviation</h3> + <p>Displays spread of time deviations</p></a></li> + <li><a href="myway_timeliness_route.php"><h3>Timeliness over Route</h3> + <p>Displays the deviation from timetable as a specific route progresses</p></a></li> + <li><a href="myway_timeliness_stop.php"><h3>Timeliness at Stop</h3> + <p>Displays the deviation from the timetable at a specific stop</p></a></li> </ul> </div> <?php --- a/labs/js +++ /dev/null @@ -1,1 +1,1 @@ -../js + --- a/labs/lib +++ /dev/null @@ -1,1 +1,1 @@ -../lib + --- a/labs/myway_api.json.php +++ b/labs/myway_api.json.php @@ -17,13 +17,14 @@ }/ //set POST variables $url = 'https://www.action.act.gov.au/ARTS/use_Funcs.asp'; +//$url = 'http://localhost/myway.htm'; $field_mapping = Array( "card_number" => "SRNO", "DOBmonth" => "month", "DOBday" => "day", "DOByear" => "year", "secret_answer" => "pwrd", - "button" => "button" + "button" => "Submit" ); foreach (Array( "card_number", @@ -64,6 +65,7 @@ curl_setopt($ch, CURLOPT_POST, count($fields)); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); + curl_setopt($ch, CURLOPT_REFERER, "https://www.action.act.gov.au/ARTS/getbalance.asp"); curl_setopt($ch, CURLOPT_HEADER, 0); curl_setopt($ch, CURLOPT_TIMEOUT, 30); //execute post @@ -74,7 +76,8 @@ } if (!isset($return['error'])) { - include_once ('lib/simple_html_dom.php'); + include_once ('../lib/simple_html_dom.php'); + //print_r($pageHTML); $page = str_get_html($pageHTML); $pageAlerts = $page->find(".smartCardAlert"); if (sizeof($pageAlerts) > 0) { @@ -94,12 +97,25 @@ $tableColumns[$tableColumnNum] = cleanString($th->plaintext); $tableColumnNum++; } + //print_r($tableColumns); $tableRowNum = 0; foreach ($table->find("tr") as $tr) { $tableColumnNum = 0; foreach ($tr->find("td") as $td) { - if ($tableNum == 1) $return[$tableName[$tableNum]][$tableColumns[$tableColumnNum]] = cleanString($td->plaintext); - else $return[$tableName[$tableNum]][$tableRowNum][$tableColumns[$tableColumnNum]] = cleanString($td->plaintext); + if ($tableNum == 1) { + // first table has card/cardholder details + $return[$tableName[$tableNum]][$tableColumns[$tableColumnNum]] = cleanString($td->plaintext); + } else { + // second table has transactions + + if ($tableColumns[$tableColumnNum] == "TX Reference No / Type") { + $return[$tableName[$tableNum]][$tableRowNum]["TX Reference No"] = substr(cleanString($td->plaintext), 0,6); + $return[$tableName[$tableNum]][$tableRowNum]["TX Type"] = substr(cleanString($td->plaintext), 7); + } else { + $return[$tableName[$tableNum]][$tableRowNum][$tableColumns[$tableColumnNum]] = cleanString($td->plaintext); + } + } + //print_r($return); $tableColumnNum++; } $tableRowNum++; --- /dev/null +++ b/labs/myway_timeliness.php @@ -1,1 +1,118 @@ +<?php +include ('../include/common.inc.php'); +include_header("MyWay Deltas", "mywayDelta"); +?> +  + + <script language="javascript" type="text/javascript" src="../js/flot/jquery.flot.js"></script> + <center><div id="placeholder" style="width:900px;height:550px"></div></center> +<script type="text/javascript"> +$(function () { + var d = new Date(); + d.setUTCMinutes(0); + d.setUTCHours(0); + var midnight = d.getTime(); + +<?php +$query = "select from myway_timingdeltas where abs(timing_delta) < 2(select stddev(timing_delta) from myway_timingdeltas) order by route_full_name;"; +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +$i = 0; +$labels = Array(); +$lastRoute = ""; +foreach ($query->fetchAll() as $delta) { + $routeName = $delta['route_full_name']; + if (strstr($routeName, " 3")) $routeName = "312-319"; + else $routeName = preg_replace('/\D/', '', $routeName); + if ($routeName != $lastRoute) { + $i++; + echo " var d$i = [];"; + $lastRoute = $routeName; + $labels[$i] = $routeName; + } + echo "d$i.push([ midnight+ (1000" . midnight_seconds(strtotime($delta['time'])) . "), ".intval($delta['timing_delta'])."]); \n"; +}; +?> + + var placeholder = $("#placeholder"); + + var plot = $.plot(placeholder, [ +<?php +foreach ($labels as $key => $label) { + echo " { + data: d$key, + points: { show: true }, + label: '$label' + },"; +} +?> + ], + { + xaxis: { + mode: "time", + min: midnight + (100060608), + max: midnight + (1000606023.5) + }, + yaxis: { + tickFormatter: yformatter + }, + grid: { hoverable: true, clickable: true, labelMargin: 32 }, + }); + var o; + o = plot.pointOffset({ x: midnight+ (960601000), y: -1.2}); + placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">9am</div>'); + o = plot.pointOffset({ x: midnight+ (1660601000), y: -1.2}); + placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">4pm</div>'); + + }); +function yformatter(v) { + if (Math.floor(v/60) < -9) return ""; + return Math.abs(Math.floor(v/60)) + " min " + (v == 0 ? "" : (v >0 ? "early":"late")) +} + function showTooltip(x, y, contents) { + $('<div id="tooltip">' + contents + '</div>').css( { + position: 'absolute', + display: 'none', + top: y + 5, + left: x + 5, + border: '1px solid #fdd', + padding: '2px', + 'background-color': '#fee', + opacity: 0.80 + }).appendTo("body").fadeIn(200); + } + + var previousPoint = null; + $("#placeholder").bind("plothover", function (event, pos, item) { + $("#x").text(pos.x.toFixed(2)); + $("#y").text(pos.y.toFixed(2)); + + if (item) { + if (previousPoint != item.dataIndex) { + previousPoint = item.dataIndex; + + $("#tooltip").remove(); + var x = item.datapoint[0].toFixed(2), + y = item.datapoint[1].toFixed(2); + + var d = new Date(); +d.setTime(x); +var time = d.getUTCHours() +':'+ (d.getUTCMinutes().toString().length == 1 ? '0'+ d.getMinutes(): d.getUTCMinutes()) + + + showTooltip(item.pageX, item.pageY, + item.series.label + " at "+ time +" = " + Math.abs(new Number(y/60).toFixed(2))+" minutes "+(y >0 ? "early":"late")); + } + } + else { + $("#tooltip").remove(); + previousPoint = null; + } + }); + +</script> --- /dev/null +++ b/labs/myway_timeliness_calculate.php @@ -1,1 +1,135 @@ +<?php +include ('../include/common.inc.php'); +include_header("MyWay Delta Calculate", "mywayDeltaCalc"); +function abssort($a, $b) +{ + if ($a['timeDiff'] == $b['timeDiff']) { + return 0; + } + return (abs($a['timeDiff']) < abs($b['timeDiff'])) ? -1 : 1; +} +//collect all observation not in delta +$query = "select * from myway_observations INNER JOIN myway_stops +ON myway_observations.myway_stop=myway_stops.myway_stop INNER JOIN myway_routes +ON myway_observations.myway_route=myway_routes.myway_route + WHERE observation_id NOT IN +( +SELECT observation_id +FROM myway_timingdeltas +)"; +debug($query, "database"); +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +$uncalcdObservations = $query->fetchAll(); +//Display count +echo "<h3>" . sizeof($uncalcdObservations) . " observations not yet processed</h2>"; +//foreach observation not in delta +foreach ($uncalcdObservations as $obsv) { + //var_dump($obsv); + echo "<h3>Observation {$obsv['observation_id']}:</h1> +<small>{$obsv['myway_stop']} @ {$obsv['time']} on {$obsv['myway_route']}</small><br>"; + if ($obsv["stop_code"] == "") { + echo "error, stop '{$obsv['myway_stop']}' unknown"; + continue; + } + if ($obsv["route_full_name"] == "") { + echo "error, route '{$obsv['myway_route']}' unknown"; + continue; + } + // :convert timestamp into time of day and date + $time = date("H:i:s", strtotime($obsv['time'])); + $search_time = date("H:i:s", strtotime($obsv['time'])-(3060)); // 30 minutes margin + $date = date("c", strtotime($obsv['time'])); + $timing_period = service_period(strtotime($date)); + $potentialStops = getStopsByStopCode($obsv["stop_code"], $obsv["stop_street"]); + //:get myway_stops records + //:search by starts with stopcode and starts with street if street is not null + //no result, skip and display error + if (sizeof($potentialStops) < 1) { + echo "error, potential stops for stopcode {$obsv["stop_code"]} street {$obsv["stop_street"]} unknown"; + continue; + } + //print out stops + echo "Matched stops: "; + foreach ($potentialStops as $potentialStop) echo $potentialStop['stop_code'] . " "; + echo "<br>"; + //:get myway_route record + //no result, skip and display error + //print out route + $potentialRoute = getRouteByFullName($obsv["route_full_name"]); + if ($potentialRoute["route_short_name"] == "") { + echo "error, route '{$obsv["route_full_name"]}' unknown"; + continue; + } + echo "Matched route: {$potentialRoute['route_short_name']}{$potentialRoute['route_long_name']} {$timing_period}<br>"; + $timeDeltas = Array(); + foreach ($potentialStops as $potentialStop) { + $stopRoutes = getStopRoutes($potentialStop['stop_id'], $timing_period); + $foundRoute = Array(); + foreach ($stopRoutes as $stopRoute) { + //Check if this route stops at each stop + if ($stopRoute['route_short_name'] . $stopRoute['route_long_name'] == $obsv["route_full_name"]) { + echo "Matching route {$stopRoute['route_id']} found at {$potentialStop['stop_code']}<br>"; + $foundRoute = $stopRoute; + //if does get tripstoptimes for this route + $trips = getStopTrips($potentialStop['stop_id'], $timing_period, $search_time); + foreach ($trips as $trip) { + //echo $trip['route_id']." ".$stopRoute['route_id'].";"; + if ($trip['route_id'] == $stopRoute['route_id']) { + $timedTrip = getTimeInterpolatedTripAtStop($trip['trip_id'], $trip['stop_sequence']); + $actual_time = strtotime($time); + $trip_time = strtotime($timedTrip['arrival_time']); + $timeDiff = $actual_time - $trip_time; + //work out time delta, put into array with index of delta + $timeDeltas[] = Array( + "timeDiff" => $timeDiff, + "stop_code" => $potentialStop['stop_code'], + "stop_sequence" => $timedTrip['stop_sequence'] + ); + echo "Found trip {$trip['trip_id']} at stop {$potentialStop['stop_code']} (#{$potentialStop['stop_id']}, sequence #{$trip['stop_sequence']})<br>"; + echo "Arriving at {$timedTrip['arrival_time']}, difference of " . round($timeDiff / 60, 2) . " minutes<br>"; + } + } + break; // because have found route + + } + } + if (sizeof($foundRoute) < 1) { + //print out that stops/does not stop + echo "No matching routes found at {$potentialStop['stop_code']}<br>"; + var_dump($stopRoutes); + } + } + // lowest delta is recorded delta + usort($timeDeltas, "abssort"); + $lowestDelta = $timeDeltas[0]["timeDiff"]; + if (sizeof($timeDeltas) != 0) { + echo "Lowest difference of " . round($lowestDelta / 60, 2) . " minutes will be recorded for this observation<br>"; + $observation_id = $obsv['observation_id']; + $route_full_name = $obsv['route_full_name']; + $stop_code = $timeDeltas[0]["stop_code"]; + $stop_sequence = $timeDeltas[0]["stop_sequence"]; + $stmt = $conn->prepare("insert into myway_timingdeltas (observation_id, route_full_name, stop_code, timing_delta, time, date, timing_period, stop_sequence) + values (:observation_id, :route_full_name, :stop_code, :timing_delta, :time, :date, :timing_period, :stop_sequence)"); + $stmt->bindParam(':observation_id', $observation_id); + $stmt->bindParam(':route_full_name', $route_full_name); + $stmt->bindParam(':stop_code', $stop_code); + $stmt->bindParam(':timing_delta', $lowestDelta); + $stmt->bindParam(':time', $time); + $stmt->bindParam(':date', $date); + $stmt->bindParam(':timing_period', $timing_period); + $stmt->bindParam(':stop_sequence', $stop_sequence); + // insert a record + $stmt->execute(); + if ($stmt->rowCount() > 0) { + echo "Recorded.<br>"; + } + var_dump($conn->errorInfo()); + } + flush(); +} --- /dev/null +++ b/labs/myway_timeliness_freqdist.php @@ -1,1 +1,78 @@ +<?php +include ('../include/common.inc.php'); +include_header("MyWay Deltas", "mywayDelta"); +?> +  + + <script language="javascript" type="text/javascript" src="../js/flot/jquery.flot.js"></script> + <center><div id="placeholder" style="width:900px;height:550px"></div></center> +<script type="text/javascript"> +$(function () { + + var d1 = []; +<?php +$query = "select td, count() from (select (timing_delta - MOD(timing_delta,10)) as td from myway_timingdeltas where abs(timing_delta) < 2(select stddev(timing_delta) from myway_timingdeltas)) as a group by td order by td"; +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} + +foreach ($query->fetchAll() as $delta) { + + echo "d1.push([ ".intval($delta['td']).", ".intval($delta['count'])."]); \n"; +}; +?> + + var placeholder = $("#placeholder"); + + var plot = $.plot(placeholder, [ + { + data: d1, + bars: { show: true } + }, + ], + { + + grid: { hoverable: true, clickable: true, labelMargin: 17 }, + }); + / var o; + o = plot.pointOffset({ x: midnight+ (960601000), y: -1.2}); + placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">9am</div>'); + o = plot.pointOffset({ x: midnight+ (1660601000), y: -1.2}); + placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">4pm</div>'); + / + }); + + / + var previousPoint = null; + $("#placeholder").bind("plothover", function (event, pos, item) { + $("#x").text(pos.x.toFixed(2)); + $("#y").text(pos.y.toFixed(2)); + + if (item) { + if (previousPoint != item.dataIndex) { + previousPoint = item.dataIndex; + + $("#tooltip").remove(); + var x = item.datapoint[0].toFixed(2), + y = item.datapoint[1].toFixed(2); + + var d = new Date(); +d.setTime(x); +var time = d.getUTCHours() +':'+ (d.getUTCMinutes().toString().length == 1 ? '0'+ d.getMinutes(): d.getUTCMinutes()) + + + showTooltip(item.pageX, item.pageY, + item.series.label + " at "+ time +" = " + Math.abs(new Number(y/60).toFixed(2))+" minutes "+(y >0 ? "early":"late")); + } + } + else { + $("#tooltip").remove(); + previousPoint = null; + } + }); + / +</script> --- /dev/null +++ b/labs/myway_timeliness_reconcile.php @@ -1,1 +1,132 @@ +<?php +include ('../include/common.inc.php'); +foreach ($_REQUEST as $key => $value) { + if (strstr($key, "route") && !strstr($value, "Select")) { + $myway_route = str_replace("route", "", $key); + $route_full_name = $value; + $query = "update myway_routes set route_full_name = :route_full_name where myway_route = :myway_route"; + debug($query, "database"); + $query = $conn->prepare($query); + $query->bindParam(":myway_route", $myway_route,PDO::PARAM_STR, 5); + $query->bindParam(":route_full_name", $route_full_name,PDO::PARAM_STR, 42); + $query->execute(); + die(print_r($conn->errorInfo() , true)); + } + if (strstr($key, "myway_stop")) { + $myway_stop = $value; + $stop_code = $_REQUEST['stop_code']; + $stop_street = $_REQUEST['stop_street']; + $query = "update myway_stops set stop_code = :stop_code, stop_street = :stop_street where myway_stop = :myway_stop"; + debug($query, "database"); + $query = $conn->prepare($query); + $query->bindParam(":myway_stop", $myway_stop, PDO::PARAM_STR, 25); + $query->bindParam(":stop_code", $stop_code, PDO::PARAM_STR, 32); + $query->bindParam(":stop_street", $stop_street); + $query->execute(); + die(print_r($conn->errorInfo() , true)); + } +} +include_header("MyWay Data Reconcile", "mywayTimeRec"); +// initialise +$count = $conn->exec("insert into myway_stops + select distinct myway_stop from myway_observations + WHERE myway_stop NOT IN + ( + SELECT myway_stop + FROM myway_stops + )"); +echo "$count new stops.<br>"; +if (!$count) { + print_r($conn->errorInfo()); +} +$count = $conn->exec("insert into myway_routes select distinct myway_route from myway_observations + WHERE myway_route NOT IN + ( + SELECT myway_route + FROM myway_routes + )"); +echo "$count new routes.<br>"; +if (!$count) { + print_r($conn->errorInfo()); +} +echo "<h2>Stops</h2>"; +/stops + search start of name, display map and table nuimbered, two text boxes / +$query = "Select from myway_stops where stop_code is NULL and stop_street is NUll;"; +debug($query, "database"); +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +foreach ($query->fetchAll() as $myway_stop) { + echo "<h3>{$myway_stop[0]}</h3>"; + $stopNameParts = explode(" ", $myway_stop[0]); + $markers = array(); + $stopKey = 1; + $foundStops = getStops(false, "", $stopNameParts[0] . " " . $stopNameParts[1]); + if (sizeof($foundStops) > 0) { + echo "<table>"; + foreach ($foundStops as $stopResult) { + $markers[] = array( + $stopResult['stop_lat'], + $stopResult['stop_lon'] + ); + echo "<tr><td>" . $stopKey++ . "</td><td>" . $stopResult['stop_name'] . "</td><td>" . $stopResult['stop_code'] . "</td></tr>"; + } + echo '</table>'; + echo "" . staticmap($markers, 0, "icong", false) . "<br>\n"; + } + echo '<form id="inputform' .md5($myway_stop[0]).'"> + <input type="hidden" name="myway_stop" value="' .$myway_stop[0].'"> + <div data-role="fieldcontain"> + <label for="stop_code">Stop Code</label> + <input type="text" name="stop_code" id="stop_code" value="' . $foundStops[0]['stop_code'] . '" /> + </div> + <div data-role="fieldcontain"> + <label for="stop_street">Stop Street </label> + <input type="text" name="stop_street" id="stop_street" value="' . $foundStops[0]['stop_name'] . '" /> + </div> <input type="button" onclick="$.post(\'myway_timeliness_reconcile.php\', $(\'#inputform' .md5($myway_stop[0]) . '\').serialize())" value="Go!"></form> +'; + echo '<hr>'; +} +echo '<h2>Routes</h2>'; +/routes + remove alpha char, search present dropdown/ +$query = "Select * from myway_routes where route_full_name is NUll;"; +debug($query, "database"); +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +foreach ($query->fetchAll() as $myway_route) { + echo "<h3>{$myway_route[0]}</h3>"; + $query = "Select * from myway_observations where myway_route = :route order by time"; + debug($query, "database"); + $query = $conn->prepare($query); + $query->bindParam(":route", $myway_route[0]); + $query->execute(); + if (!$query) { + databaseError($conn->errorInfo()); + return Array(); + } + foreach ($query->fetchAll() as $myway_obvs) { + echo $myway_obvs['myway_stop'] . $myway_obvs['time'] . "<br>"; + } + $searchRouteNo = preg_replace("/[A-Z]/", "", $myway_route[0]); + echo $searchRouteNo; + echo '<form id="inputform' . $myway_route[0] . '"> +<select name="route' . $myway_route[0] . '" onchange=\'$.post("myway_timeliness_reconcile.php", $("#inputform' . $myway_route[0] . '").serialize())\'> +<option>Select a from/to pair...</option>'; + foreach (getRoutesByNumber($searchRouteNo) as $routeResult) { + echo "<option value=\"{$routeResult['route_short_name']}{$routeResult['route_long_name']}\"> {$routeResult['route_short_name']}{$routeResult['route_long_name']} </option>\n"; + } + echo "</select></form>"; + echo '<hr>'; +} +include_footer(); +?> --- /dev/null +++ b/labs/myway_timeliness_route.json.php @@ -1,1 +1,25 @@ - +<?php +include ('../include/common.inc.php'); +header('Content-Type: text/javascript; charset=utf8'); +// header('Access-Control-Allow-Origin: http://bus.lambdacomplex.org/'); +header('Access-Control-Max-Age: 3628800'); +header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE'); +?> +{ + "label": "<?php echo $_REQUEST['routeid']; ?>", + "data": <?php + $query = "select * from myway_timingdeltas where route_full_name = :route_full_name AND abs(timing_delta) < 2(select stddev(timing_delta) from myway_timingdeltas) order by stop_sequence;"; +$query = $conn->prepare($query); +$query->bindParam(':route_full_name', $_REQUEST['routeid'],PDO::PARAM_STR, 42); + +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +foreach ($query->fetchAll() as $delta) { + $points[] = "[{$delta['stop_sequence']}, {$delta['timing_delta']}]"; +}; +echo "[".implode(",",$points)."]"; +?> +} --- /dev/null +++ b/labs/myway_timeliness_route.php @@ -1,1 +1,120 @@ +<?php +include ('../include/common.inc.php'); +include_header("MyWay Deltas", "mywayDelta"); +?> +  + + <script language="javascript" type="text/javascript" src="../js/flot/jquery.flot.js"></script> + <form method="get" action=""> + <select id="routeid" name="routeid"> +<?php +$query = "select distinct route_full_name from myway_routes where myway_route != '' order by route_full_name"; +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +foreach ($query->fetchAll() as $route) { + echo "<option value=\"{$route['route_full_name']}\">{$route['route_full_name']}</option>"; + +}; +?> </select> + <center><div id="placeholder" style="width:900px;height:550px"></div></center> +<script type="text/javascript"> +$(function () { + + var placeholder = $("#placeholder"); + var data = []; + var options = { + xaxis: { + }, + yaxis: { + tickFormatter: yformatter + }, + grid: { hoverable: true, clickable: true, labelMargin: 32 }, + }; + + var plot = $.plot(placeholder, data, options); + +// fetch one series, adding to what we got + var alreadyFetched = {}; + + $("#routeid").change(function () { + var select = $(this); + + // find the URL in the link right next to us + // var dataurl = button.siblings('a').attr('href'); + var dataurl = "myway_timeliness_route.json.php?routeid=" + select.val(); + // then fetch the data with jQuery + function onDataReceived(series) { + // extract the first coordinate pair so you can see that + // data is now an ordinary Javascript object + var firstcoordinate = '(' + series.data[0][0] + ', ' + series.data[0][1] + ')'; + + + // let's add it to our current data + if (!alreadyFetched[series.label]) { + alreadyFetched[series.label] = true; + data.push(series); + } + + // and plot all we got + $.plot(placeholder, data, options); + } + + $.ajax({ + url: dataurl, + method: 'GET', + dataType: 'json', + success: onDataReceived + }); + }); + + + }); + + + +function yformatter(v) { + if (Math.floor(v/60) < -9) return ""; + return Math.abs(Math.floor(v/60)) + " min " + (v == 0 ? "" : (v >0 ? "early":"late")) +} + function showTooltip(x, y, contents) { + $('<div id="tooltip">' + contents + '</div>').css( { + position: 'absolute', + display: 'none', + top: y + 5, + left: x + 5, + border: '1px solid #fdd', + padding: '2px', + 'background-color': '#fee', + opacity: 0.80 + }).appendTo("body").fadeIn(200); + } + + var previousPoint = null; + $("#placeholder").bind("plothover", function (event, pos, item) { + $("#x").text(pos.x.toFixed(2)); + $("#y").text(pos.y.toFixed(2)); + + if (item) { + if (previousPoint != item.dataIndex) { + previousPoint = item.dataIndex; + + $("#tooltip").remove(); + var x = item.datapoint[0], + y = item.datapoint[1].toFixed(2); + + showTooltip(item.pageX, item.pageY, + item.series.label + " at stop_sequence "+ x +" = " + Math.abs(new Number(y/60).toFixed(2))+" minutes "+(y >0 ? "early":"late")); + } + } + else { + $("#tooltip").remove(); + previousPoint = null; + } + }); + +</script> --- /dev/null +++ b/labs/myway_timeliness_stop.json.php @@ -1,1 +1,31 @@ - +<?php +include ('../include/common.inc.php'); +header('Content-Type: text/javascript; charset=utf8'); +// header('Access-Control-Allow-Origin: http://bus.lambdacomplex.org/'); +header('Access-Control-Max-Age: 3628800'); +header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE'); +?> +{ + "label": "<?php echo $_REQUEST['stopid']; ?>", + "data": <?php + $query = "select from myway_timingdeltas INNER JOIN myway_observations +ON myway_observations.observation_id=myway_timingdeltas.observation_id + where myway_stop = :myway_stop + AND abs(timing_delta) < 2(select stddev(timing_delta) from myway_timingdeltas) + order by myway_timingdeltas.time;"; +$query = $conn->prepare($query); +$query->bindParam(':myway_stop', $_REQUEST['stopid'],PDO::PARAM_STR, 42); + +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +foreach ($query->fetchAll() as $delta) { + $points[] = "[".((strtotime("00:00Z") + midnight_seconds(strtotime($delta['time'])))1000).", {$delta['timing_delta']}]"; +}; +if (count($points) == 0) { + echo "[]"; } + else echo "[".implode(",",$points)."]"; +?> +} --- /dev/null +++ b/labs/myway_timeliness_stop.php @@ -1,1 +1,131 @@ +<?php +include ('../include/common.inc.php'); +include_header("MyWay Deltas", "mywayDelta"); +?> +  + + <script language="javascript" type="text/javascript" src="../js/flot/jquery.flot.js"></script> + <form method="get" action=""> + <select id="stopid" name="stopid"> +<?php +$query = "select distinct myway_stop from myway_stops where myway_stop != '' order by myway_stop"; +$query = $conn->prepare($query); +$query->execute(); +if (!$query) { + databaseError($conn->errorInfo()); + return Array(); +} +foreach ($query->fetchAll() as $stop) { + echo "<option value=\"{$stop['myway_stop']}\">{$stop['myway_stop']}</option>"; + +}; +?> </select> <center><div id="placeholder" style="width:900px;height:550px"></div></center> +<script type="text/javascript"> +$(function () { + var d = new Date(); + d.setUTCMinutes(0); + d.setUTCHours(0); + var midnight = d.getTime(); + + var placeholder = $("#placeholder"); + var data = []; + var options = { + xaxis: { + mode: "time", + min: midnight + (100060608), + max: midnight + (1000606023.5) + }, + yaxis: { + tickFormatter: yformatter + }, + grid: { hoverable: true, clickable: true, labelMargin: 32 }, + }; + + var plot = $.plot(placeholder, data, options); + var o; + o = plot.pointOffset({ x: midnight+ (960601000), y: -1.2}); + placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">9am</div>'); + o = plot.pointOffset({ x: midnight+ (1660601000), y: -1.2}); + placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">4pm</div>'); +// fetch one series, adding to what we got + var alreadyFetched = {}; + + $("#stopid").change(function () { + var select = $(this); + + // find the URL in the link right next to us + // var dataurl = button.siblings('a').attr('href'); + var dataurl = "myway_timeliness_stop.json.php?stopid=" + select.val(); + // then fetch the data with jQuery + function onDataReceived(series) { + // extract the first coordinate pair so you can see that + // data is now an ordinary Javascript object + var firstcoordinate = '(' + series.data[0][0] + ', ' + series.data[0][1] + ')'; + + + // let's add it to our current data + if (!alreadyFetched[series.label]) { + alreadyFetched[series.label] = true; + data.push(series); + } + + // and plot all we got + $.plot(placeholder, data, options); + } + + $.ajax({ + url: dataurl, + method: 'GET', + dataType: 'json', + success: onDataReceived + }); + }); + + }); +function yformatter(v) { + if (Math.floor(v/60) < -9) return ""; + return Math.abs(Math.floor(v/60)) + " min " + (v == 0 ? "" : (v >0 ? "early":"late")) +} + function showTooltip(x, y, contents) { + $('<div id="tooltip">' + contents + '</div>').css( { + position: 'absolute', + display: 'none', + top: y + 5, + left: x + 5, + border: '1px solid #fdd', + padding: '2px', + 'background-color': '#fee', + opacity: 0.80 + }).appendTo("body").fadeIn(200); + } + + var previousPoint = null; + $("#placeholder").bind("plothover", function (event, pos, item) { + $("#x").text(pos.x.toFixed(2)); + $("#y").text(pos.y.toFixed(2)); + + if (item) { + if (previousPoint != item.dataIndex) { + previousPoint = item.dataIndex; + + $("#tooltip").remove(); + var x = item.datapoint[0].toFixed(2), + y = item.datapoint[1].toFixed(2); + + var d = new Date(); +d.setTime(x); +var time = d.getUTCHours() +':'+ (d.getUTCMinutes().toString().length == 1 ? '0'+ d.getMinutes(): d.getUTCMinutes()) + + + showTooltip(item.pageX, item.pageY, + item.series.label + " at "+ time +" = " + Math.abs(new Number(y/60).toFixed(2))+" minutes "+(y >0 ? "early":"late")); + } + } + else { + $("#tooltip").remove(); + previousPoint = null; + } + }); + +</script> --- a/labs/mywaybalance.php +++ b/labs/mywaybalance.php @@ -1,7 +1,7 @@ <?php include ('../include/common.inc.php'); include_header("MyWay Balance", "mywayBalance", false, false, true); - echo '<div data-role="page"> +echo '<div data-role="page"> <div data-role="header" data-position="inline"> <a href="' . $_SERVER["HTTP_REFERER"] . '" data-icon="arrow-l" data-rel="back" class="ui-btn-left">Back</a> <h1>MyWay Balance</h1> @@ -9,34 +9,60 @@ </div> <a name="maincontent" id="maincontent"></a> <div data-role="content"> '; - $return = Array(); -function logout() { +function logout() +{ setcookie("card_number", "", time() - 60 * 60 * 24 * 100, "/"); setcookie("date", "", time() - 60 * 60 * 24 * 100, "/"); setcookie("secret_answer", "", time() - 60 * 60 * 24 * 100, "/"); + setcookie("contribute_myway", "", time() - 60 * 60 * 24 * 100, "/"); } -function printBalance($cardNumber, $date, $pwrd) +function printBalance($mywayResult) { - global $return; - $return = json_decode(getPage(curPageURL() . "/myway_api.json.php?card_number=$cardNumber&DOBday={$date[0]}&DOBmonth={$date[1]}&DOByear={$date[2]}&secret_answer=$pwrd") , true); - if (isset($return['error'])) { + if (isset($mywayResult['error'])) { logout(); - echo '<h3><font color="red">' . $return['error'][0] . "</font></h3>"; + echo '<h3><font color="red">' . $mywayResult['error'][0] . "</font></h3>"; } else { - echo "<h2>Balance: " . $return['myway_carddetails']['Card Balance'] . "</h2>"; + echo "<h2>Balance: " . $mywayResult['myway_carddetails']['Card Balance'] . "</h2>"; echo '<ul data-role="listview" data-inset="true"><li data-role="list-divider"> Recent Transactions </li>'; - $txCount=0; - foreach ($return['myway_transactions'] as $transaction) { - echo "<li><b>" . $transaction["Date / Time"] . "</b>"; - echo "<br><small>" . $transaction["TX Reference No / Type"] . "</small>"; + $txCount = 0; + foreach ($mywayResult['myway_transactions'] as $transaction) { + echo "<li>"; + if ($transaction["Deduction Type"] == "DEFAULT") echo '<img src="css/images/warning.png" alt="Failed to tap off: " class="ui-li-icon">'; + echo "<b>" . $transaction["Date / Time"] . "</b>"; + echo "<br><small>" . $transaction["Route"] . " at " . $transaction["Stop Name"] . "<br>"; + echo $transaction["TX Reference No"] . " " . $transaction["TX Type"] . "</small>"; echo '<p class="ui-li-aside">' . $transaction["TX Amount"] . '</p>'; echo "</li>"; $txCount++; if ($txCount > 10) break; } echo "</ul>"; + } +} +function recordMyWayObservations($mywayResult) +{ + global $conn; + if (!isset($mywayResult['error'])) { + $stmt = $conn->prepare("insert into myway_observations (observation_id, myway_stop, time, myway_route) + values (:observation_id, :myway_stop, :time, :myway_route)"); + $stmt->bindParam(':observation_id', $observation_hash); + $stmt->bindParam(':myway_stop', $myway_stop); + $stmt->bindParam(':time', $timestamp); + $stmt->bindParam(':myway_route', $myway_route); + // insert a record + $resultCount = 0; + foreach ($mywayResult['myway_transactions'] as $transaction) { + if ($transaction["Stop Name"] != "" && $transaction["Deduction Type"] != "DEFAULT") { + $observation_hash = md5($mywayResult['myway_carddetails']['MyWay Number'] . $transaction["TX Reference No"]); + $timestamp = date("c", strtotime($transaction["Date / Time"])); + $myway_stop = $transaction["Stop Name"]; + $myway_route = $transaction["Route"]; + if ($stmt->execute()) $resultCount++; + } + } + echo "<h3>Thanks for participating in the study! $resultCount transactions were recorded</h3>"; } } if (isset($_REQUEST['card_number']) && isset($_REQUEST['date']) && isset($_REQUEST['secret_answer'])) { @@ -46,9 +72,12 @@ if ($_REQUEST['remember'] == "on") { setcookie("card_number", $cardNumber, time() + 60 * 60 * 24 * 100, "/"); setcookie("date", $_REQUEST['date'], time() + 60 * 60 * 24 * 100, "/"); + setcookie("contribute_myway", $_REQUEST['contribute_myway'], time() + 60 * 60 * 24 * 100, "/"); setcookie("secret_answer", $pwrd, time() + 60 * 60 * 24 * 100, "/"); } - printBalance($cardNumber, $date, $pwrd); + $mywayResult = json_decode(getPage(curPageURL() . "/myway_api.json.php?card_number=$cardNumber&DOBday={$date[0]}&DOBmonth={$date[1]}&DOByear={$date[2]}&secret_answer=$pwrd") , true); + if ($_REQUEST['contribute_myway'] == "on") recordMyWayObservations($mywayResult); + printBalance($mywayResult); } else if (isset($_REQUEST['logout'])) { echo '<center><h3> Logged out of MyWay balance </h3><a href="/index.php">Back to main menu...</a><center>'; @@ -57,7 +86,9 @@ $cardNumber = $_COOKIE['card_number']; $date = explode("/", $_COOKIE['date']); $pwrd = $_COOKIE['secret_answer']; - printBalance($cardNumber, $date, $pwrd); + $mywayResult = json_decode(getPage(curPageURL() . "/myway_api.json.php?card_number=$cardNumber&DOBday={$date[0]}&DOBmonth={$date[1]}&DOByear={$date[2]}&secret_answer=$pwrd") , true); + if ($_COOKIE['contribute_myway'] == "on") recordMyWayObservations($mywayResult); + printBalance($mywayResult); } else { $date = (isset($_REQUEST['date']) ? filter_var($_REQUEST['date'], FILTER_SANITIZE_STRING) : date("m/d/Y")); @@ -78,6 +109,10 @@ <label for="remember"> Remember these details? </label> <input type="checkbox" name="remember" id="remember" checked="yes" /> </div> + <div data-role="fieldcontain"> + <label for="contribute_myway">Contribute MyWay records to timeliness study? </label> + <input type="checkbox" name="contribute_myway" id="contribute_myway" defaultChecked="no" /> + </div> <input type="submit" value="Go!"></form>'; } include_footer(); --- a/labs/networkstats.php +++ /dev/null @@ -1,148 +1,1 @@ -<?php -include ('../include/common.inc.php'); -include_header("Route Statistics", "networkstats") -?> -<script type="text/javascript" src="js/flotr/lib/prototype-1.6.0.2.js"></script> -  - - <script type="text/javascript" src="js/flotr/lib/canvas2image.js"></script> - - <script type="text/javascript" src="js/flotr/lib/canvastext.js"></script> - - <script type="text/javascript" src="js/flotr/flotr.debug-0.2.0-alpha_radar1.js"></script> - <form method="get" action="networkstats.php"> - <select id="routeid" name="routeid"> - <?php - foreach (getRoutes() as $route) { - echo "<option value=\"{$route['route_id']}\">{$route['route_short_name']} {$route['route_long_name']}</option>"; - } - ?> - </select> - <input type="submit" value="View"/> - </form> - -<?php -// middle of graph = 6am -$adjustFactor = 0; -$routeid = ($_REQUEST['routeid'] ? filter_var($_REQUEST['routeid'], FILTER_SANITIZE_NUMBER_INT) : 0); -$route = getRoute($routeid); -echo "<h1>{$route['route_short_name']} {$route['route_long_name']}</h1>"; -foreach (getRouteTrips($routeid) as $key => $trip) { - $dLabel[$key] = $trip['arrival_time']; - if ($key == 0) { - $time = strtotime($trip['arrival_time']); - $adjustFactor = (date("G", $time) * 3600); - } - $tripStops = viaPoints($trip['trip_id']); - foreach ($tripStops as $i => $stop) { - if ($key == 0) { - $dTicks[$i] = $stop['stop_name']; - } - $time = strtotime($stop['arrival_time']); - $d[$key][$i] = (date("G", $time) * 3600) + (date("i", $time) * 60) + date("s", $time) - $adjustFactor; - - } -} - -?> -<div id="container" style="width:100%;height:900px;"></div> -<script type="text/javascript"> - - /** - - * Wait till dom's finished loading. - - */ - - document.observe('dom:loaded', function(){ - - /** - - * Fill series d1 and d2. - - / -<?php -foreach ($d as $key => $dataseries) { - - echo "var d$key =["; - foreach ($dataseries as $i => $datapoint) { - echo "[$i, $datapoint],"; - } - echo "];\n"; -} - -?> - - - - var f = Flotr.draw($('container'), - - [ - <?php -foreach ($d as $key => $dataseries) { - - echo '{data:d'.$key.", label:'{$dLabel[$key]}'".', radar:{fill:false}},'."\n"; - -} - -?> - ], - - {defaultType: 'radar', - - radarChartMode: true, - - HtmlText: false, - - fontSize: 9, - - xaxis:{ - - ticks: [ - <?php -foreach ($dTicks as $key => $tickName) { - echo '['.$key.', "'.$tickName.'"],'; -} - -?> - - ]}, - - mouse:{ // Setup point tracking - - track: true, - - lineColor: 'black', - - relative: true, - - sensibility: 70, - - trackFormatter: function(obj){ - var d = new Date(); - d.setMinutes(0); - d.setHours(0); -d.setTime(d.getTime() + Math.floor(obj.radarData1000) + <?php echo $adjustFactor1000 ?>); -return d.getHours() +':'+ (d.getMinutes().toString().length == 1 ? '0'+ d.getMinutes(): d.getMinutes()); -}}}); - - }); - - </script> - - </div> - - - -<?php -include_footer() -?> - - --- /dev/null +++ b/labs/stopBrowser.kml.php @@ -1,1 +1,62 @@ +<?php + header('Content-type: application/vnd.google-earth.kml+xml'); +//http://wiki.openstreetmap.org/wiki/OpenLayers_Dynamic_KML +// Creates the KML/XML Document. + $dom = new DOMDocument('1.0', 'UTF-8'); + + // Creates the root KML element and appends it to the root document. + $node = $dom->createElementNS('http://earth.google.com/kml/2.1', 'kml'); + $parNode = $dom->appendChild($node); + + // Creates a KML Document element and append it to the KML element. + $dnode = $dom->createElement('Document'); + $docNode = $parNode->appendChild($dnode); + + +$bbox = $_GET['bbox']; // get the bbox param from google earth +list($bbox_south, $bbox_west, $bbox_north,$bbox_east) = explode(",", $bbox); // west, south, east, north + +include ('../include/common.inc.php'); +$debugOkay = Array(); +$contents = getNearbyStops( (($bbox_west+ $bbox_east) /2), ($bbox_south + $bbox_north)/2 ,50, 3000); +foreach ($contents as $stop) { + $description = 'http://bus.lambdacomplex.org/' . 'stop.php?stopid=' . $stop['stop_id'] ." <br>"; + $trips = getStopTripsWithTimes($stop['stop_id'], "", "", "", 3); + if ($trips) { + foreach ($trips as $key => $row) { + if ($key < 3) { + $description .= $row['route_short_name'] . ' ' . $row['route_long_name'] . ' @ ' . $row['arrival_time'] . "<br>"; + } + } + } else { + $description .= "No more trips today"; + } + // Creates a Placemark and append it to the Document. + $node = $dom->createElement('Placemark'); + $placeNode = $docNode->appendChild($node); + + // Creates an id attribute and assign it the value of id column. + $placeNode->setAttribute('id', 'placemark' . $stop['stop_id']); + + // Create name, and description elements and assigns them the values of the name and address columns from the results. + $nameNode = $dom->createElement('name',htmlentities($stop['stop_name'])); + $descriptionNode = $dom->createElement('description',$description); + $placeNode->appendChild($nameNode); + $placeNode->appendChild($descriptionNode); + + // Creates a Point element. + $pointNode = $dom->createElement('Point'); + $placeNode->appendChild($pointNode); + + // Creates a coordinates element and gives it the value of the lng and lat columns from the results. + $coorStr = $stop['stop_lon'] . ',' . $stop['stop_lat']; + $coorNode = $dom->createElement('coordinates', $coorStr); + $pointNode->appendChild($coorNode); + } + + + $kmlOutput = $dom->saveXML(); + echo $kmlOutput; +?> + --- /dev/null +++ b/labs/stopBrowser.php @@ -1,1 +1,102 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <script src="openlayers/OpenLayers.js"></script> + <SCRIPT TYPE="text/javascript" SRC="OpenStreetMap.js"></SCRIPT> + <script type="text/javascript"> + var map,select; + + +function init() +{ + var extent = new OpenLayers.Bounds(148.98, -35.48, 149.25, -35.15); + + // set up the map options + var options = + { + maxExtent: extent, + numZoomLevels: 20, + }; + + // create the ol map object + map = new OpenLayers.Map('map', options); + +var osmtiles = new OpenLayers.Layer.OSM("OSM"); +var nearmap = new OpenLayers.Layer.OSM.NearMap("NearMap"); + + var stopbrowser = new OpenLayers.Layer.Vector("POI", { + projection: new OpenLayers.Projection("EPSG:4326"), + strategies: [ + new OpenLayers.Strategy.BBOX(), + ], + protocol: new OpenLayers.Protocol.HTTP({ + url: "stopBrowser.kml.php", //Note that it is probably worth adding a Math.random() on the end of the URL to stop caching. + format: new OpenLayers.Format.KML({ + extractStyles: true, + extractAttributes: true + }), + }) + }); + + map.addLayers([osmtiles,stopbrowser,nearmap]); + + var lonLat = new OpenLayers.LonLat(149.11, -35.28).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); + map.setCenter(lonLat, 15); + map.addControl( new OpenLayers.Control.LayerSwitcher({'ascending':false})); + map.addControl(new OpenLayers.Control.MousePosition( + { + displayProjection: new OpenLayers.Projection("EPSG:4326"), + suffix: "__________________________________" + })); + map.addControl(new OpenLayers.Control.MousePosition( + { + displayProjection: new OpenLayers.Projection("EPSG:900913") + })); + + select = new OpenLayers.Control.SelectFeature(stopbrowser); + + stopbrowser.events.on({ + "featureselected": onFeatureSelect, + "featureunselected": onFeatureUnselect + }); + + map.addControl(select); + select.activate(); + +} + function onPopupClose(evt) { + select.unselectAll(); + } + function onFeatureSelect(event) { + var feature = event.feature; + // Since KML is user-generated, do naive protection against + // Javascript. + var content = "<h2>"+feature.attributes.name + "</h2>" + feature.attributes.description; + if (content.search("<script") != -1) { + content = "Content contained Javascript! Escaped content below.<br />" + content.replace(/</g, "<"); + } + popup = new OpenLayers.Popup.FramedCloud("chicken", + feature.geometry.getBounds().getCenterLonLat(), + new OpenLayers.Size(100,100), + content, + null, true, onPopupClose); + feature.popup = popup; + map.addPopup(popup); + } + function onFeatureUnselect(event) { + var feature = event.feature; + if(feature.popup) { + map.removePopup(feature.popup); + feature.popup.destroy(); + delete feature.popup; + } + } + </script> + + </head> + <body onload="init()"> + <div id="map" width="100%" height="100%" class="smallmap"></div> + </body> +</html> + + --- a/layar_api.php +++ b/layar_api.php @@ -5,11 +5,8 @@ $output['layer'] = "canberrabusstops"; $max_page = 10; $max_results = 50; -$page_start = 0 + filter_var($_REQUEST['pageKey'], FILTER_SANITIZE_NUMBER_INT); -$page_end = $max_page + filter_var($_REQUEST['pageKey'], FILTER_SANITIZE_NUMBER_INT); -$lat = filter_var($_REQUEST['lat'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION); -$lon = filter_var($_REQUEST['lon'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION); -$max_distance = filter_var($_REQUEST['radius'], FILTER_SANITIZE_NUMBER_INT); +$page_start = 0 + $pageKey; +$page_end = $max_page + $pageKey; $contents = getNearbyStops($lat, $lon, 50, $max_distance); $stopNum = 0; foreach ($contents as $stop) { --- /dev/null +++ b/lib/autocomplete.php @@ -1,1 +1,25 @@ - +<?php +include ("../include/common.inc.php"); +$result = Array(); +if (isset($_REQUEST['term'])) { + $term = filter_var($_REQUEST['term'], FILTER_SANITIZE_STRING); + $query = "Select stop_name,min(stop_lat) as stop_lat,min(stop_lon) as stop_lon from stops where stop_name LIKE :term group by stop_name"; + $query = $conn->prepare($query); + $term = "$term%"; + $query->bindParam(":term", $term); + $query->execute(); + if (!$query) { + databaseError($conn->errorInfo()); + return Array(); + } + foreach ($query->fetchAll() as $row) { + $name = $row['stop_name'] . " (" . $row['stop_lat'] . "," . $row['stop_lon'] . ")"; + $result[] = Array( + "id" => $name, + "label" => $name, + "value" => $name + ); + } +} +echo json_encode($result); +?> --- /dev/null +++ b/privacy.php @@ -1,1 +1,40 @@ +<?php +include ('include/common.inc.php'); +include_header("Privacy Policy", "privacy") +?> + <h2>Information collected</a></h2> + <p>When you browse this web site, our system automatically makes a record of your visit and logs the following information for statistical purposes:</p> + <ul> + <li>your server address; </li> + <li>top level domain name (e.g.: .com, .net, .gov, .au, etc); </li> + <li>the type of browser and operating system you used; </li> + <li>date and time of your visit; </li> + <li>the previous site visited; </li> + <li>which pages are accessed; </li> + <li>the time spent on individual pages and the site overall; </li> + <li>which files were downloaded.</li> + </ul> + <p>This information is analysed to determine this web site’s usage statistics.</p> + <p>However, no attempt will be made to identify individual users or their browsing activities except, in the event of an investigation, where a law enforcement agency (e.g. the Australian Federal Police) exercises a warrant to inspect our service provider's log files.</p> + <p>We collect no personal information about you unless you voluntarily choose to participate in an activity through this web site that involves the provision of personal information, such as:</p> + <ul> + <li>sending feedback to this web site;</li> + <li>using geographic features of this web site;</li> + <li>participating in the MyWay Timeliness study on this web site;</li> + </ul> + <p>If you choose not to participate in these activities, your choice will in no way affect your ability to use this web site.</p> + <h2>Use of personal information collected</a></h2> + <p>Any personal information you choose to provide will only be used for the purpose for which it was provided and will not be disclosed to other persons or organisations without your prior consent or if required by law.</p> + <p>The Internet is an insecure medium and users should be aware that there are inherent risks transmitting information across the Internet.</p> + <p>Information submitted unencrypted via electronic mail or web forms may be at risk of being intercepted, read or modified.</p> + <h2>Cookies<a name="cookies" id="cookies"></a></h2> + <p>This website uses Google Analytics, a web analytics service provided by Google Inc. (Google). Google Analytics uses cookies and JavaScript code to enable analysis on usage of this website. The data collected about your use of this website, (including your IP address) will be transmitted to and stored on Google's servers. Google will use this data for the purpose of compiling reports on website activity for us and providing other services relating to website activity and internet usage.</p> + <p>Google will not collect personal information about you and the reports provided by Google to us will only contain aggregate non personal data about your use of this website. (These reports may contain data relating to pages viewed, files downloaded or the completion of online subscriptions). We will use the data collected by Google Analytics to improve how this website functions. For example we can use the data to check whether customers are having problems finding information and make access to information as easy as we can.</p> + <p>Google may transfer this data to third parties where required to do so by law, or where third parties process this data on Google's behalf. Google will not associate your IP address with any personal information you may have previously provided to Google. You may refuse the use of cookies by selecting the appropriate settings on your browser. Please note that if you do this, you may not be able to fully use this website. By using this website, you consent to the processing of data about you by Google in the manner and for the purposes set out above.</p> +<p>If you do not wish to participate in Google Analytics, you may download the tool at http://tools.google.com/dlpage/gaoptout to opt out</p> + +<?php +include_footer(); +?> + --- a/readme.txt +++ b/readme.txt @@ -28,6 +28,6 @@ >> noservice 20110426 1 >> sunday 20110424 2 >> noservice 20110424 1 +>> weekday 20110613 2 +>> sunday 20110613 1 >> \. - - --- a/robots.txt +++ b/robots.txt @@ -1,4 +1,6 @@ User-agent: Allow: / +User-agent: * +Disallow: /lib/ga.php sitemap: http://bus.lambdacomplex.org/sitemap.xml.php --- a/routeList.php +++ b/routeList.php @@ -7,72 +7,70 @@ <ul> <li><a href="routeList.php">By Final Destination...</a></li> <li><a href="routeList.php?bynumber=yes">By Number... </a></li> - <li><a href="routeList.php?bysuburb=yes">By Suburb... </a></li> + <li><a href="routeList.php?bysuburbs=yes">By Suburb... </a></li> <li><a href="routeList.php?nearby=yes">Nearby... </a></li> </ul> </div> '; } -if ($_REQUEST['bysuburb']) { +if (isset($bysuburbs)) { include_header("Routes by Suburb", "routeList"); navbar(); echo ' <ul data-role="listview" data-filter="true" data-inset="true" >'; - if (!isset($_REQUEST['firstLetter'])) { + if (!isset($firstLetter)) { foreach (range('A', 'Z') as $letter) { - echo "<li><a href=\"routeList.php?firstLetter=$letter&bysuburb=yes\">$letter...</a></li>\n"; + echo "<li><a href=\"routeList.php?firstLetter=$letter&bysuburbs=yes\">$letter...</a></li>\n"; } } else { foreach ($suburbs as $suburb) { - if (startsWith($suburb, $_REQUEST['firstLetter'])) { + if (startsWith($suburb, $firstLetter)) { echo '<li><a href="routeList.php?suburb=' . urlencode($suburb) . '">' . $suburb . '</a></li>'; } } } echo '</ul>'; } -else if ($_REQUEST['nearby'] || $_REQUEST['suburb']) { +else if (isset($nearby) || isset($suburb)) { $routes = Array(); - if ($_REQUEST['suburb']) { - $suburb = filter_var($_REQUEST['suburb'], FILTER_SANITIZE_STRING); - include_header($suburb ." - ".ucwords(service_period()), "routeList"); - navbar(); - timePlaceSettings(); - trackEvent("Route Lists", "Routes By Suburb", $suburb); + if ($suburb) { + include_header($suburb . " - " . ucwords(service_period()) , "routeList"); + navbar(); + timePlaceSettings(); + trackEvent("Route Lists", "Routes By Suburb", $suburb); $routes = getRoutesBySuburb($suburb); - } - if ($_REQUEST['nearby']) { + if (isset($nearby)) { include_header("Routes Nearby", "routeList", true, true); - trackEvent("Route Lists", "Routes Nearby", $_SESSION['lat'].",".$_SESSION['lon']); - navbar(); - timePlaceSettings(true); + trackEvent("Route Lists", "Routes Nearby", $_SESSION['lat'] . "," . $_SESSION['lon']); + navbar(); + timePlaceSettings(true); if (!isset($_SESSION['lat']) || !isset($_SESSION['lat']) || $_SESSION['lat'] == "" || $_SESSION['lon'] == "") { include_footer(); die(); } - $routes = getRoutesNearby($_SESSION['lat'],$_SESSION['lon']); + $routes = getRoutesNearby($_SESSION['lat'], $_SESSION['lon']); } - echo ' <ul data-role="listview" data-filter="true" data-inset="true" >'; - if ($routes) { - foreach ($routes as $route) { - echo '<li><a href="trip.php?routeid=' . $route['route_id'] . '"><h3>' . $route['route_short_name'] . "</h3><p>" . $route['route_long_name'] . " (" . ucwords($route['service_id']) . ")</p>"; - if ($_REQUEST['nearby']) { - $time = getTimeInterpolatedRouteAtStop($route['route_id'], $route['stop_id']); - echo '<span class="ui-li-count">'.($time['arrival_time']?$time['arrival_time']:"No more trips today")."<br>" .floor($route['distance']) . 'm away</span>'; + if ($routes) { + foreach ($routes as $route) { + echo '<li><a href="trip.php?routeid=' . $route['route_id'] . '"><h3>' . $route['route_short_name'] . "</h3><p>" . $route['route_long_name'] . " (" . ucwords($route['service_id']) . ")</p>"; + if (isset($nearby)) { + $time = getTimeInterpolatedRouteAtStop($route['route_id'], $route['stop_id']); + echo '<span class="ui-li-count">' . ($time['arrival_time'] ? $time['arrival_time'] : "No more trips today") . "<br>" . floor($route['distance']) . 'm away</span>'; + } + echo "</a></li>\n"; } - echo "</a></li>\n"; } - } else { - echo "<li style='text-align: center;'> No routes nearby.</li>"; - } + else { + echo "<li style='text-align: center;'> No routes nearby.</li>"; + } } -else if ($_REQUEST['bynumber'] || $_REQUEST['numberSeries']) { +else if (isset($bynumber) || isset($numberSeries)) { include_header("Routes by Number", "routeList"); navbar(); echo ' <ul data-role="listview" data-inset="true">'; - if ($_REQUEST['bynumber']) { + if (isset($bynumber)) { $routes = getRoutesByNumber(); $routeSeries = Array(); $seriesRange = Array(); @@ -101,8 +99,8 @@ echo "</a></li>\n"; } } - else if ($_REQUEST['numberSeries']) { - $routes = getRoutesByNumber($_REQUEST['numberSeries']); + else if ($numberSeries) { + $routes = getRoutesByNumberSeries($numberSeries); foreach ($routes as $route) { echo '<li> <a href="trip.php?routeid=' . $route['route_id'] . '"><h3>' . $route['route_short_name'] . "</h3><p>" . $route['route_long_name'] . " (" . ucwords($route['service_id']) . ")</p></a></li>\n"; } @@ -112,8 +110,8 @@ include_header("Routes by Destination", "routeList"); navbar(); echo ' <ul data-role="listview" data-inset="true">'; - if ($_REQUEST['routeDestination']) { - foreach (getRoutesByDestination(urldecode($_REQUEST['routeDestination'])) as $route) { + if (isset($routeDestination)) { + foreach (getRoutesByDestination($routeDestination) as $route) { echo '<li><a href="trip.php?routeid=' . $route["route_id"] . '"><h3>' . $route["route_short_name"] . '</h3><p>' . $route["route_long_name"] . " (" . ucwords($route['service_id']) . ")</p></a></li>\n"; } } --- /dev/null +++ b/servicealerts_api.php @@ -1,1 +1,49 @@ +<?php +include ('include/common.inc.php'); +/* + also need last modified epoch of client gtfs + + - add,remove,patch + - stop + - trip + - network + - patterns (WHERE=) + - route (short_name or route_id) + - street + - stop + - trip / +$return = Array(); +$return['header']['gtrtfs_version'] = "1"; +$return['header']['timestamp'] = time(); +$return['entities'] = Array(); +foreach(getCurrentAlerts() as $alert) { + $informedEntities = getInformedAlerts($alert['id'],$_REQUEST['filter_class'],$_REQUEST['filter_id']); + if (sizeof($informedEntities) >0) { + $entity = Array(); + $entity['id'] = $alert['id']; + $entity['alert']['active_period']['start'] = $alert['start']; + $entity['alert']['active_period']['start'] = $alert['end']; + $entity['alert']['url']['translation'] = $alert['url']; + $entity['alert']['description']['translation'] = $alert['description']; + + foreach ($informedEntities as $informedEntity) { + $informed = Array(); + $informed[$informedEntity['informed_class']."_id"] = $informedEntity['informed_id']; + if ($informedEntity['informed_action'] != "") $informed["x-action"] = $informedEntity['informed_action']; + //$informed[$informedEntity['class']."_type"] = $informedEntity['type']; + $entity['informed'][] = $informed; + } + $return['entities'][] = $entity; + } +} +header('Content-Type: text/javascript; charset=utf8'); +// header('Access-Control-Allow-Origin: http://bus.lambdacomplex.org/'); +header('Access-Control-Max-Age: 3628800'); +header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE'); +if (isset($_GET['callback'])) { + $json = '(' . json_encode($return) . ');'; //must wrap in parens and end with semicolon + //print_r($_GET['callback'] . $json); //callback is prepended for json-p +} +else echo json_encode($return); + ?> --- a/sitemap.xml.php +++ b/sitemap.xml.php @@ -8,24 +8,31 @@ foreach (scandir("./") as $file) { if (strpos($file,".php") !== false && $file != "index.php" && $file != "sitemap.xml.php") echo " <url><loc>".curPageURL()."$file</loc><priority>0.3</priority></url>\n"; } -$url = $APIurl . "/json/stops"; -$stops = json_decode(getPage($url)); -foreach ($stops as $stop) { - echo " <url><loc>".curPageURL()."stop.php?stopid=".htmlspecialchars ($stop[0])."</loc>"; +foreach (getStops() as $stop) { + echo " <url><loc>".curPageURL()."stop.php?stopid=".htmlspecialchars ($stop["stop_id"])."</loc>"; echo "<lastmod>" . $last_updated . "</lastmod>"; echo "<changefreq>monthly</changefreq>"; echo "<priority>0.9</priority>"; echo "</url>\n"; } -$url = $APIurl . "/json/routes"; -$routes = json_decode(getPage($url)); -foreach ($routes as $route) { - echo " <url><loc>".curPageURL()."trip.php?routeid=".htmlspecialchars ($route[0])."</loc>"; +foreach (getRoutes() as $route) { + echo " <url><loc>".curPageURL()."trip.php?routeid=".htmlspecialchars ($route["route_id"])."</loc>"; echo "<lastmod>" . $last_updated . "</lastmod>"; echo "<changefreq>monthly</changefreq>"; echo "<priority>0.9</priority>"; echo "</url>\n"; } + + // geosite map + foreach (getRoutes() as $route) { + echo " <url><loc>".curPageURL()."geo/route.kml.php?routeid=".htmlspecialchars ($route["route_id"])."</loc>"; + echo "<lastmod>" . $last_updated . "</lastmod>"; + echo "<geo:geo> + <geo:format>kml</geo:format> + </geo:geo>"; + echo "</url>\n"; + } + echo '</urlset>'; ?> --- a/stop.php +++ b/stop.php @@ -1,7 +1,5 @@ <?php include ('include/common.inc.php'); -$stopid = filter_var($_REQUEST['stopid'], FILTER_SANITIZE_NUMBER_INT); -$stopcode = filter_var($_REQUEST['stopcode'], FILTER_SANITIZE_STRING); if ($stopid) $stop = getStop($stopid); /if ($stopcode != "" && $stop[5] != $stopcode) { $url = $APIurl . "/json/stopcodesearch?q=" . $stopcode; @@ -14,6 +12,7 @@ // expand out to all platforms }/ + $stops = Array(); $stopPositions = Array(); $stopNames = Array(); @@ -21,8 +20,7 @@ $allStopsTrips = Array(); $fetchedTripSequences = Array(); $stopLinks = ""; -if (isset($_REQUEST['stopids'])) { - $stopids = explode(",", filter_var($_REQUEST['stopids'], FILTER_SANITIZE_STRING)); +if (isset($stopids)) { foreach ($stopids as $sub_stopid) { $stops[] = getStop($sub_stopid); } @@ -63,7 +61,13 @@ } } include_header($stop['stop_name'], "stop"); -timePlaceSettings(); +/$serviceAlerts = json_decode(getPage(curPageURL() . "/servicealerts_api.php?filter_class=stop&filter_id=".$stopid) , true); + +foreach($serviceAlerts['entities'] as $serviceAlert) { + echo '<div id="servicewarning">'.$serviceAlert['alert']['description']['translation'].'</div>'; +}/ + +echo '<span class="content-secondary">'; echo $stopLinks; if (sizeof($stops) > 0) { trackEvent("View Stops", "View Combined Stops", $stop["stop_name"], $stop["stop_id"]); @@ -78,6 +82,8 @@ ) )) ; } +timePlaceSettings(); +echo '</span><span class="content-primary">'; echo ' <ul data-role="listview" data-inset="true">'; if (sizeof($allStopsTrips) > 0) { sktimesort($allStopsTrips,"arrival_time", true); @@ -110,6 +116,7 @@ } } echo '</ul>'; +echo '</span>'; include_footer(); ?> --- a/stopList.php +++ b/stopList.php @@ -1,17 +1,13 @@ <?php include ('include/common.inc.php'); $stops = Array(); -function filterByFirstLetter($var) -{ - return $var[1][0] == $_REQUEST['firstLetter']; -} function navbar() { echo ' <div data-role="navbar"> <ul> <li><a href="stopList.php">Timing Points</a></li> - <li><a href="stopList.php?suburbs=yes">By Suburb</a></li> + <li><a href="stopList.php?bysuburbs=yes">By Suburb</a></li> <li><a href="stopList.php?nearby=yes">Nearby Stops</a></li> <li><a href="stopList.php?allstops=yes">All Stops</a></li> </ul> @@ -19,18 +15,18 @@ '; } // By suburb -if (isset($_REQUEST['suburbs'])) { +if (isset($bysuburbs)) { include_header("Stops by Suburb", "stopList"); navbar(); echo ' <ul data-role="listview" data-filter="true" data-inset="true" >'; - if (!isset($_REQUEST['firstLetter'])) { + if (!isset($firstLetter)) { foreach (range('A', 'Z') as $letter) { - echo "<li><a href=\"stopList.php?firstLetter=$letter&suburbs=yes\">$letter...</a></li>\n"; + echo "<li><a href=\"stopList.php?firstLetter=$letter&bysuburbs=yes\">$letter...</a></li>\n"; } } else { foreach ($suburbs as $suburb) { - if (startsWith($suburb, $_REQUEST['firstLetter'])) { + if (startsWith($suburb, $firstLetter)) { echo '<li><a href="stopList.php?suburb=' . urlencode($suburb) . '">' . $suburb . '</a></li>'; } } @@ -39,41 +35,53 @@ } else { // Timing Points / All stops - if ($_REQUEST['allstops']) { + if (isset($allstops)) { $listType = 'allstops=yes'; $stops = getStops(); include_header("All Stops", "stopList"); navbar(); timePlaceSettings(); } - else if ($_REQUEST['nearby']) { + else if (isset($nearby)) { $listType = 'nearby=yes'; include_header("Nearby Stops", "stopList", true, true); - trackEvent("Stop Lists","Stops Nearby", $_SESSION['lat'].",".$_SESSION['lon']); + trackEvent("Stop Lists", "Stops Nearby", $_SESSION['lat'] . "," . $_SESSION['lon']); navbar(); - timePlaceSettings(true); if (!isset($_SESSION['lat']) || !isset($_SESSION['lat']) || $_SESSION['lat'] == "" || $_SESSION['lon'] == "") { + timePlaceSettings(true); include_footer(); die(); } - - $stops = getNearbyStops($_SESSION['lat'],$_SESSION['lon'],15); + $stops = getNearbyStops($_SESSION['lat'], $_SESSION['lon'], 15); + echo '<span class="content-secondary">'; + $stopPositions[] = Array( + $_SESSION['lat'], + $_SESSION['lon'] + ); + foreach ($stops as $sub_stop) { + $stopPositions[] = Array( + $sub_stop["stop_lat"], + $sub_stop["stop_lon"] + ); + } + echo staticmap($stopPositions, 0, "iconb", true, true); + timePlaceSettings(true); + echo '</span><span class="content-primary">'; } - else if ($_REQUEST['suburb']) { - $suburb = filter_var($_REQUEST['suburb'], FILTER_SANITIZE_STRING); + else if (isset($suburb)) { $stops = getStopsBySuburb($suburb); include_header("Stops in " . ucwords($suburb) , "stopList"); navbar(); - trackEvent("Stop Lists","Stops By Suburb", $suburb); + trackEvent("Stop Lists", "Stops By Suburb", $suburb); } else { - $stops = getStops(true,$_REQUEST['firstLetter']); + $stops = getStops(true, $firstLetter); include_header("Timing Points / Major Stops", "stopList"); navbar(); timePlaceSettings(); } echo ' <ul data-role="listview" data-filter="true" data-inset="true" >'; - if (!isset($_REQUEST['firstLetter']) && !$_REQUEST['suburb'] && !$_REQUEST['nearby']) { + if (!isset($firstLetter) && !isset($suburb) && !isset($nearby)) { foreach (range('A', 'Z') as $letter) { echo "<li><a href=\"stopList.php?firstLetter=$letter&$listType\">$letter...</a></li>\n"; } @@ -91,11 +99,12 @@ if (!startsWith($stopsGrouped['stop_codes'][0], "Wj")) echo '<img src="css/images/time.png" alt="Timing Point: " class="ui-li-icon">'; echo '<a href="stop.php?stopids=' . implode(",", $stopsGrouped['stop_ids']) . '">'; if (isset($_SESSION['lat']) && isset($_SESSION['lon'])) { - echo '<span class="ui-li-count">' . distance($stop['stop_lat'],$stop['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away</span>'; + echo '<span class="ui-li-count">' . distance($stop['stop_lat'], $stop['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away</span>'; } echo bracketsMeanNewLine(trim(preg_replace("/\(Platform./", "", $stop['stop_name'])) . '(' . sizeof($stopsGrouped["stop_ids"]) . ' stops)'); echo "</a></li>\n"; - flush(); @ob_flush(); + flush(); + @ob_flush(); $stopsGrouped = Array(); } else { @@ -104,11 +113,12 @@ if (!startsWith($stop['stop_code'], "Wj")) echo '<img src="css/images/time.png" alt="Timing Point" class="ui-li-icon">'; echo '<a href="stop.php?stopid=' . $stop['stop_id'] . (startsWith($stop['stop_code'], "Wj") ? '&stopcode=' . $stop['stop_code'] : "") . '">'; if (isset($_SESSION['lat']) && isset($_SESSION['lon'])) { - echo '<span class="ui-li-count">' . distance($stop['stop_lat'],$stop['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away</span>'; + echo '<span class="ui-li-count">' . distance($stop['stop_lat'], $stop['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away</span>'; } echo bracketsMeanNewLine($stop['stop_name']); echo "</a></li>\n"; - flush(); @ob_flush(); + flush(); + @ob_flush(); } } else { @@ -133,6 +143,7 @@ } } echo '</ul>'; + if (isset($nearby)) echo '</span>'; } include_footer(); ?> --- a/trip.php +++ b/trip.php @@ -1,41 +1,54 @@ <?php include ('include/common.inc.php'); -$tripid = filter_var($_REQUEST['tripid'], FILTER_SANITIZE_NUMBER_INT); -$stopid = filter_var($_REQUEST['stopid'], FILTER_SANITIZE_NUMBER_INT); -$routeid = filter_var($_REQUEST['routeid'], FILTER_SANITIZE_NUMBER_INT); - $routetrips = Array(); - -if ($_REQUEST['routeid'] && !$_REQUEST['tripid']) { - $trip = getRouteNextTrip($routeid); - $tripid = $trip['trip_id']; -} else { - $trip = getTrip($tripid); - $routeid = $trip["route_id"]; +if (isset($routeid) && !isset($tripid)) { + $trip = getRouteNextTrip($routeid); + $tripid = $trip['trip_id']; +} +else { + $trip = getTrip($tripid); + $routeid = $trip["route_id"]; } -$routetrips = getRouteTrips($routeid); - include_header("Stops on " . $trip['route_short_name'] . ' ' . $trip['route_long_name'], "trip"); -trackEvent("Route/Trip View","View Route", $trip['route_short_name'] . ' ' . $trip['route_long_name'], $routeid); - - +trackEvent("Route/Trip View", "View Route", $trip['route_short_name'] . ' ' . $trip['route_long_name'], $routeid); +echo '<span class="content-secondary">'; +echo '<a href="' . $trip['route_url'] . '">View Original Timetable/Map</a>'; echo '<h2>Via:</h2> <small>' . viaPointNames($tripid) . '</small>'; echo '<h2>Other Trips:</h2> '; -foreach (getRouteTrips($routeid) as $othertrip) { - echo '<a href="trip.php?tripid=' . $othertrip['trip_id'] . "&routeid=" . $routeid . '">' . str_replace(" ",":00",str_replace(":00"," ",$othertrip['arrival_time'])). '</a> '; +$routeTrips = getRouteTrips($routeid); +foreach ($routeTrips as $key => $othertrip) { + if ($othertrip['trip_id']!= $tripid) { + echo '<a href="trip.php?tripid=' . $othertrip['trip_id'] . "&routeid=" . $routeid . '">' . str_replace(" ", ":00", str_replace(":00", " ", $othertrip['arrival_time'])) . '</a> '; + } else { + // skip this trip but look forward/back + if ($key-1 > 0) $prevTrip = $routeTrips[$key-1]['trip_id']; + if ($key+1 < sizeof($routeTrips)) $nextTrip = $routeTrips[$key+1]['trip_id']; + + } } -flush(); @ob_flush(); +flush(); +@ob_flush(); echo '<h2>Other directions/timing periods:</h2> '; +$otherDir = 0; foreach (getRoutesByNumber($trip['route_short_name']) as $row) { - if ($row['route_id'] != $routeid) echo '<a href="trip.php?routeid=' . $row['route_id'] . '">' . $row['route_long_name'] . ' (' . ucwords($row['service_id']) . ')</a> '; + if ($row['route_id'] != $routeid) { + echo '<a href="trip.php?routeid=' . $row['route_id'] . '">' . $row['route_long_name'] . ' (' . ucwords($row['service_id']) . ')</a> '; + $otherDir++; + } } -flush(); @ob_flush(); +if ($otherDir == 0) echo "None"; +echo '</span><span class="content-primary">'; +flush(); +@ob_flush(); +echo "<div class='ui-header' style='overflow: visible; height: 1.5em'>"; +if($nextTrip) echo '<a href="trip.php?tripid=' . $nextTrip . "&routeid=" . $routeid . '" data-icon="arrow-r" class="ui-btn-right">Next Trip</a>'; +if($prevTrip) echo '<a href="trip.php?tripid=' . $prevTrip . "&routeid=" . $routeid . '" data-icon="arrow-l" class="ui-btn-left">Previous Trip</a>'; +echo "</div>"; echo ' <ul data-role="listview" data-inset="true">'; $stopsGrouped = Array(); $tripStopTimes = getTimeInterpolatedTrip($tripid); -echo '<li data-role="list-divider">' . $tripStopTimes[0]['arrival_time'] . ' to ' . $tripStopTimes[sizeof($tripStopTimes) - 1]['arrival_time'] . ' ' . $trips[1]->route_long_name . '</li>'; - +echo '<li data-role="list-divider">' . $tripStopTimes[0]['arrival_time'] . ' to ' . $tripStopTimes[sizeof($tripStopTimes) - 1]['arrival_time'] . ' ' . $trip['route_long_name'] . ' (' . ucwords($tripStopTimes[0]['service_id']) . ')</li>'; foreach ($tripStopTimes as $key => $tripStopTime) { if (($tripStopTimes[$key]["stop_name"] != $tripStopTimes[$key + 1]["stop_name"]) || $key + 1 >= sizeof($tripStopTimes)) { echo '<li>'; @@ -47,25 +60,28 @@ $stopsGrouped["endTime"] = $tripStopTime['arrival_time']; echo '<a href="stop.php?stopids=' . implode(",", $stopsGrouped['stop_ids']) . '">'; echo '<p class="ui-li-aside">' . $stopsGrouped['startTime'] . ' to ' . $stopsGrouped['endTime']; - echo '</p>'; - if (isset($_SESSION['lat']) && isset($_SESSION['lon'])) { - echo '<span class="ui-li-count">' . distance($stop['stop_lat'],$stop['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away</span>'; - } + if (isset($_SESSION['lat']) && isset($_SESSION['lon'])) { + echo '<br>' . distance($tripStopTime['stop_lat'], $tripStopTime['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away'; + } + echo '</p>'; echo bracketsMeanNewLine($tripStopTime["stop_name"]); echo '</a></li>'; - flush(); @ob_flush(); + flush(); + @ob_flush(); $stopsGrouped = Array(); } else { // just a normal stop echo '<a href="stop.php?stopid=' . $tripStopTime['stop_id'] . (startsWith($tripStopTime['stop_code'], "Wj") ? '&stopcode=' . $tripStopTime['stop_code'] : "") . '">'; - echo '<p class="ui-li-aside">' . $tripStopTime['arrival_time'] . '</p>'; + echo '<p class="ui-li-aside">' . $tripStopTime['arrival_time']; if (isset($_SESSION['lat']) && isset($_SESSION['lon'])) { - echo '<span class="ui-li-count">' . distance($stop['stop_lat'],$stop['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away</span>'; - } - echo bracketsMeanNewLine($tripStopTime['stop_name']); + echo '<br>' . distance($tripStopTime['stop_lat'], $tripStopTime['stop_lon'], $_SESSION['lat'], $_SESSION['lon'], true) . 'm away'; + } + echo '</p>'; + echo bracketsMeanNewLine($tripStopTime['stop_name']); echo '</a></li>'; - flush(); @ob_flush(); + flush(); + @ob_flush(); } } else { @@ -88,6 +104,7 @@ } } echo '</ul>'; +echo '</span>'; include_footer(); ?> --- a/tripPlanner.php +++ b/tripPlanner.php @@ -1,29 +1,29 @@ <?php include ('include/common.inc.php'); -include_header("Trip Planner", "tripPlanner", true, true, true); +include_header("Trip Planner", "tripPlanner", true, false, true); $from = (isset($_REQUEST['from']) ? filter_var($_REQUEST['from'], FILTER_SANITIZE_STRING) : ""); $to = (isset($_REQUEST['to']) ? filter_var($_REQUEST['to'], FILTER_SANITIZE_STRING) : ""); $date = (isset($_REQUEST['date']) ? filter_var($_REQUEST['date'], FILTER_SANITIZE_STRING) : date("m/d/Y")); $time = (isset($_REQUEST['time']) ? filter_var($_REQUEST['time'], FILTER_SANITIZE_STRING) : date("H:i")); -function formatTime($timeString) { - $timeParts = explode("T",$timeString); - return str_replace("Z","",$timeParts[1]); +function formatTime($timeString) +{ + $timeParts = explode("T", $timeString); + return str_replace("Z", "", $timeParts[1]); } function tripPlanForm($errorMessage = "") { - global $date, $time, $from, $to; - echo "<font color=red>$errorMessage</font>"; + echo "<div class='error'>$errorMessage</font>"; echo '<form action="tripPlanner.php" method="post"> <div data-role="fieldcontain"> <label for="from">I would like to go from</label> <input type="text" name="from" id="from" value="' . $from . '" /> - <a href="#" style="display:none" name="fromHere" id="fromHere"/>Here?</a> + <a href="#" style="display:none" name="fromHere" id="fromHere">Here?</a> </div> <div data-role="fieldcontain"> <label for="to"> to </label> <input type="text" name="to" id="to" value="' . $to . '" /> - <a href="#" style="display:none" name="toHere" id="toHere"/>Here?</a> + <a href="#" style="display:none" name="toHere" id="toHere">Here?</a> </div> <div data-role="fieldcontain"> <label for="date"> on </label> @@ -34,17 +34,11 @@ <input type="time" name="time" id="time" value="' . $time . '" /> </div> <input type="submit" value="Go!"></form>'; - echo "<script> -$('#toHere').click(function(event) { $('#to').val(getCookie('geolocate')); return false;}); -$('#toHere').show(); -$('#fromHere').click(function(event) { $('#from').val(getCookie('geolocate')); return false;}); -$('#fromHere').show(); - </script>"; } function processItinerary($itineraryNumber, $itinerary) { - echo '<div data-role="collapsible" ' . ($itineraryNumber > 0 ? 'data-collapsed="true"' : "") . '> <h3> Option #' . ($itineraryNumber + 1) . ": " . floor($itinerary->duration / 60000) . " minutes (".formatTime($itinerary->startTime)." to ".formatTime($itinerary->endTime).")</h3><p>"; + echo '<div data-role="collapsible" ' . ($itineraryNumber > 0 ? 'data-collapsed="true"' : "") . '> <h3> Option #' . ($itineraryNumber + 1) . ": " . floor($itinerary->duration / 60000) . " minutes (" . formatTime($itinerary->startTime) . " to " . formatTime($itinerary->endTime) . ")</h3><p>"; echo "Walking time: " . floor($itinerary->walkTime / 60000) . " minutes (" . floor($itinerary->walkDistance) . " meters)<br>\n"; echo "Transit time: " . floor($itinerary->transitTime / 60000) . " minutes<br>\n"; echo "Waiting time: " . floor($itinerary->waitingTime / 60000) . " minutes<br>\n"; @@ -62,7 +56,8 @@ echo '<li>'; processLeg($legNumber, $leg); echo "</li>"; - flush(); @ob_flush(); + flush(); + @ob_flush(); } echo "</ul>"; } @@ -82,7 +77,7 @@ $legArray = object2array($leg); echo '<h3>Leg #' . ($legNumber + 1) . " ( {$legArray['@mode']} from: {$leg->from->name} to {$leg->to->name}, " . floor($leg->duration / 60000) . " minutes) </h3>\n"; if ($legArray["@mode"] === "BUS") { - echo "Take bus {$legArray['@route']} " . str_replace("To", "towards", $legArray['@headsign']) . "<br>"; + echo "Take bus {$legArray['@route']} " . str_replace("To", "towards", $legArray['@headsign']) . " departing at ". formatTime($leg->startTime)."<br>"; } else { $walkStepMarkers = array(); @@ -95,38 +90,60 @@ echo "" . staticmap($walkStepMarkers, 0, "icong", false) . "<br>\n"; foreach ($leg->steps->walkSteps as $stepNumber => $step) { echo "Walking step " . ($stepNumber + 1) . ": "; - if ($step->relativeDirection == "CONTINUE") { - echo "Continue, "; - } else if ($step->relativeDirection) echo "Turn ".ucwords(strtolower(str_replace("_"," ",$step->relativeDirection))).", "; - echo "Go ".ucwords(strtolower($step->absoluteDirection))." on "; - if (strpos($step->streetName,"from") !== false && strpos($step->streetName,"way") !== false) { - echo "footpath"; - } else { - echo $step->streetName; - } - echo " for " . floor($step->distance) . " meters<br>\n"; + if ($step->relativeDirection == "CONTINUE") { + echo "Continue, "; + } + else if ($step->relativeDirection) echo "Turn " . ucwords(strtolower(str_replace("_", " ", $step->relativeDirection))) . ", "; + echo "Go " . ucwords(strtolower($step->absoluteDirection)) . " on "; + if (strpos($step->streetName, "from") !== false && strpos($step->streetName, "way") !== false) { + echo "footpath"; + } + else { + echo $step->streetName; + } + echo " for " . floor($step->distance) . " meters<br>\n"; } } } if ($_REQUEST['time']) { - $toPlace = (startsWith($to, "-") ? $to : geocode($to, false)); - $fromPlace = (startsWith($from, "-") ? $from : geocode($from, false)); + if (startsWith($to, "-")) { + $toPlace = $to; + } + else if (strpos($to, "(") !== false) { + $toParts = explode("(", $to); + $toPlace = str_replace( ")", "", $toParts[1]); + } + else { + $toPlace = geocode($to, false); + } + + if (startsWith($from, "-")) { + $fromPlace = $from; + } + else if (strpos($from, "(") !== false) { + $fromParts = explode("(", urldecode($from)); + $fromPlace = str_replace(")", "", $fromParts[1]); + } + else { + $fromPlace = geocode($from, false); + } + if ($toPlace == "" || $fromPlace == "") { $errorMessage = ""; - if ($toPlace === "") { - $errorMessage.= urlencode($to) . " not found.<br>\n"; - trackEvent("Trip Planner","Geocoder Failed", $to); - } - if ($fromPlace === "") { - $errorMessage.= urlencode($from) . " not found.<br>\n"; - trackEvent("Trip Planner","Geocoder Failed", $from); - } + if ($toPlace == "") { + $errorMessage.= urlencode($to) . " not found.<br>\n"; + trackEvent("Trip Planner", "Geocoder Failed", $to); + } + if ($fromPlace == "") { + $errorMessage.= urlencode($from) . " not found.<br>\n"; + trackEvent("Trip Planner", "Geocoder Failed", $from); + } tripPlanForm($errorMessage); } else { $url = $otpAPIurl . "ws/plan?date=" . urlencode($_REQUEST['date']) . "&time=" . urlencode($_REQUEST['time']) . "&mode=TRANSIT%2CWALK&optimize=QUICK&maxWalkDistance=840&wheelchair=false&toPlace=$toPlace&fromPlace=$fromPlace&intermediatePlaces="; debug($url); - $ch = curl_init($url); + $ch = curl_init($url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_HEADER, 0); curl_setopt($ch, CURLOPT_HTTPHEADER, array( @@ -135,16 +152,16 @@ curl_setopt($ch, CURLOPT_TIMEOUT, 10); $page = curl_exec($ch); if (curl_errno($ch) || curl_getinfo($ch, CURLINFO_HTTP_CODE) != 200) { - tripPlanForm("Trip planner temporarily unavailable: " . curl_errno($ch) . " " . curl_error($ch) . " ". curl_getinfo($ch, CURLINFO_HTTP_CODE) .(isDebug() ? "<br>".$url : "")); - trackEvent("Trip Planner","Trip Planner Failed", $url); - } + tripPlanForm("Trip planner temporarily unavailable: " . curl_errno($ch) . " " . curl_error($ch) . " " . curl_getinfo($ch, CURLINFO_HTTP_CODE) . (isDebug() ? "<br>" . $url : "")); + trackEvent("Trip Planner", "Trip Planner Failed", $url); + } else { - trackEvent("Trip Planner","Plan Trip From", $from); - trackEvent("Trip Planner","Plan Trip To", $to); + trackEvent("Trip Planner", "Plan Trip From", $from); + trackEvent("Trip Planner", "Plan Trip To", $to); $tripplan = json_decode($page); debug(print_r($tripplan, true)); echo "<h1> From: {$tripplan->plan->from->name} To: {$tripplan->plan->to->name} </h1>"; - echo "<h1> At: ".formatTime($tripplan->plan->date)." </h1>"; + echo "<h1> At: " . formatTime($tripplan->plan->date) . " </h1>"; if (is_array($tripplan->plan->itineraries->itinerary)) { echo '<div data-role="collapsible-set">'; foreach ($tripplan->plan->itineraries->itinerary as $itineraryNumber => $itinerary) { --- a/updatedb.php +++ b/updatedb.php @@ -1,5 +1,6 @@ <?php -include('include/common-db.inc.php'); +include ('include/common.inc.php'); +$conn = pg_connect("dbname=transitdata user=postgres password=snmc host=localhost") or die('connection failed'); // Unzip cbrfeed.zip, import all csv files to database $unzip = true; $zip = zip_open(dirname(FILE) . "/cbrfeed.zip");

Open Map...

' . $pageTitle . '

"+ $.mobile.pageLoadErrorMessage +"

" + $.mobile.loadingMessage + "