MDL-27622 integrate mymobile thme into core RC2
This commit is contained in:
stabijoh
@@ -0,0 +1,305 @@
|
||||
$(document).bind("mobileinit", function(){
|
||||
//mobile init stuff 11/12/10
|
||||
//turn off ajax forms...
|
||||
//$.mobile.defaultPageTransition = "fade";
|
||||
//$.mobile.touchOverflowEnabled = true;
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
//get some vars to start
|
||||
var siteurl = $('.mobilesiteurl').attr("id");
|
||||
var mytheme = $(".datatheme").attr("id");
|
||||
var mythemeb = $(".datathemeb").attr("id");
|
||||
|
||||
|
||||
//function below does generic stuff before creating all pages...
|
||||
$('div').live('pagebeforecreate',function(event, ui){
|
||||
//turn off ajax on all forms for now as of beta1
|
||||
$('form').attr("data-ajax", "false");
|
||||
//lesson
|
||||
$('.lessonbutton.standardbutton a').attr("data-role", "button");
|
||||
$('#page-mod-lesson-viewPAGE div.fitemtitle label').addClass("afirst");
|
||||
|
||||
//tablet column removal switch
|
||||
$('.slider').live("change",function() {
|
||||
var slids = $(this).val()
|
||||
M.util.set_user_preference('theme_mymobile_chosen_colpos', slids);
|
||||
if (slids == "off") {
|
||||
$('.ui-page-active').removeClass("has-myblocks");
|
||||
} else {
|
||||
$('.ui-page-active').addClass("has-myblocks");
|
||||
}
|
||||
});
|
||||
|
||||
//tabs- links set to external to fix forms
|
||||
$('div.tabtree ul.tabrow0').attr("data-role", "controlgroup");
|
||||
$('div.tabtree ul.tabrow12').attr("data-role", "controlgroup");
|
||||
$('div.tabtree li a').attr("data-role", "button").attr("data-ajax", "false");
|
||||
|
||||
//jump to current or bottom
|
||||
$('a.jumptocurrent').live('tap', function() {
|
||||
var position = $(".ui-page-active .section.current").position();
|
||||
if (!position) {
|
||||
var position = $(".ui-page-active .mobilefooter").position();
|
||||
}
|
||||
$.mobile.silentScroll(position.top);
|
||||
$(this).removeClass("ui-btn-active");
|
||||
return false;
|
||||
});
|
||||
//scroll to top
|
||||
$('a#uptotop').live('tap', function() {
|
||||
var position = $(".ui-page-active .ui-header").position();
|
||||
$.mobile.silentScroll(position.top);
|
||||
$(this).removeClass("ui-btn-active");
|
||||
return false;
|
||||
});
|
||||
//remove message notifcation overlay on tap 6/21/11
|
||||
$('a#notificationno').live('tap', function() {
|
||||
$('#newmessageoverlay').remove();
|
||||
return false;
|
||||
});
|
||||
|
||||
//calendar and other links that need to be external
|
||||
$('.maincalendar .filters a, li.activity.scorm a, div.files a, #page-user-filesPAGE li div a, .maincalendar .bottom a, .section li.url.modtype_url a, .resourcecontent .resourcemediaplugin a, #underfooter .noajax a, .block_mnet_hosts .content a, .block_private_files .content a, a.portfolio-add-link').attr("data-ajax", "false");
|
||||
|
||||
//add blank to open in window for some
|
||||
$('#page-mod-url-viewPAGE div.urlworkaround a, #page-mod-resource-viewPAGE div.resourceworkaround a, .mediaplugin a.mediafallbacklink, #page-mod-resource-viewPAGE .resourcemp3 a, .foldertree li a').attr("target", "_blank").attr("data-role", "button").attr("data-icon", "plus");
|
||||
|
||||
//// **** general stuff *** ////
|
||||
$('form fieldset').attr("data-role", "fieldcontain");
|
||||
$('form .fitem').attr("data-role", "fieldcontain");
|
||||
|
||||
//submit button for forum
|
||||
$('#page-mod-url-viewPAGE div.urlworkaround a').attr("data-role", "button");
|
||||
|
||||
//survey form fix
|
||||
$('#surveyform').attr("action", siteurl + '/mod/survey/save.php');
|
||||
|
||||
//nav select navigtation NEW
|
||||
$("#navselect").live("change",function() {
|
||||
var meb = encodeURI($(this).val());
|
||||
$(this).val("-1");
|
||||
if (meb != "" && meb != "-1") {
|
||||
$.mobile.changePage(meb);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
//course page only js
|
||||
$('div.path-course-view, .path-course-view div.generalpage').live('pagebeforecreate',function(event, ui){
|
||||
//course listing
|
||||
$('.section li img').addClass("ui-li-icon");
|
||||
$('.course-content ul.section').attr("data-role", "listview").attr("data-inset", "true").attr("data-theme", mythemeb);
|
||||
$('.sitetopic ul.section').attr("data-role", "listview").attr("data-inset", "true").attr("data-theme", mythemeb);
|
||||
|
||||
$('.topics div.left.side').addClass("ui-bar-" + mytheme);
|
||||
$('.section.hidden div.headingwrap').attr("data-theme", mythemeb);
|
||||
//$('.topics #section-0 div.left.side').removeClass("ui-li ui-li-divider ui-btn ui-bar-a");
|
||||
$('.section .resource.modtype_resource a, .section .modtype_survey a').attr("data-ajax", "false");
|
||||
|
||||
|
||||
|
||||
//toggle completion checkmarks and form fixes
|
||||
$('.togglecompletion input[type="image"]').attr("data-role", "none");
|
||||
$('.togglecompletion input[type="image"]').click(function(){
|
||||
$(".section .togglecompletion").attr("action", '');
|
||||
var mylocc = siteurl + "/course/togglecompletion.php";
|
||||
$(".section .togglecompletion").attr("action", mylocc);
|
||||
this.form.submit();
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
//forum listing only stuff
|
||||
$('div#page-mod-forum-viewPAGE, #page-mod-forum-view div.generalpage').live('pagebeforecreate',function(event, ui){
|
||||
//forums listing change theme for other theme
|
||||
$('table.forumheaderlist').attr("data-role", "controlgroup");
|
||||
$('table.forumheaderlist thead tr').attr("data-role", "button").attr("data-theme", mythemeb);
|
||||
$('table.forumheaderlist td.topic a').attr("data-role", "button").attr("data-icon", "arrow-r").attr("data-iconpos", "right").attr("data-theme", mythemeb);
|
||||
});
|
||||
|
||||
$('div#page-mod-forum-viewPAGE').live('pageinit',function(event, ui){
|
||||
$('.forumheaderlist td.topic').each(function(index) {
|
||||
var ggg = $(this).nextAll("td.replies").text();
|
||||
$(this).find('a').append('<span class="ui-li-count ui-btn-up-a ui-btn-corner-all"> ' + ggg + '</span>');
|
||||
});
|
||||
});
|
||||
|
||||
//forum discussion page only stuff
|
||||
$('div#page-mod-forum-discussPAGE, #page-mod-forum-discuss div.generalpage, div.forumtype-single, .forumtype-single div.generalpage, div#page-mod-forum-postPAGE').live('pagebeforecreate',function(event, ui){
|
||||
//remove parent post because of hash remove this if has listening is fixed
|
||||
$('.options div.commands a').each(function(index) {
|
||||
var url = $(this).attr("href");
|
||||
if (url.indexOf("#") != -1)
|
||||
{
|
||||
$(this).remove();
|
||||
}
|
||||
});
|
||||
|
||||
//actual forum posting
|
||||
$('.forumpost div.row.header').addClass("ui-li ui-li-divider ui-btn ui-bar-" + mytheme);
|
||||
$('.options div.commands').attr("data-role", "controlgroup").attr("data-type", "horizontal");
|
||||
$('.options div.commands a').attr("data-role", "button").attr("data-ajax", "false").attr("data-inline", "true");
|
||||
$('.forumpost div.author a').attr("data-inline", "true");
|
||||
$('.options div.commands')
|
||||
.contents()
|
||||
.filter(function() {
|
||||
return this.nodeType == 3; //Node.TEXT_NODE
|
||||
}).remove();
|
||||
//function above removes | in div.commands
|
||||
});
|
||||
|
||||
//frontpage only stuff
|
||||
$('div#page-site-indexPAGE, div.pagelayout-coursecategory').live('pagebeforecreate',function(event, ui){
|
||||
//course boxes on category pages and front page stuff
|
||||
//forum posts on front page only
|
||||
$('.forumpost div.row.header').addClass("ui-li ui-li-divider ui-btn ui-bar-" + mytheme);
|
||||
$('div.subscribelink a').attr("data-role", "button").attr("data-inline", "true");
|
||||
$('.unlist').attr("data-role", "controlgroup");
|
||||
$('div.coursebox a').attr("data-role", "button").attr("data-icon", "arrow-r").attr("data-iconpos", "right").attr("data-theme", mythemeb);
|
||||
$('.box.categorybox').attr("data-role", "controlgroup");
|
||||
$('div.categorylist div.category a').attr("data-role", "button").attr("data-theme", mythemeb);
|
||||
$('#shortsearchbox, #coursesearch2 #shortsearchbox').attr("data-type", "search");
|
||||
});
|
||||
|
||||
$('div#page-site-indexPAGE').live('pageinit',function(event, ui){
|
||||
$('div.categorylist div.category').each(function(index) {
|
||||
var ggb = $(this).find("span.numberofcourse").text().replace('(','').replace(')','');
|
||||
if (ggb != "") {
|
||||
$(this).find('a').append('<span class="ui-li-count ui-btn-up-a ui-btn-corner-all">' + ggb + '</span>');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//chat only stuff
|
||||
$('div#chatpage, div.path-mod-chat').live('pagebeforecreate',function(event, ui){
|
||||
$('#input-message, #button-send').attr("data-role", "none");
|
||||
$('#enterlink a').attr("data-role", "button").attr("data-ajax", "false").attr("data-icon", "plus");
|
||||
$('form, input, button').attr("data-ajax", "false");
|
||||
});
|
||||
|
||||
//login page only stuff
|
||||
$('div#page-login-indexPAGE').live('pagebeforecreate',function(event, ui){
|
||||
//signup form fix
|
||||
$('.path-login .signupform #signup').attr("action", siteurl + '/login/signup.php');
|
||||
$('.path-login #guestlogin').attr("action", siteurl + '/login/index.php');
|
||||
});
|
||||
|
||||
//messaging only stuff
|
||||
$('div#page-message-indexPAGE').live('pagebeforecreate',function(event, ui){
|
||||
//below to fix form actions here and there
|
||||
$("#usergroupform").attr("action", '');
|
||||
//if (userform == "") {
|
||||
var myloc = siteurl + "/message/index.php";
|
||||
$("#usergroupform").attr("action", myloc);
|
||||
|
||||
//messaging links
|
||||
$('.path-message td.link').attr("data-role", "controlgroup").attr("data-type", "horizontal");
|
||||
$('.path-message td.link a').attr("data-role", "button").attr("data-inline", "true");
|
||||
});
|
||||
|
||||
//database and glossary only stuff
|
||||
$('div#page-mod-data-viewPAGE, div#page-mod-glossary-viewPAGE').live('pagebeforecreate',function(event, ui){
|
||||
$('.defaulttemplate td a').attr("data-role", "button").attr("data-ajax", "false").attr("data-inline", "true");
|
||||
$('#options select, .aliases select').attr("data-native-menu", "true");
|
||||
$('#pref_search, .glossarysearchbox input[type="text"]').attr("data-type", "search");
|
||||
$('#options').attr("action", siteurl + '/mod/data/view.php');
|
||||
$('#page-mod-glossary-viewPAGE form').each(function(index) {
|
||||
var glossform = $(this).attr("action");
|
||||
if (glossform == "view.php") {
|
||||
$(this).attr("action", siteurl + '/mod/glossary/view.php');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//mymoodle only stuff
|
||||
$('div#page-my-indexPAGE').live('pagebeforecreate',function(event, ui){
|
||||
//my moodle page fixes
|
||||
//block_course_overview
|
||||
$('.block_course_overview div.headingwrap').attr("data-role", "none");
|
||||
$('.block_course_overview h3.main a').attr("data-theme", mytheme);
|
||||
|
||||
|
||||
});
|
||||
|
||||
//resource only stuff to help embedded PDFs, provides link to open in new window
|
||||
$('div#page-mod-resource-viewPAGE').live('pagebeforecreate',function(event, ui){
|
||||
$('div.resourcepdf').each(function(index) {
|
||||
var thisopen = $(this).find('#resourceobject').attr("data");
|
||||
$(this).append('<a class="mobileresource" href="' +thisopen+ '" target="_blank"></a>');
|
||||
});
|
||||
});
|
||||
|
||||
//quiz page only js
|
||||
$('div#page-mod-quiz-viewPAGE, div#page-mod-quiz-attemptPAGE, div#page-mod-quiz-summaryPAGE, div#page-mod-quiz-reviewPAGE').live('pagebeforecreate',function(event, ui){
|
||||
//add quiz timer into quiz page
|
||||
$('#quiz-timer').remove();
|
||||
$('.mymobilecontent').prepend('<div id="quiz-timer" > <span id="quiz-time-left"></span></div>');
|
||||
$('.que .info').addClass("ui-bar-" + mytheme);
|
||||
$('.que input.submit').attr("data-role", "none");
|
||||
$('div.submitbtns a, div.quizattemptcounts a').attr("data-role", "button").attr("data-ajax", "false");
|
||||
$('#page-mod-quiz-attemptPAGE .questionflag input, .path-mod-quiz .questionflag input').attr("data-role", "none");
|
||||
});
|
||||
|
||||
//assignment page only stuff
|
||||
$('#page-mod-assignment-viewPAGE').live('pagebeforecreate',function(event, ui){
|
||||
//below fixes the advanced upload edit notes button
|
||||
$('#page-mod-assignment-viewPAGE div[rel="upload.php"]').parent().attr("action", siteurl + '/mod/assignment/upload.php');
|
||||
});
|
||||
|
||||
//hotpot page only stuff
|
||||
$('div.path-mod-hotpot').live('pagebeforecreate',function(event, ui){
|
||||
$('.path-mod-hotpot button').attr("data-role", "none");
|
||||
});
|
||||
|
||||
//collapsed topic only stuff
|
||||
$('div#page-course-view-topcollPAGE').live('pagebeforecreate',function(event, ui){
|
||||
$('#page-course-view-topcollPAGE ul.section').attr("data-role", "none");
|
||||
$('.section li img').removeClass("ui-li-icon");
|
||||
$.getScript('../course/format/topcoll/lib.js');
|
||||
|
||||
$('#page-course-view-topcollPAGE tr.cps a').attr("data-role", "button").attr("data-icon", "arrow-r");
|
||||
$('#page-course-view-topcollPAGE #thetopics').attr("data-role", "controlgroup");
|
||||
$('#page-course-view-topcollPAGE td.cps_centre').each(function(index) {
|
||||
var cpsc = $(this).text().replace('<br>','').replace(')','');
|
||||
$(this).prev('td').find('a').append('<span class="ui-li-count ui-btn-up-a ui-btn-corner-all">' + cpsc + '</span>');
|
||||
});
|
||||
$('tr.cps').click(function() {
|
||||
if ($(this).hasClass('opencps')) {
|
||||
$(this).removeClass("opencps");
|
||||
}
|
||||
else {
|
||||
$(this).addClass("opencps");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//////functions below does stuff after creating page for some cleaning...
|
||||
$('div').live('pageinit',function(event, ui){
|
||||
|
||||
$('.path-calendar div.ui-radio label:first-child, .path-mod-lesson div.ui-radio label:first-child, #page-mod-wiki-createPAGE div.ui-radio label:first-child').addClass("afirst");
|
||||
$('.forumpost div.author a').removeAttr('data-role');
|
||||
//$('.questionflagimage2').removeClass("ui-btn-hidden");a#notificationyes
|
||||
|
||||
//scrollview 2/7/11 testing remove if remove scrollview
|
||||
$('.gradeparent, .pagelayout-report .no-overflow, .path-mod-choice .response, .resourcecontent.resourceimg, .usersubmissions .no-overflow, .path-course-report-log .generaltable, table.results.anonymous, table.surveytable, div.resultgraph, div.reportsummary a, #completion-progress').scrollview();
|
||||
|
||||
//image replacement
|
||||
$(this).find(".ithumb .course-content .summary img, .ithumb .course-content .activity.label img, .ithumb .sitetopic .no-overflow img").click(function() {
|
||||
var turl = $(this).attr("src");
|
||||
window.open(turl);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,205 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,802 @@
|
||||
/*
|
||||
* jQuery Mobile Framework : scrollview plugin
|
||||
* Copyright (c) 2010 Adobe Systems Incorporated - Kin Blas ([email protected])
|
||||
* 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($,window,document,undefined){
|
||||
|
||||
jQuery.widget( "mobile.scrollview", jQuery.mobile.widget, {
|
||||
options: {
|
||||
fps: 60, // Frames per second in msecs.
|
||||
direction: null, // "x", "y", or null for both.
|
||||
|
||||
scrollDuration: 2000, // Duration of the scrolling animation in msecs.
|
||||
overshootDuration: 250, // Duration of the overshoot animation in msecs.
|
||||
snapbackDuration: 500, // Duration of the snapback animation in msecs.
|
||||
|
||||
moveThreshold: 10, // User must move this many pixels in any direction to trigger a scroll.
|
||||
moveIntervalThreshold: 150, // Time between mousemoves must not exceed this threshold.
|
||||
|
||||
scrollMethod: "translate", // "translate", "position", "scroll"
|
||||
|
||||
startEventName: "scrollstart",
|
||||
updateEventName: "scrollupdate",
|
||||
stopEventName: "scrollstop",
|
||||
|
||||
eventType: $.support.touch ? "touch" : "mouse",
|
||||
|
||||
showScrollBars: true,
|
||||
|
||||
pagingEnabled: false,
|
||||
delayedClickSelector: "a,input,textarea,select,button,.ui-btn",
|
||||
delayedClickEnabled: true
|
||||
},
|
||||
|
||||
_makePositioned: function($ele)
|
||||
{
|
||||
if ($ele.css("position") == "static")
|
||||
$ele.css("position", "relative");
|
||||
},
|
||||
|
||||
_create: function()
|
||||
{
|
||||
this._$clip = $(this.element).addClass("ui-scrollview-clip");
|
||||
var $child = this._$clip.children();
|
||||
if ($child.length > 1) {
|
||||
$child = this._$clip.wrapInner("<div></div>").children();
|
||||
}
|
||||
this._$view = $child.addClass("ui-scrollview-view");
|
||||
|
||||
this._$clip.css("overflow", this.options.scrollMethod === "scroll" ? "scroll" : "hidden");
|
||||
this._makePositioned(this._$clip);
|
||||
|
||||
this._$view.css("overflow", "hidden");
|
||||
|
||||
// Turn off our faux scrollbars if we are using native scrolling
|
||||
// to position the view.
|
||||
|
||||
this.options.showScrollBars = this.options.scrollMethod === "scroll" ? false : this.options.showScrollBars;
|
||||
|
||||
// We really don't need this if we are using a translate transformation
|
||||
// for scrolling. We set it just in case the user wants to switch methods
|
||||
// on the fly.
|
||||
|
||||
this._makePositioned(this._$view);
|
||||
this._$view.css({ left: 0, top: 0 });
|
||||
|
||||
this._sx = 0;
|
||||
this._sy = 0;
|
||||
|
||||
var direction = this.options.direction;
|
||||
this._hTracker = (direction !== "y") ? new MomentumTracker(this.options) : null;
|
||||
this._vTracker = (direction !== "x") ? new MomentumTracker(this.options) : null;
|
||||
|
||||
this._timerInterval = 1000/this.options.fps;
|
||||
this._timerID = 0;
|
||||
|
||||
var self = this;
|
||||
this._timerCB = function(){ self._handleMomentumScroll(); };
|
||||
|
||||
this._addBehaviors();
|
||||
},
|
||||
|
||||
_startMScroll: function(speedX, speedY)
|
||||
{
|
||||
this._stopMScroll();
|
||||
this._showScrollBars();
|
||||
|
||||
var keepGoing = false;
|
||||
var duration = this.options.scrollDuration;
|
||||
|
||||
this._$clip.trigger(this.options.startEventName);
|
||||
|
||||
var ht = this._hTracker;
|
||||
if (ht)
|
||||
{
|
||||
var c = this._$clip.width();
|
||||
var v = this._$view.width();
|
||||
ht.start(this._sx, speedX, duration, (v > c) ? -(v - c) : 0, 0);
|
||||
keepGoing = !ht.done();
|
||||
}
|
||||
|
||||
var vt = this._vTracker;
|
||||
if (vt)
|
||||
{
|
||||
var c = this._$clip.height();
|
||||
var v = this._$view.height();
|
||||
vt.start(this._sy, speedY, duration, (v > c) ? -(v - c) : 0, 0);
|
||||
keepGoing = keepGoing || !vt.done();
|
||||
}
|
||||
|
||||
if (keepGoing)
|
||||
this._timerID = setTimeout(this._timerCB, this._timerInterval);
|
||||
else
|
||||
this._stopMScroll();
|
||||
},
|
||||
|
||||
_stopMScroll: function()
|
||||
{
|
||||
if (this._timerID)
|
||||
{
|
||||
this._$clip.trigger(this.options.stopEventName);
|
||||
clearTimeout(this._timerID);
|
||||
}
|
||||
this._timerID = 0;
|
||||
|
||||
if (this._vTracker)
|
||||
this._vTracker.reset();
|
||||
|
||||
if (this._hTracker)
|
||||
this._hTracker.reset();
|
||||
|
||||
this._hideScrollBars();
|
||||
},
|
||||
|
||||
_handleMomentumScroll: function()
|
||||
{
|
||||
var keepGoing = false;
|
||||
var v = this._$view;
|
||||
|
||||
var x = 0, y = 0;
|
||||
|
||||
var vt = this._vTracker;
|
||||
if (vt)
|
||||
{
|
||||
vt.update();
|
||||
y = vt.getPosition();
|
||||
keepGoing = !vt.done();
|
||||
}
|
||||
|
||||
var ht = this._hTracker;
|
||||
if (ht)
|
||||
{
|
||||
ht.update();
|
||||
x = ht.getPosition();
|
||||
keepGoing = keepGoing || !ht.done();
|
||||
}
|
||||
|
||||
this._setScrollPosition(x, y);
|
||||
this._$clip.trigger(this.options.updateEventName, { x: x, y: y });
|
||||
|
||||
if (keepGoing)
|
||||
this._timerID = setTimeout(this._timerCB, this._timerInterval);
|
||||
else
|
||||
this._stopMScroll();
|
||||
},
|
||||
|
||||
_setScrollPosition: function(x, y)
|
||||
{
|
||||
this._sx = x;
|
||||
this._sy = y;
|
||||
|
||||
var $v = this._$view;
|
||||
|
||||
var sm = this.options.scrollMethod;
|
||||
|
||||
switch (sm)
|
||||
{
|
||||
case "translate":
|
||||
setElementTransform($v, x + "px", y + "px");
|
||||
break;
|
||||
case "position":
|
||||
$v.css({left: x + "px", top: y + "px"});
|
||||
break;
|
||||
case "scroll":
|
||||
var c = this._$clip[0];
|
||||
c.scrollLeft = -x;
|
||||
c.scrollTop = -y;
|
||||
break;
|
||||
}
|
||||
|
||||
var $vsb = this._$vScrollBar;
|
||||
var $hsb = this._$hScrollBar;
|
||||
|
||||
if ($vsb)
|
||||
{
|
||||
var $sbt = $vsb.find(".ui-scrollbar-thumb");
|
||||
if (sm === "translate")
|
||||
setElementTransform($sbt, "0px", -y/$v.height() * $sbt.parent().height() + "px");
|
||||
else
|
||||
$sbt.css("top", -y/$v.height()*100 + "%");
|
||||
}
|
||||
|
||||
if ($hsb)
|
||||
{
|
||||
var $sbt = $hsb.find(".ui-scrollbar-thumb");
|
||||
if (sm === "translate")
|
||||
setElementTransform($sbt, -x/$v.width() * $sbt.parent().width() + "px", "0px");
|
||||
else
|
||||
$sbt.css("left", -x/$v.width()*100 + "%");
|
||||
}
|
||||
},
|
||||
|
||||
scrollTo: function(x, y, duration)
|
||||
{
|
||||
this._stopMScroll();
|
||||
if (!duration)
|
||||
return this._setScrollPosition(x, y);
|
||||
|
||||
x = -x;
|
||||
y = -y;
|
||||
|
||||
var self = this;
|
||||
var start = getCurrentTime();
|
||||
var efunc = $.easing["easeOutQuad"];
|
||||
var sx = this._sx;
|
||||
var sy = this._sy;
|
||||
var dx = x - sx;
|
||||
var dy = y - sy;
|
||||
var tfunc = function(){
|
||||
var elapsed = getCurrentTime() - start;
|
||||
if (elapsed >= duration)
|
||||
{
|
||||
self._timerID = 0;
|
||||
self._setScrollPosition(x, y);
|
||||
}
|
||||
else
|
||||
{
|
||||
var ec = efunc(elapsed/duration, elapsed, 0, 1, duration);
|
||||
self._setScrollPosition(sx + (dx * ec), sy + (dy * ec));
|
||||
self._timerID = setTimeout(tfunc, self._timerInterval);
|
||||
}
|
||||
};
|
||||
|
||||
this._timerID = setTimeout(tfunc, this._timerInterval);
|
||||
},
|
||||
|
||||
getScrollPosition: function()
|
||||
{
|
||||
return { x: -this._sx, y: -this._sy };
|
||||
},
|
||||
|
||||
_getScrollHierarchy: function()
|
||||
{
|
||||
var svh = [];
|
||||
this._$clip.parents(".ui-scrollview-clip").each(function(){
|
||||
var d = $(this).data("scrollview");
|
||||
if (d) svh.unshift(d);
|
||||
});
|
||||
return svh;
|
||||
},
|
||||
|
||||
_getAncestorByDirection: function(dir)
|
||||
{
|
||||
var svh = this._getScrollHierarchy();
|
||||
var n = svh.length;
|
||||
while (0 < n--)
|
||||
{
|
||||
var sv = svh[n];
|
||||
var svdir = sv.options.direction;
|
||||
|
||||
if (!svdir || svdir == dir)
|
||||
return sv;
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
_handleDragStart: function(e, ex, ey)
|
||||
{
|
||||
// Stop any scrolling of elements in our parent hierarcy.
|
||||
$.each(this._getScrollHierarchy(),function(i,sv){ sv._stopMScroll(); });
|
||||
this._stopMScroll();
|
||||
|
||||
var c = this._$clip;
|
||||
var v = this._$view;
|
||||
|
||||
if (this.options.delayedClickEnabled) {
|
||||
this._$clickEle = $(e.target).closest(this.options.delayedClickSelector);
|
||||
}
|
||||
this._lastX = ex;
|
||||
this._lastY = ey;
|
||||
this._doSnapBackX = false;
|
||||
this._doSnapBackY = false;
|
||||
this._speedX = 0;
|
||||
this._speedY = 0;
|
||||
this._directionLock = "";
|
||||
this._didDrag = false;
|
||||
|
||||
if (this._hTracker)
|
||||
{
|
||||
var cw = parseInt(c.css("width"), 10);
|
||||
var vw = parseInt(v.css("width"), 10);
|
||||
this._maxX = cw - vw;
|
||||
if (this._maxX > 0) this._maxX = 0;
|
||||
if (this._$hScrollBar)
|
||||
this._$hScrollBar.find(".ui-scrollbar-thumb").css("width", (cw >= vw ? "100%" : Math.floor(cw/vw*100)+ "%"));
|
||||
}
|
||||
|
||||
if (this._vTracker)
|
||||
{
|
||||
var ch = parseInt(c.css("height"), 10);
|
||||
var vh = parseInt(v.css("height"), 10);
|
||||
this._maxY = ch - vh;
|
||||
if (this._maxY > 0) this._maxY = 0;
|
||||
if (this._$vScrollBar)
|
||||
this._$vScrollBar.find(".ui-scrollbar-thumb").css("height", (ch >= vh ? "100%" : Math.floor(ch/vh*100)+ "%"));
|
||||
}
|
||||
|
||||
var svdir = this.options.direction;
|
||||
|
||||
this._pageDelta = 0;
|
||||
this._pageSize = 0;
|
||||
this._pagePos = 0;
|
||||
|
||||
if (this.options.pagingEnabled && (svdir === "x" || svdir === "y"))
|
||||
{
|
||||
this._pageSize = svdir === "x" ? cw : ch;
|
||||
this._pagePos = svdir === "x" ? this._sx : this._sy;
|
||||
this._pagePos -= this._pagePos % this._pageSize;
|
||||
}
|
||||
this._lastMove = 0;
|
||||
this._enableTracking();
|
||||
|
||||
// If we're using mouse events, we need to prevent the default
|
||||
// behavior to suppress accidental selection of text, etc. We
|
||||
// can't do this on touch devices because it will disable the
|
||||
// generation of "click" events.
|
||||
//
|
||||
// XXX: We should test if this has an effect on links! - kin
|
||||
|
||||
if (this.options.eventType == "mouse" || this.options.delayedClickEnabled)
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
},
|
||||
|
||||
_propagateDragMove: function(sv, e, ex, ey, dir)
|
||||
{
|
||||
this._hideScrollBars();
|
||||
this._disableTracking();
|
||||
sv._handleDragStart(e,ex,ey);
|
||||
sv._directionLock = dir;
|
||||
sv._didDrag = this._didDrag;
|
||||
},
|
||||
|
||||
_handleDragMove: function(e, ex, ey)
|
||||
{
|
||||
this._lastMove = getCurrentTime();
|
||||
|
||||
var v = this._$view;
|
||||
|
||||
var dx = ex - this._lastX;
|
||||
var dy = ey - this._lastY;
|
||||
var svdir = this.options.direction;
|
||||
|
||||
if (!this._directionLock)
|
||||
{
|
||||
var x = Math.abs(dx);
|
||||
var y = Math.abs(dy);
|
||||
var mt = this.options.moveThreshold;
|
||||
|
||||
if (x < mt && y < mt) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var dir = null;
|
||||
var r = 0;
|
||||
if (x < y && (x/y) < 0.5) {
|
||||
dir = "y";
|
||||
}
|
||||
else if (x > y && (y/x) < 0.5) {
|
||||
dir = "x";
|
||||
}
|
||||
|
||||
if (svdir && dir && svdir != dir)
|
||||
{
|
||||
// This scrollview can't handle the direction the user
|
||||
// is attempting to scroll. Find an ancestor scrollview
|
||||
// that can handle the request.
|
||||
|
||||
var sv = this._getAncestorByDirection(dir);
|
||||
if (sv)
|
||||
{
|
||||
this._propagateDragMove(sv, e, ex, ey, dir);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
this._directionLock = svdir ? svdir : (dir ? dir : "none");
|
||||
}
|
||||
|
||||
var newX = this._sx;
|
||||
var newY = this._sy;
|
||||
|
||||
if (this._directionLock !== "y" && this._hTracker)
|
||||
{
|
||||
var x = this._sx;
|
||||
this._speedX = dx;
|
||||
newX = x + dx;
|
||||
|
||||
// Simulate resistance.
|
||||
|
||||
this._doSnapBackX = false;
|
||||
if (newX > 0 || newX < this._maxX)
|
||||
{
|
||||
if (this._directionLock === "x")
|
||||
{
|
||||
var sv = this._getAncestorByDirection("x");
|
||||
if (sv)
|
||||
{
|
||||
this._setScrollPosition(newX > 0 ? 0 : this._maxX, newY);
|
||||
this._propagateDragMove(sv, e, ex, ey, dir);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
newX = x + (dx/2);
|
||||
this._doSnapBackX = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (this._directionLock !== "x" && this._vTracker)
|
||||
{
|
||||
var y = this._sy;
|
||||
this._speedY = dy;
|
||||
newY = y + dy;
|
||||
|
||||
// Simulate resistance.
|
||||
|
||||
this._doSnapBackY = false;
|
||||
if (newY > 0 || newY < this._maxY)
|
||||
{
|
||||
if (this._directionLock === "y")
|
||||
{
|
||||
var sv = this._getAncestorByDirection("y");
|
||||
if (sv)
|
||||
{
|
||||
this._setScrollPosition(newX, newY > 0 ? 0 : this._maxY);
|
||||
this._propagateDragMove(sv, e, ex, ey, dir);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
newY = y + (dy/2);
|
||||
this._doSnapBackY = true;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (this.options.pagingEnabled && (svdir === "x" || svdir === "y"))
|
||||
{
|
||||
if (this._doSnapBackX || this._doSnapBackY)
|
||||
this._pageDelta = 0;
|
||||
else
|
||||
{
|
||||
var opos = this._pagePos;
|
||||
var cpos = svdir === "x" ? newX : newY;
|
||||
var delta = svdir === "x" ? dx : dy;
|
||||
|
||||
this._pageDelta = (opos > cpos && delta < 0) ? this._pageSize : ((opos < cpos && delta > 0) ? -this._pageSize : 0);
|
||||
}
|
||||
}
|
||||
|
||||
this._didDrag = true;
|
||||
this._lastX = ex;
|
||||
this._lastY = ey;
|
||||
|
||||
this._setScrollPosition(newX, newY);
|
||||
|
||||
this._showScrollBars();
|
||||
|
||||
// Call preventDefault() to prevent touch devices from
|
||||
// scrolling the main window.
|
||||
|
||||
// e.preventDefault();
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
_handleDragStop: function(e)
|
||||
{
|
||||
var l = this._lastMove;
|
||||
var t = getCurrentTime();
|
||||
var doScroll = l && (t - l) <= this.options.moveIntervalThreshold;
|
||||
|
||||
var sx = (this._hTracker && this._speedX && doScroll) ? this._speedX : (this._doSnapBackX ? 1 : 0);
|
||||
var sy = (this._vTracker && this._speedY && doScroll) ? this._speedY : (this._doSnapBackY ? 1 : 0);
|
||||
|
||||
var svdir = this.options.direction;
|
||||
if (this.options.pagingEnabled && (svdir === "x" || svdir === "y") && !this._doSnapBackX && !this._doSnapBackY)
|
||||
{
|
||||
var x = this._sx;
|
||||
var y = this._sy;
|
||||
if (svdir === "x")
|
||||
x = -this._pagePos + this._pageDelta;
|
||||
else
|
||||
y = -this._pagePos + this._pageDelta;
|
||||
|
||||
this.scrollTo(x, y, this.options.snapbackDuration);
|
||||
}
|
||||
else if (sx || sy)
|
||||
this._startMScroll(sx, sy);
|
||||
else
|
||||
this._hideScrollBars();
|
||||
|
||||
this._disableTracking();
|
||||
|
||||
if (!this._didDrag && this.options.delayedClickEnabled && this._$clickEle.length) {
|
||||
this._$clickEle
|
||||
.trigger("mousedown")
|
||||
//.trigger("focus")
|
||||
.trigger("mouseup")
|
||||
.trigger("click");
|
||||
}
|
||||
|
||||
// If a view scrolled, then we need to absorb
|
||||
// the event so that links etc, underneath our
|
||||
// cursor/finger don't fire.
|
||||
|
||||
return this._didDrag ? false : undefined;
|
||||
},
|
||||
|
||||
_enableTracking: function()
|
||||
{
|
||||
$(document).bind(this._dragMoveEvt, this._dragMoveCB);
|
||||
$(document).bind(this._dragStopEvt, this._dragStopCB);
|
||||
},
|
||||
|
||||
_disableTracking: function()
|
||||
{
|
||||
$(document).unbind(this._dragMoveEvt, this._dragMoveCB);
|
||||
$(document).unbind(this._dragStopEvt, this._dragStopCB);
|
||||
},
|
||||
|
||||
_showScrollBars: function()
|
||||
{
|
||||
var vclass = "ui-scrollbar-visible";
|
||||
if (this._$vScrollBar) this._$vScrollBar.addClass(vclass);
|
||||
if (this._$hScrollBar) this._$hScrollBar.addClass(vclass);
|
||||
},
|
||||
|
||||
_hideScrollBars: function()
|
||||
{
|
||||
var vclass = "ui-scrollbar-visible";
|
||||
if (this._$vScrollBar) this._$vScrollBar.removeClass(vclass);
|
||||
if (this._$hScrollBar) this._$hScrollBar.removeClass(vclass);
|
||||
},
|
||||
|
||||
_addBehaviors: function()
|
||||
{
|
||||
var self = this;
|
||||
if (this.options.eventType === "mouse")
|
||||
{
|
||||
this._dragStartEvt = "mousedown";
|
||||
this._dragStartCB = function(e){ return self._handleDragStart(e, e.clientX, e.clientY); };
|
||||
|
||||
this._dragMoveEvt = "mousemove";
|
||||
this._dragMoveCB = function(e){ return self._handleDragMove(e, e.clientX, e.clientY); };
|
||||
|
||||
this._dragStopEvt = "mouseup";
|
||||
this._dragStopCB = function(e){ return self._handleDragStop(e); };
|
||||
}
|
||||
else // "touch"
|
||||
{
|
||||
this._dragStartEvt = "touchstart";
|
||||
this._dragStartCB = function(e)
|
||||
{
|
||||
var t = e.originalEvent.targetTouches[0];
|
||||
return self._handleDragStart(e, t.pageX, t.pageY);
|
||||
};
|
||||
|
||||
this._dragMoveEvt = "touchmove";
|
||||
this._dragMoveCB = function(e)
|
||||
{
|
||||
var t = e.originalEvent.targetTouches[0];
|
||||
return self._handleDragMove(e, t.pageX, t.pageY);
|
||||
};
|
||||
|
||||
this._dragStopEvt = "touchend";
|
||||
this._dragStopCB = function(e){ return self._handleDragStop(e); };
|
||||
}
|
||||
|
||||
this._$view.bind(this._dragStartEvt, this._dragStartCB);
|
||||
|
||||
if (this.options.showScrollBars)
|
||||
{
|
||||
var $c = this._$clip;
|
||||
var prefix = "<div class=\"ui-scrollbar ui-scrollbar-";
|
||||
var suffix = "\"><div class=\"ui-scrollbar-track\"><div class=\"ui-scrollbar-thumb\"></div></div></div>";
|
||||
if (this._vTracker)
|
||||
{
|
||||
$c.append(prefix + "y" + suffix);
|
||||
this._$vScrollBar = $c.children(".ui-scrollbar-y");
|
||||
}
|
||||
if (this._hTracker)
|
||||
{
|
||||
$c.append(prefix + "x" + suffix);
|
||||
this._$hScrollBar = $c.children(".ui-scrollbar-x");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function setElementTransform($ele, x, y)
|
||||
{
|
||||
var v = "translate3d(" + x + "," + y + ", 0px)";
|
||||
$ele.css({
|
||||
"-moz-transform": v,
|
||||
"-webkit-transform": v,
|
||||
"transform": v
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function MomentumTracker(options)
|
||||
{
|
||||
this.options = $.extend({}, options);
|
||||
this.easing = "easeOutQuad";
|
||||
this.reset();
|
||||
}
|
||||
|
||||
var tstates = {
|
||||
scrolling: 0,
|
||||
overshot: 1,
|
||||
snapback: 2,
|
||||
done: 3
|
||||
};
|
||||
|
||||
function getCurrentTime() { return (new Date()).getTime(); }
|
||||
|
||||
$.extend(MomentumTracker.prototype, {
|
||||
start: function(pos, speed, duration, minPos, maxPos)
|
||||
{
|
||||
this.state = (speed != 0) ? ((pos < minPos || pos > maxPos) ? tstates.snapback : tstates.scrolling) : tstates.done;
|
||||
this.pos = pos;
|
||||
this.speed = speed;
|
||||
this.duration = (this.state == tstates.snapback) ? this.options.snapbackDuration : duration;
|
||||
this.minPos = minPos;
|
||||
this.maxPos = maxPos;
|
||||
|
||||
this.fromPos = (this.state == tstates.snapback) ? this.pos : 0;
|
||||
this.toPos = (this.state == tstates.snapback) ? ((this.pos < this.minPos) ? this.minPos : this.maxPos) : 0;
|
||||
|
||||
this.startTime = getCurrentTime();
|
||||
},
|
||||
|
||||
reset: function()
|
||||
{
|
||||
this.state = tstates.done;
|
||||
this.pos = 0;
|
||||
this.speed = 0;
|
||||
this.minPos = 0;
|
||||
this.maxPos = 0;
|
||||
this.duration = 0;
|
||||
},
|
||||
|
||||
update: function()
|
||||
{
|
||||
var state = this.state;
|
||||
if (state == tstates.done)
|
||||
return this.pos;
|
||||
|
||||
var duration = this.duration;
|
||||
var elapsed = getCurrentTime() - this.startTime;
|
||||
elapsed = elapsed > duration ? duration : elapsed;
|
||||
|
||||
if (state == tstates.scrolling || state == tstates.overshot)
|
||||
{
|
||||
var dx = this.speed * (1 - $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration));
|
||||
|
||||
var x = this.pos + dx;
|
||||
|
||||
var didOverShoot = (state == tstates.scrolling) && (x < this.minPos || x > this.maxPos);
|
||||
if (didOverShoot)
|
||||
x = (x < this.minPos) ? this.minPos : this.maxPos;
|
||||
|
||||
this.pos = x;
|
||||
|
||||
if (state == tstates.overshot)
|
||||
{
|
||||
if (elapsed >= duration)
|
||||
{
|
||||
this.state = tstates.snapback;
|
||||
this.fromPos = this.pos;
|
||||
this.toPos = (x < this.minPos) ? this.minPos : this.maxPos;
|
||||
this.duration = this.options.snapbackDuration;
|
||||
this.startTime = getCurrentTime();
|
||||
elapsed = 0;
|
||||
}
|
||||
}
|
||||
else if (state == tstates.scrolling)
|
||||
{
|
||||
if (didOverShoot)
|
||||
{
|
||||
this.state = tstates.overshot;
|
||||
this.speed = dx / 2;
|
||||
this.duration = this.options.overshootDuration;
|
||||
this.startTime = getCurrentTime();
|
||||
}
|
||||
else if (elapsed >= duration)
|
||||
this.state = tstates.done;
|
||||
}
|
||||
}
|
||||
else if (state == tstates.snapback)
|
||||
{
|
||||
if (elapsed >= duration)
|
||||
{
|
||||
this.pos = this.toPos;
|
||||
this.state = tstates.done;
|
||||
}
|
||||
else
|
||||
this.pos = this.fromPos + ((this.toPos - this.fromPos) * $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration));
|
||||
}
|
||||
|
||||
return this.pos;
|
||||
},
|
||||
|
||||
done: function() { return this.state == tstates.done; },
|
||||
getPosition: function(){ return this.pos; }
|
||||
});
|
||||
|
||||
jQuery.widget( "mobile.scrolllistview", jQuery.mobile.scrollview, {
|
||||
options: {
|
||||
direction: "y"
|
||||
},
|
||||
|
||||
_create: function() {
|
||||
$.mobile.scrollview.prototype._create.call(this);
|
||||
|
||||
// Cache the dividers so we don't have to search for them everytime the
|
||||
// view is scrolled.
|
||||
//
|
||||
// XXX: Note that we need to update this cache if we ever support lists
|
||||
// that can dynamically update their content.
|
||||
|
||||
this._$dividers = this._$view.find("[data-role=list-divider]");
|
||||
this._lastDivider = null;
|
||||
},
|
||||
|
||||
_setScrollPosition: function(x, y)
|
||||
{
|
||||
// Let the view scroll like it normally does.
|
||||
|
||||
$.mobile.scrollview.prototype._setScrollPosition.call(this, x, y);
|
||||
|
||||
y = -y;
|
||||
|
||||
// Find the dividers for the list.
|
||||
|
||||
var $divs = this._$dividers;
|
||||
var cnt = $divs.length;
|
||||
var d = null;
|
||||
var dy = 0;
|
||||
var nd = null;
|
||||
|
||||
for (var i = 0; i < cnt; i++)
|
||||
{
|
||||
nd = $divs.get(i);
|
||||
var t = nd.offsetTop;
|
||||
if (y >= t)
|
||||
{
|
||||
d = nd;
|
||||
dy = t;
|
||||
}
|
||||
else if (d)
|
||||
break;
|
||||
}
|
||||
|
||||
// If we found a divider to move position it at the top of the
|
||||
// clip view.
|
||||
|
||||
if (d)
|
||||
{
|
||||
var h = d.offsetHeight;
|
||||
var mxy = (d != nd) ? nd.offsetTop : (this._$view.get(0).offsetHeight);
|
||||
if (y + h >= mxy)
|
||||
y = (mxy - h) - dy;
|
||||
else
|
||||
y = y - dy;
|
||||
|
||||
// XXX: Need to convert this over to using $().css() and supporting the non-transform case.
|
||||
|
||||
var ld = this._lastDivider;
|
||||
if (ld && d != ld) {
|
||||
setElementTransform($(ld), 0, 0);
|
||||
}
|
||||
setElementTransform($(d), 0, y + "px");
|
||||
this._lastDivider = d;
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery,window,document); // End Component
|
||||
Reference in New Issue
Block a user