michael@0: /*
michael@0:  * OTPWCalc - One time password challenge response calculator client
michael@0:  * Copyright © 2013 Michael Schloh von Bennewitz <michael@schloh.com>
michael@0:  * 
michael@0:  * OTPWCalc is free software: you can redistribute it and/or modify
michael@0:  * it under the terms of the European Union Public Licence, either
michael@0:  * version 1.1 of the license, or (at your option) any later version.
michael@0:  * 
michael@0:  * OTPWCalc is distributed in the hope that it will be useful,
michael@0:  * but WITHOUT ANY WARRANTY; without even the implied warranty
michael@0:  * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See
michael@0:  * the European Union Public License for more details.
michael@0:  * 
michael@0:  * You should have received a copy of the European Union Public
michael@0:  * Licence along with OTPWCalc. If not, please refer to
michael@0:  * <http://joinup.ec.europa.eu/software/page/eupl/>.
michael@0:  * 
michael@0:  * This file is part of project OTWPCalc, a one time password challenge
michael@0:  * response calculator client and is found at http://otpwcalc.europalab.com/
michael@0:  * 
michael@0:  * help.js: ECMA JavaScript implementation
michael@0:  */
michael@0: 
michael@0: // <![CDATA[
michael@0: //// This doesn't work with AJAX (use pageinit instead)
michael@0: //// That means JavaScript in the head of any other HTML
michael@0: //// will be ignored, only the data-role="page" is parsed
michael@0: //$(document).ready(function() {
michael@0:     //$.mobile.ajaxLinksEnabled = false;
michael@0: //});
michael@4: $(document).on("mobileinit", function() {
michael@4:     $.extend( $.mobile , {
michael@4:         pageLoadErrorMessage: 'Either the page cannot be found or it cannot be loaded.'
michael@4:     });
michael@4:     //$("#pageid").on("pagebeforeshow", function(event, data) {
michael@4:     //    alert("the previous page was: " + data.prevPage.attr("id"));
michael@4:     //});
michael@4: });
michael@5: $(document).on("pageinit", "[data-role='page'].type-interior", function() {
michael@0:     $(".ui-collapsible[data-allow-collapse=false]").off("expand collapse");
michael@0: });
michael@4: $(document).on("pageinit", "[data-role='page'].oc-swipage", function() {
michael@4:     var makepage = "#" + $(this).attr("id"),
michael@4:         next = $(this).jqmData("next"),  // Next page stored in data-next
michael@4:         prev = $(this).jqmData("prev");  // Previous page stored in data-prev
michael@4: 
michael@4:     if (next) {  // Check if data-next attribute is indeed set
michael@4:         //// Prefetch next page
michael@4:         //$.mobile.loadPage(next);
michael@4:         // Navigate to next page on swipe left
michael@4:         $(document).on("swipeleft", makepage, function(inev) {
michael@4:             inev.stopImmediatePropagation();
michael@4:             $.mobile.changePage(next, {transition: "slide"});
michael@4:         });
michael@4:     }
michael@4:     else {  // If data-next not set then default to history
michael@4:         $(document).on("swipeleft", makepage, function(inev) {
michael@4:             inev.stopImmediatePropagation();
michael@4:             window.history.forward({transition: "slide"});
michael@4:         });
michael@4:     }
michael@4:     if (prev) {  // Check if data-prev attribute is set
michael@4:         $(document).on("swiperight", makepage, function(inev) {
michael@4:             inev.stopImmediatePropagation();
michael@4:             $.mobile.changePage(prev, {transition: "slide", reverse: true});
michael@4:         });
michael@4:     }
michael@4:     else {  // If data-prev not set then default to history
michael@4:         $(document).on("swiperight", makepage, function(inev) {
michael@4:             inev.stopImmediatePropagation();
michael@4:             //history.back();  // or window.history.back();
michael@4:             $.mobile.back({transition: "slide", reverse: true});
michael@4:         });
michael@4:     }
michael@4: });