mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update jqm
This commit is contained in:
Luke Pulverenti
parent
109e61ec65
commit
3449729ff4
5 changed files with 41 additions and 556 deletions
|
|
@ -25,14 +25,14 @@
|
||||||
"web-component-tester": "*",
|
"web-component-tester": "*",
|
||||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||||
},
|
},
|
||||||
"homepage": "https://github.com/PolymerElements/iron-meta",
|
"homepage": "https://github.com/polymerelements/iron-meta",
|
||||||
"_release": "1.0.3",
|
"_release": "1.0.3",
|
||||||
"_resolution": {
|
"_resolution": {
|
||||||
"type": "version",
|
"type": "version",
|
||||||
"tag": "v1.0.3",
|
"tag": "v1.0.3",
|
||||||
"commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04"
|
"commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04"
|
||||||
},
|
},
|
||||||
"_source": "git://github.com/PolymerElements/iron-meta.git",
|
"_source": "git://github.com/polymerelements/iron-meta.git",
|
||||||
"_target": "^1.0.0",
|
"_target": "^1.0.0",
|
||||||
"_originalSource": "PolymerElements/iron-meta"
|
"_originalSource": "polymerelements/iron-meta"
|
||||||
}
|
}
|
||||||
|
|
@ -21,10 +21,10 @@
|
||||||
return $(".radioDonationType:checked", page).val();
|
return $(".radioDonationType:checked", page).val();
|
||||||
}
|
}
|
||||||
|
|
||||||
var lifeTimeAmount = 69.99;
|
var lifeTimeAmount = 79.99;
|
||||||
var dailyAmount = 1;
|
var dailyAmount = 1;
|
||||||
var monthlyAmount = 4.99;
|
var monthlyAmount = 4.99;
|
||||||
var yearlyAmount = 35.99;
|
var yearlyAmount = 37.99;
|
||||||
function getDonationAmount(page) {
|
function getDonationAmount(page) {
|
||||||
|
|
||||||
var type = getDonationType(page);
|
var type = getDonationType(page);
|
||||||
|
|
|
||||||
|
|
@ -967,16 +967,16 @@ $.ui.plugin = {
|
||||||
$.mobile.degradeInputsWithin( this );
|
$.mobile.degradeInputsWithin( this );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var thisElem = this[0];
|
||||||
|
|
||||||
// Run buttonmarkup
|
// Run buttonmarkup
|
||||||
if ( $.fn.buttonMarkup ) {
|
if ( $.fn.buttonMarkup ) {
|
||||||
this.find( $.fn.buttonMarkup.initSelector ).not( keepNative )
|
$(thisElem.querySelectorAll($.fn.buttonMarkup.initSelector)).not(keepNative).jqmEnhanceable().buttonMarkup();
|
||||||
.jqmEnhanceable().buttonMarkup();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add classes for fieldContain
|
// Add classes for fieldContain
|
||||||
if ( $.fn.fieldcontain ) {
|
if ( $.fn.fieldcontain ) {
|
||||||
this.find( ":jqmData(role='fieldcontain')" ).not( keepNative )
|
$(thisElem.querySelectorAll("*[data-role='fieldcontain']")).not(keepNative).jqmEnhanceable().fieldcontain();
|
||||||
.jqmEnhanceable().fieldcontain();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Enhance widgets
|
// Enhance widgets
|
||||||
|
|
@ -986,7 +986,7 @@ $.ui.plugin = {
|
||||||
if ( constructor.initSelector ) {
|
if ( constructor.initSelector ) {
|
||||||
|
|
||||||
// Filter elements that should not be enhanced based on parents
|
// Filter elements that should not be enhanced based on parents
|
||||||
var elements = $.mobile.enhanceable( that.find( constructor.initSelector ) );
|
var elements = $.mobile.enhanceable(that.find(constructor.initSelector));
|
||||||
|
|
||||||
// If any matching elements remain filter ones with keepNativeSelector
|
// If any matching elements remain filter ones with keepNativeSelector
|
||||||
if ( elements.length > 0 ) {
|
if ( elements.length > 0 ) {
|
||||||
|
|
@ -2827,7 +2827,7 @@ $.fn.buttonMarkup.defaults = {
|
||||||
};
|
};
|
||||||
|
|
||||||
$.extend( $.fn.buttonMarkup, {
|
$.extend( $.fn.buttonMarkup, {
|
||||||
initSelector: "a:jqmData(role='button'), .ui-bar > a, .ui-bar > :jqmData(role='controlgroup') > a, button:not(:jqmData(role='navbar') button)"
|
initSelector: "a[data-role='button'], .ui-bar > a, .ui-bar > *[data-role='controlgroup'] > a, button"
|
||||||
});
|
});
|
||||||
|
|
||||||
})( jQuery );
|
})( jQuery );
|
||||||
|
|
@ -3406,7 +3406,7 @@ $.widget = (function( orig ) {
|
||||||
name = constructor.prototype.widgetName;
|
name = constructor.prototype.widgetName;
|
||||||
|
|
||||||
constructor.initSelector = ( ( constructor.prototype.initSelector !== undefined ) ?
|
constructor.initSelector = ( ( constructor.prototype.initSelector !== undefined ) ?
|
||||||
constructor.prototype.initSelector : ":jqmData(role='" + name + "')" );
|
constructor.prototype.initSelector : "*[data-role='" + name + "']" );
|
||||||
|
|
||||||
$.mobile.widgets[ name ] = constructor;
|
$.mobile.widgets[ name ] = constructor;
|
||||||
|
|
||||||
|
|
@ -4548,7 +4548,7 @@ $.fn.grid = function( options ) {
|
||||||
element: ( baseElement.length ? baseElement :
|
element: ( baseElement.length ? baseElement :
|
||||||
$( "<base>", { href: $.mobile.path.documentBase.hrefNoHash } ).prependTo( $( "head" ) ) ),
|
$( "<base>", { href: $.mobile.path.documentBase.hrefNoHash } ).prependTo( $( "head" ) ) ),
|
||||||
|
|
||||||
linkSelector: "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]",
|
linkSelector: "[src], link[href], a[rel='external'], *[data-ajax='false'], a[target]",
|
||||||
|
|
||||||
// set the generated BASE element's href to a new page's base path
|
// set the generated BASE element's href to a new page's base path
|
||||||
set: function( href ) {
|
set: function( href ) {
|
||||||
|
|
@ -5563,7 +5563,6 @@ $.fn.grid = function( options ) {
|
||||||
_cssTransition: function( to, from, options ) {
|
_cssTransition: function( to, from, options ) {
|
||||||
var transition = options.transition,
|
var transition = options.transition,
|
||||||
reverse = options.reverse,
|
reverse = options.reverse,
|
||||||
deferred = options.deferred,
|
|
||||||
TransitionHandler,
|
TransitionHandler,
|
||||||
promise;
|
promise;
|
||||||
|
|
||||||
|
|
@ -5579,11 +5578,6 @@ $.fn.grid = function( options ) {
|
||||||
promise.done( $.proxy( function() {
|
promise.done( $.proxy( function() {
|
||||||
this._triggerCssTransitionEvents( to, from );
|
this._triggerCssTransitionEvents( to, from );
|
||||||
}, this ));
|
}, this ));
|
||||||
|
|
||||||
// TODO temporary accomodation of argument deferred
|
|
||||||
promise.done(function() {
|
|
||||||
deferred.resolve.apply( deferred, arguments );
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
|
||||||
_releaseTransitionLock: function() {
|
_releaseTransitionLock: function() {
|
||||||
|
|
@ -5722,20 +5716,7 @@ $.fn.grid = function( options ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// DEPRECATED - this call only, in favor of the before transition
|
|
||||||
// if the page beforechange default is prevented return early
|
|
||||||
if ( !this._triggerPageBeforeChange(toPage, triggerData, settings) ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
triggerData.prevPage = settings.fromPage;
|
triggerData.prevPage = settings.fromPage;
|
||||||
// if the (content|page)beforetransition default is prevented return early
|
|
||||||
// Note, we have to check for both the deprecated and new events
|
|
||||||
beforeTransition = this._triggerWithDeprecated( "beforetransition", triggerData );
|
|
||||||
if (beforeTransition.deprecatedEvent.isDefaultPrevented() ||
|
|
||||||
beforeTransition.event.isDefaultPrevented() ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set the isPageTransitioning flag to prevent any requests from
|
// Set the isPageTransitioning flag to prevent any requests from
|
||||||
// entering this method while we are in the midst of loading a page
|
// entering this method while we are in the midst of loading a page
|
||||||
|
|
@ -5806,23 +5787,6 @@ $.fn.grid = function( options ) {
|
||||||
historyDir = settings.direction === "back" ? -1 : 1;
|
historyDir = settings.direction === "back" ? -1 : 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 delegate()
|
|
||||||
// handler so we already have the element in hand at this
|
|
||||||
// point.
|
|
||||||
// Wrap this in a try/catch block since IE9 throw "Unspecified error" if
|
|
||||||
// document.activeElement is undefined when we are in an IFrame.
|
|
||||||
try {
|
|
||||||
if ( document.activeElement &&
|
|
||||||
document.activeElement.nodeName.toLowerCase() !== "body" ) {
|
|
||||||
|
|
||||||
$( document.activeElement ).blur();
|
|
||||||
} else {
|
|
||||||
$( "input:focus, textarea:focus, select:focus" ).blur();
|
|
||||||
}
|
|
||||||
} catch( e ) {}
|
|
||||||
|
|
||||||
// Record whether we are at a place in history where a dialog used to be -
|
// Record whether we are at a place in history where a dialog used to be -
|
||||||
// if so, do not add a new history entry and do not change the hash either
|
// if so, do not add a new history entry and do not change the hash either
|
||||||
alreadyThere = false;
|
alreadyThere = false;
|
||||||
|
|
@ -5867,8 +5831,7 @@ $.fn.grid = function( options ) {
|
||||||
// if title element wasn't found, try the page div data attr too
|
// if title element wasn't found, try the page div data attr too
|
||||||
// If this is a deep-link or a reload ( active === undefined ) then just
|
// If this is a deep-link or a reload ( active === undefined ) then just
|
||||||
// use pageTitle
|
// use pageTitle
|
||||||
newPageTitle = ( !active ) ? pageTitle : toPage.jqmData( "title" ) ||
|
newPageTitle = ( !active ) ? pageTitle : toPage.jqmData( "title" );
|
||||||
toPage.children( ":jqmData(role='header')" ).find( ".ui-title" ).text();
|
|
||||||
if ( !!newPageTitle && pageTitle === document.title ) {
|
if ( !!newPageTitle && pageTitle === document.title ) {
|
||||||
pageTitle = newPageTitle;
|
pageTitle = newPageTitle;
|
||||||
}
|
}
|
||||||
|
|
@ -5922,32 +5885,27 @@ $.fn.grid = function( options ) {
|
||||||
// If we're navigating back in the URL history, set reverse accordingly.
|
// If we're navigating back in the URL history, set reverse accordingly.
|
||||||
settings.reverse = settings.reverse || historyDir < 0;
|
settings.reverse = settings.reverse || historyDir < 0;
|
||||||
|
|
||||||
cssTransitionDeferred = $.Deferred();
|
|
||||||
|
|
||||||
this._cssTransition(toPage, fromPage, {
|
this._cssTransition(toPage, fromPage, {
|
||||||
transition: settings.transition,
|
transition: settings.transition,
|
||||||
reverse: settings.reverse,
|
reverse: settings.reverse
|
||||||
deferred: cssTransitionDeferred
|
|
||||||
});
|
});
|
||||||
|
|
||||||
cssTransitionDeferred.done($.proxy(function( name, reverse, $to, $from, alreadyFocused ) {
|
|
||||||
$.mobile.removeActiveLinkClass();
|
$.mobile.removeActiveLinkClass();
|
||||||
|
|
||||||
//if there's a duplicateCachedPage, remove it from the DOM now that it's hidden
|
//if there's a duplicateCachedPage, remove it from the DOM now that it's hidden
|
||||||
if ( settings.duplicateCachedPage ) {
|
if (settings.duplicateCachedPage) {
|
||||||
settings.duplicateCachedPage.remove();
|
settings.duplicateCachedPage.remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
// despite visibility: hidden addresses issue #2965
|
// despite visibility: hidden addresses issue #2965
|
||||||
// https://github.com/jquery/jquery-mobile/issues/2965
|
// https://github.com/jquery/jquery-mobile/issues/2965
|
||||||
if ( !alreadyFocused ) {
|
//if (!alreadyFocused) {
|
||||||
$.mobile.focusPage( toPage );
|
// $.mobile.focusPage(toPage);
|
||||||
}
|
//}
|
||||||
|
|
||||||
this._releaseTransitionLock();
|
this._releaseTransitionLock();
|
||||||
this._triggerWithDeprecated( "transition", triggerData );
|
this._triggerWithDeprecated("transition", triggerData);
|
||||||
this._triggerWithDeprecated( "change", triggerData );
|
this._triggerWithDeprecated("change", triggerData);
|
||||||
}, this));
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// determine the current base url
|
// determine the current base url
|
||||||
|
|
@ -6293,7 +6251,7 @@ $.fn.grid = function( options ) {
|
||||||
}
|
}
|
||||||
|
|
||||||
//if there's a data-rel=back attr, go back in history
|
//if there's a data-rel=back attr, go back in history
|
||||||
if ( $link.is( ":jqmData(rel='back')" ) ) {
|
if ( $link.is( "[data-rel='back']" ) ) {
|
||||||
$.mobile.back();
|
$.mobile.back();
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
@ -6337,7 +6295,7 @@ $.fn.grid = function( options ) {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Should we handle this link, or let the browser deal with it?
|
// Should we handle this link, or let the browser deal with it?
|
||||||
useDefaultUrlHandling = $link.is( "[rel='external']" ) || $link.is( ":jqmData(ajax='false')" ) || $link.is( "[target]" );
|
useDefaultUrlHandling = $link.is( "[rel='external']" ) || $link.is( "[data-ajax='false']" ) || $link.is( "[target]" );
|
||||||
|
|
||||||
// Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR
|
// 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.
|
// requests if the document doing the request was loaded via the file:// protocol.
|
||||||
|
|
@ -6373,7 +6331,7 @@ $.fn.grid = function( options ) {
|
||||||
//prefetch pages when anchors with data-prefetch are encountered
|
//prefetch pages when anchors with data-prefetch are encountered
|
||||||
$.mobile.document.delegate( ".ui-page", "pageshow.prefetch", function() {
|
$.mobile.document.delegate( ".ui-page", "pageshow.prefetch", function() {
|
||||||
var urls = [];
|
var urls = [];
|
||||||
$( this ).find( "a:jqmData(prefetch)" ).each(function() {
|
$( this ).find( "a[data-prefetch]" ).each(function() {
|
||||||
var $link = $( this ),
|
var $link = $( this ),
|
||||||
url = $link.attr( "href" );
|
url = $link.attr( "href" );
|
||||||
|
|
||||||
|
|
@ -6453,7 +6411,7 @@ $.fn.grid = function( options ) {
|
||||||
initializePage: function() {
|
initializePage: function() {
|
||||||
// find present pages
|
// find present pages
|
||||||
var path = $.mobile.path,
|
var path = $.mobile.path,
|
||||||
$pages = $( ":jqmData(role='page'), :jqmData(role='dialog')" ),
|
$pages = $("*[data-role='page'], *[data-role='dialog']"),
|
||||||
hash = path.stripHash( path.stripQueryParams(path.parseLocation().hash) ),
|
hash = path.stripHash( path.stripQueryParams(path.parseLocation().hash) ),
|
||||||
theLocation = $.mobile.path.parseLocation(),
|
theLocation = $.mobile.path.parseLocation(),
|
||||||
hashPage = hash ? document.getElementById( hash ) : undefined;
|
hashPage = hash ? document.getElementById( hash ) : undefined;
|
||||||
|
|
@ -6503,7 +6461,7 @@ $.fn.grid = function( options ) {
|
||||||
// Remember, however, that the hash can also be a path!
|
// Remember, however, that the hash can also be a path!
|
||||||
if ( ! ( $.mobile.hashListeningEnabled &&
|
if ( ! ( $.mobile.hashListeningEnabled &&
|
||||||
$.mobile.path.isHashValid( location.hash ) &&
|
$.mobile.path.isHashValid( location.hash ) &&
|
||||||
( $( hashPage ).is( ":jqmData(role='page')" ) ||
|
( $( hashPage ).is( "[data-role='page']" ) ||
|
||||||
$.mobile.path.isPath( hash ) ||
|
$.mobile.path.isPath( hash ) ||
|
||||||
hash === $.mobile.dialogHashKey ) ) ) {
|
hash === $.mobile.dialogHashKey ) ) ) {
|
||||||
|
|
||||||
|
|
@ -6588,7 +6546,7 @@ $.mobile.links = function( target ) {
|
||||||
$( target )
|
$( target )
|
||||||
.find( "a" )
|
.find( "a" )
|
||||||
.jqmEnhanceable()
|
.jqmEnhanceable()
|
||||||
.filter( ":jqmData(rel='popup')[href][href!='']" )
|
.filter( "[data-rel='popup'][href][href!='']" )
|
||||||
.each( function() {
|
.each( function() {
|
||||||
// Accessibility info for popups
|
// Accessibility info for popups
|
||||||
var element = this,
|
var element = this,
|
||||||
|
|
@ -6601,7 +6559,7 @@ $.mobile.links = function( target ) {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.end()
|
.end()
|
||||||
.not( ".ui-btn, :jqmData(role='none'), :jqmData(role='nojs')" )
|
.not( ".ui-btn, [data-role='none'], [data-role='nojs']" )
|
||||||
.addClass( "ui-link" );
|
.addClass( "ui-link" );
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
@ -7219,9 +7177,9 @@ $.widget( "mobile.controlgroup", $.extend( {
|
||||||
$.widget( "mobile.textinput", {
|
$.widget( "mobile.textinput", {
|
||||||
initSelector: "input[type='text']," +
|
initSelector: "input[type='text']," +
|
||||||
"input[type='search']," +
|
"input[type='search']," +
|
||||||
":jqmData(type='search')," +
|
"*[data-type='search']," +
|
||||||
"input[type='number']," +
|
"input[type='number']," +
|
||||||
":jqmData(type='number')," +
|
"*[data-type='number']," +
|
||||||
"input[type='password']," +
|
"input[type='password']," +
|
||||||
"input[type='email']," +
|
"input[type='email']," +
|
||||||
"input[type='url']," +
|
"input[type='url']," +
|
||||||
|
|
@ -7725,7 +7683,7 @@ var escapeId = $.mobile.path.hashToSelector;
|
||||||
|
|
||||||
$.widget( "mobile.checkboxradio", $.extend( {
|
$.widget( "mobile.checkboxradio", $.extend( {
|
||||||
|
|
||||||
initSelector: "input:not( :jqmData(role='flipswitch' ) )[type='checkbox'],input[type='radio']:not( :jqmData(role='flipswitch' ))",
|
initSelector: "input[type='checkbox'],input[type='radio']",
|
||||||
|
|
||||||
options: {
|
options: {
|
||||||
theme: "inherit",
|
theme: "inherit",
|
||||||
|
|
@ -8069,230 +8027,8 @@ $.widget( "mobile.checkboxradio", $.extend( {
|
||||||
|
|
||||||
(function( $, undefined ) {
|
(function( $, undefined ) {
|
||||||
|
|
||||||
$.widget( "mobile.flipswitch", $.extend({
|
|
||||||
|
|
||||||
options: {
|
|
||||||
onText: "On",
|
|
||||||
offText: "Off",
|
|
||||||
theme: null,
|
|
||||||
enhanced: false,
|
|
||||||
wrapperClass: null,
|
|
||||||
corners: true,
|
|
||||||
mini: false
|
|
||||||
},
|
|
||||||
|
|
||||||
_create: function() {
|
|
||||||
if ( !this.options.enhanced ) {
|
|
||||||
this._enhance();
|
|
||||||
} else {
|
|
||||||
$.extend( this, {
|
|
||||||
flipswitch: this.element.parent(),
|
|
||||||
on: this.element.find( ".ui-flipswitch-on" ).eq( 0 ),
|
|
||||||
off: this.element.find( ".ui-flipswitch-off" ).eq(0),
|
|
||||||
type: this.element.get( 0 ).tagName
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
this._handleFormReset();
|
|
||||||
|
|
||||||
// Transfer tabindex to "on" element and make input unfocusable
|
|
||||||
this._originalTabIndex = this.element.attr( "tabindex" );
|
|
||||||
if ( this._originalTabIndex != null ) {
|
|
||||||
this.on.attr( "tabindex", this._originalTabIndex );
|
|
||||||
}
|
|
||||||
this.element.attr( "tabindex", "-1" );
|
|
||||||
this._on({
|
|
||||||
"focus" : "_handleInputFocus"
|
|
||||||
});
|
|
||||||
|
|
||||||
if ( this.element.is( ":disabled" ) ) {
|
|
||||||
this._setOptions({
|
|
||||||
"disabled": true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
this._on( this.flipswitch, {
|
|
||||||
"click": "_toggle",
|
|
||||||
"swipeleft": "_left",
|
|
||||||
"swiperight": "_right"
|
|
||||||
});
|
|
||||||
|
|
||||||
this._on( this.on, {
|
|
||||||
"keydown": "_keydown"
|
|
||||||
});
|
|
||||||
|
|
||||||
this._on( {
|
|
||||||
"change": "refresh"
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_handleInputFocus: function() {
|
|
||||||
this.on.focus();
|
|
||||||
},
|
|
||||||
|
|
||||||
widget: function() {
|
|
||||||
return this.flipswitch;
|
|
||||||
},
|
|
||||||
|
|
||||||
_left: function() {
|
|
||||||
this.flipswitch.removeClass( "ui-flipswitch-active" );
|
|
||||||
if ( this.type === "SELECT" ) {
|
|
||||||
this.element.get( 0 ).selectedIndex = 0;
|
|
||||||
} else {
|
|
||||||
this.element.prop( "checked", false );
|
|
||||||
}
|
|
||||||
this.element.trigger( "change" );
|
|
||||||
},
|
|
||||||
|
|
||||||
_right: function() {
|
|
||||||
this.flipswitch.addClass( "ui-flipswitch-active" );
|
|
||||||
if ( this.type === "SELECT" ) {
|
|
||||||
this.element.get( 0 ).selectedIndex = 1;
|
|
||||||
} else {
|
|
||||||
this.element.prop( "checked", true );
|
|
||||||
}
|
|
||||||
this.element.trigger( "change" );
|
|
||||||
},
|
|
||||||
|
|
||||||
_enhance: function() {
|
|
||||||
var flipswitch = $( "<div>" ),
|
|
||||||
options = this.options,
|
|
||||||
element = this.element,
|
|
||||||
theme = options.theme ? options.theme : "inherit",
|
|
||||||
|
|
||||||
// The "on" button is an anchor so it's focusable
|
|
||||||
on = $( "<a></a>", {
|
|
||||||
"href": "#"
|
|
||||||
}),
|
|
||||||
off = $( "<span></span>" ),
|
|
||||||
type = element.get( 0 ).tagName,
|
|
||||||
onText = ( type === "INPUT" ) ?
|
|
||||||
options.onText : element.find( "option" ).eq( 1 ).text(),
|
|
||||||
offText = ( type === "INPUT" ) ?
|
|
||||||
options.offText : element.find( "option" ).eq( 0 ).text();
|
|
||||||
|
|
||||||
on
|
|
||||||
.addClass( "ui-flipswitch-on ui-btn ui-shadow ui-btn-inherit" )
|
|
||||||
.text( onText );
|
|
||||||
off
|
|
||||||
.addClass( "ui-flipswitch-off" )
|
|
||||||
.text( offText );
|
|
||||||
|
|
||||||
flipswitch
|
|
||||||
.addClass( "ui-flipswitch ui-shadow-inset " +
|
|
||||||
"ui-bar-" + theme + " " +
|
|
||||||
( options.wrapperClass ? options.wrapperClass : "" ) + " " +
|
|
||||||
( ( element.is( ":checked" ) ||
|
|
||||||
element
|
|
||||||
.find( "option" )
|
|
||||||
.eq( 1 )
|
|
||||||
.is( ":selected" ) ) ? "ui-flipswitch-active" : "" ) +
|
|
||||||
( element.is(":disabled") ? " ui-state-disabled": "") +
|
|
||||||
( options.corners ? " ui-corner-all": "" ) +
|
|
||||||
( options.mini ? " ui-mini": "" ) )
|
|
||||||
.append( on, off );
|
|
||||||
|
|
||||||
element
|
|
||||||
.addClass( "ui-flipswitch-input" )
|
|
||||||
.after( flipswitch )
|
|
||||||
.appendTo( flipswitch );
|
|
||||||
|
|
||||||
$.extend( this, {
|
|
||||||
flipswitch: flipswitch,
|
|
||||||
on: on,
|
|
||||||
off: off,
|
|
||||||
type: type
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_reset: function() {
|
|
||||||
this.refresh();
|
|
||||||
},
|
|
||||||
|
|
||||||
refresh: function() {
|
|
||||||
var direction,
|
|
||||||
existingDirection = this.flipswitch.hasClass( "ui-flipswitch-active" ) ? "_right" : "_left";
|
|
||||||
|
|
||||||
if ( this.type === "SELECT" ) {
|
|
||||||
direction = ( this.element.get( 0 ).selectedIndex > 0 ) ? "_right": "_left";
|
|
||||||
} else {
|
|
||||||
direction = this.element.prop( "checked" ) ? "_right": "_left";
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( direction !== existingDirection ) {
|
|
||||||
this[ direction ]();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_toggle: function() {
|
|
||||||
var direction = this.flipswitch.hasClass( "ui-flipswitch-active" ) ? "_left" : "_right";
|
|
||||||
|
|
||||||
this[ direction ]();
|
|
||||||
},
|
|
||||||
|
|
||||||
_keydown: function( e ) {
|
|
||||||
if ( e.which === $.mobile.keyCode.LEFT ) {
|
|
||||||
this._left();
|
|
||||||
} else if ( e.which === $.mobile.keyCode.RIGHT ) {
|
|
||||||
this._right();
|
|
||||||
} else if ( e.which === $.mobile.keyCode.SPACE ) {
|
|
||||||
this._toggle();
|
|
||||||
e.preventDefault();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_setOptions: function( options ) {
|
|
||||||
if ( options.theme !== undefined ) {
|
|
||||||
var currentTheme = options.theme ? options.theme : "inherit",
|
|
||||||
newTheme = options.theme ? options.theme : "inherit";
|
|
||||||
|
|
||||||
this.widget()
|
|
||||||
.removeClass( "ui-bar-" + currentTheme )
|
|
||||||
.addClass( "ui-bar-" + newTheme );
|
|
||||||
}
|
|
||||||
if ( options.onText !== undefined ) {
|
|
||||||
this.on.text( options.onText );
|
|
||||||
}
|
|
||||||
if ( options.offText !== undefined ) {
|
|
||||||
this.off.text( options.offText );
|
|
||||||
}
|
|
||||||
if ( options.disabled !== undefined ) {
|
|
||||||
this.widget().toggleClass( "ui-state-disabled", options.disabled );
|
|
||||||
}
|
|
||||||
if ( options.mini !== undefined ) {
|
|
||||||
this.widget().toggleClass( "ui-mini", options.mini );
|
|
||||||
}
|
|
||||||
if ( options.corners !== undefined ) {
|
|
||||||
this.widget().toggleClass( "ui-corner-all", options.corners );
|
|
||||||
}
|
|
||||||
|
|
||||||
this._super( options );
|
|
||||||
},
|
|
||||||
|
|
||||||
_destroy: function() {
|
|
||||||
if ( this.options.enhanced ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if ( this._originalTabIndex != null ) {
|
|
||||||
this.element.attr( "tabindex", this._originalTabIndex );
|
|
||||||
} else {
|
|
||||||
this.element.removeAttr( "tabindex" );
|
|
||||||
}
|
|
||||||
this.on.remove();
|
|
||||||
this.off.remove();
|
|
||||||
this.element.unwrap();
|
|
||||||
this.flipswitch.remove();
|
|
||||||
this.removeClass( "ui-flipswitch-input" );
|
|
||||||
}
|
|
||||||
|
|
||||||
}, $.mobile.behaviors.formReset ) );
|
|
||||||
|
|
||||||
})( jQuery );
|
|
||||||
|
|
||||||
(function( $, undefined ) {
|
|
||||||
|
|
||||||
$.widget( "mobile.slider", $.extend( {
|
$.widget( "mobile.slider", $.extend( {
|
||||||
initSelector: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')",
|
initSelector: "input[type='range'], *[data-type='range'], *[data-role='slider']",
|
||||||
|
|
||||||
widgetEventPrefix: "slide",
|
widgetEventPrefix: "slide",
|
||||||
|
|
||||||
|
|
@ -9133,7 +8869,7 @@ $.widget( "mobile.slider", $.extend( {
|
||||||
(function( $, undefined ) {
|
(function( $, undefined ) {
|
||||||
|
|
||||||
$.widget( "mobile.selectmenu", $.extend( {
|
$.widget( "mobile.selectmenu", $.extend( {
|
||||||
initSelector: "select:not( :jqmData(role='slider')):not( :jqmData(role='flipswitch') )",
|
initSelector: "select:not( [data-role='slider'])",
|
||||||
|
|
||||||
options: {
|
options: {
|
||||||
theme: null,
|
theme: null,
|
||||||
|
|
@ -9749,70 +9485,6 @@ $.widget( "mobile.listview", $.extend( {
|
||||||
|
|
||||||
(function( $, undefined ) {
|
(function( $, undefined ) {
|
||||||
|
|
||||||
$.widget( "mobile.navbar", {
|
|
||||||
options: {
|
|
||||||
iconpos: "top",
|
|
||||||
grid: null
|
|
||||||
},
|
|
||||||
|
|
||||||
_create: function() {
|
|
||||||
|
|
||||||
var $navbar = this.element,
|
|
||||||
$navbtns = $navbar.find( "a, button" ),
|
|
||||||
iconpos = $navbtns.filter( ":jqmData(icon)" ).length ? this.options.iconpos : undefined;
|
|
||||||
|
|
||||||
$navbar.addClass( "ui-navbar" )
|
|
||||||
.attr( "role", "navigation" )
|
|
||||||
.find( "ul" )
|
|
||||||
.jqmEnhanceable()
|
|
||||||
.grid({ grid: this.options.grid });
|
|
||||||
|
|
||||||
$navbtns
|
|
||||||
.each( function() {
|
|
||||||
var icon = $.mobile.getAttribute( this, "icon" ),
|
|
||||||
theme = $.mobile.getAttribute( this, "theme" ),
|
|
||||||
classes = "ui-btn";
|
|
||||||
|
|
||||||
if ( theme ) {
|
|
||||||
classes += " ui-btn-" + theme;
|
|
||||||
}
|
|
||||||
if ( icon ) {
|
|
||||||
classes += " ui-icon-" + icon + " ui-btn-icon-" + iconpos;
|
|
||||||
}
|
|
||||||
$( this ).addClass( classes );
|
|
||||||
});
|
|
||||||
|
|
||||||
$navbar.delegate( "a", "vclick", function( /* event */ ) {
|
|
||||||
var activeBtn = $( this );
|
|
||||||
|
|
||||||
if ( !( activeBtn.hasClass( "ui-state-disabled" ) ||
|
|
||||||
|
|
||||||
// DEPRECATED as of 1.4.0 - remove after 1.4.0 release
|
|
||||||
// only ui-state-disabled should be present thereafter
|
|
||||||
activeBtn.hasClass( "ui-disabled" ) ||
|
|
||||||
activeBtn.hasClass( $.mobile.activeBtnClass ) ) ) {
|
|
||||||
|
|
||||||
$navbtns.removeClass( $.mobile.activeBtnClass );
|
|
||||||
activeBtn.addClass( $.mobile.activeBtnClass );
|
|
||||||
|
|
||||||
// The code below is a workaround to fix #1181
|
|
||||||
$( document ).one( "pagehide", function() {
|
|
||||||
activeBtn.removeClass( $.mobile.activeBtnClass );
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Buttons in the navbar with ui-state-persist class should regain their active state before page show
|
|
||||||
$navbar.closest( ".ui-page" ).bind( "pagebeforeshow", function() {
|
|
||||||
$navbtns.filter( ".ui-state-persist" ).addClass( $.mobile.activeBtnClass );
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
})( jQuery );
|
|
||||||
|
|
||||||
(function( $, undefined ) {
|
|
||||||
|
|
||||||
$.widget( "mobile.panel", {
|
$.widget( "mobile.panel", {
|
||||||
options: {
|
options: {
|
||||||
classes: {
|
classes: {
|
||||||
|
|
|
||||||
|
|
@ -1021,87 +1021,6 @@ textarea.ui-input-text.ui-textinput-autogrow {
|
||||||
clip: rect(1px,1px,1px,1px);
|
clip: rect(1px,1px,1px,1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-flipswitch {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 5.875em; /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
|
|
||||||
height: 1.875em;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
margin: .5em 0;
|
|
||||||
overflow: hidden;
|
|
||||||
-webkit-transition-property: padding, width, background-color, color, border-color;
|
|
||||||
-moz-transition-property: padding, width, background-color, color, border-color;
|
|
||||||
-o-transition-property: padding, width, background-color, color, border-color;
|
|
||||||
transition-property: padding, width, background-color, color, border-color;
|
|
||||||
-webkit-transition-duration: 100ms;
|
|
||||||
-moz-transition-duration: 100ms;
|
|
||||||
-o-transition-duration: 100ms;
|
|
||||||
transition-duration: 100ms;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.ui-flipswitch.ui-flipswitch-active {
|
|
||||||
padding-left: 4em; /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
|
|
||||||
width: 1.875em;
|
|
||||||
}
|
|
||||||
.ui-flipswitch-input {
|
|
||||||
position: absolute;
|
|
||||||
height: 1px;
|
|
||||||
width: 1px;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(1px,1px,1px,1px);
|
|
||||||
border: 0;
|
|
||||||
outline: 0;
|
|
||||||
filter: Alpha(Opacity=0);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.ui-flipswitch .ui-btn.ui-flipswitch-on,
|
|
||||||
.ui-flipswitch .ui-flipswitch-off {
|
|
||||||
float: left;
|
|
||||||
height: 1.75em;
|
|
||||||
margin: .0625em;
|
|
||||||
line-height: 1.65em;
|
|
||||||
}
|
|
||||||
.ui-flipswitch .ui-btn.ui-flipswitch-on {
|
|
||||||
width: 1.75em;
|
|
||||||
padding: 0;
|
|
||||||
text-indent: -2.6em; /* Override this to center text if you use a label other than "on" */
|
|
||||||
text-align: left;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-radius: inherit;
|
|
||||||
overflow: visible;
|
|
||||||
color: inherit;
|
|
||||||
text-shadow: inherit;
|
|
||||||
}
|
|
||||||
.ui-flipswitch .ui-flipswitch-off {
|
|
||||||
padding: 1px;
|
|
||||||
text-indent: 1em; /* Override this to center text if you use a label other than "off" */
|
|
||||||
}
|
|
||||||
/* Override field container CSS to prevent the flipswitch from becomming full width */
|
|
||||||
html .ui-field-contain > label + .ui-flipswitch,
|
|
||||||
html .ui-popup .ui-field-contain > label + .ui-flipswitch {
|
|
||||||
display: inline-block;
|
|
||||||
width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
|
|
||||||
-webkit-box-sizing: content-box;
|
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
.ui-field-contain .ui-flipswitch.ui-flipswitch-active,
|
|
||||||
.ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
|
|
||||||
width: 1.875em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.ui-rangeslider {
|
.ui-rangeslider {
|
||||||
margin: .5em 0;
|
margin: .5em 0;
|
||||||
}
|
}
|
||||||
|
|
@ -1900,98 +1819,6 @@ ol.ui-listview > li img:first-child + * ~ * {
|
||||||
text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
|
text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.ui-navbar {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
.ui-navbar ul:before,
|
|
||||||
.ui-navbar ul:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
}
|
|
||||||
.ui-navbar ul:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.ui-navbar ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
border: 0;
|
|
||||||
max-width: 100%;
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.ui-navbar li .ui-btn {
|
|
||||||
font-size: 12.5px;
|
|
||||||
display: block;
|
|
||||||
margin: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
}
|
|
||||||
.ui-header .ui-navbar li button.ui-btn,
|
|
||||||
.ui-footer .ui-navbar li button.ui-btn {
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.ui-navbar .ui-btn:focus {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* fixes gaps caused by subpixel problem */
|
|
||||||
.ui-navbar li:last-child .ui-btn {
|
|
||||||
margin-right: -4px;
|
|
||||||
}
|
|
||||||
.ui-navbar li:last-child .ui-btn:after {
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-content .ui-navbar li:last-child .ui-btn,
|
|
||||||
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn {
|
|
||||||
border-right-width: 1px;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.ui-content .ui-navbar li:last-child .ui-btn:after,
|
|
||||||
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn {
|
|
||||||
border-right-width: 1px;
|
|
||||||
margin-right: -1px;
|
|
||||||
}
|
|
||||||
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after {
|
|
||||||
margin-right: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-navbar .ui-grid-duo .ui-btn {
|
|
||||||
border-top-width: 0;
|
|
||||||
}
|
|
||||||
.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
|
|
||||||
.ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
|
|
||||||
border-top-width: 1px;
|
|
||||||
}
|
|
||||||
.ui-header .ui-navbar .ui-btn,
|
|
||||||
.ui-footer .ui-navbar .ui-btn {
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
|
||||||
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
|
|
||||||
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
|
|
||||||
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
|
|
||||||
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
|
|
||||||
border-top-width: 0;
|
|
||||||
}
|
|
||||||
.ui-header .ui-title ~ .ui-navbar .ui-btn,
|
|
||||||
.ui-footer .ui-title ~ .ui-navbar .ui-btn,
|
|
||||||
.ui-header .ui-navbar .ui-grid-duo .ui-btn,
|
|
||||||
.ui-footer .ui-navbar .ui-grid-duo .ui-btn,
|
|
||||||
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
|
|
||||||
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
|
|
||||||
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
|
|
||||||
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
|
|
||||||
border-top-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Panel */
|
/* Panel */
|
||||||
.ui-panel {
|
.ui-panel {
|
||||||
width: 17em;
|
width: 17em;
|
||||||
|
|
|
||||||
|
|
@ -101,8 +101,6 @@ label.ui-btn {
|
||||||
.ui-btn.ui-corner-all,
|
.ui-btn.ui-corner-all,
|
||||||
/* Slider track */
|
/* Slider track */
|
||||||
.ui-slider-track.ui-corner-all,
|
.ui-slider-track.ui-corner-all,
|
||||||
/* Flipswitch */
|
|
||||||
.ui-flipswitch.ui-corner-all,
|
|
||||||
/* Count bubble */
|
/* Count bubble */
|
||||||
.ui-li-count {
|
.ui-li-count {
|
||||||
-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
|
-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
|
||||||
|
|
@ -353,12 +351,6 @@ html .ui-bar-a .ui-checkbox-on:after,
|
||||||
html .ui-body-a .ui-checkbox-on:after,
|
html .ui-body-a .ui-checkbox-on:after,
|
||||||
html body .ui-group-theme-a .ui-checkbox-on:after,
|
html body .ui-group-theme-a .ui-checkbox-on:after,
|
||||||
.ui-btn.ui-checkbox-on.ui-btn-a:after,
|
.ui-btn.ui-checkbox-on.ui-btn-a:after,
|
||||||
/* Active flipswitch background */
|
|
||||||
.ui-page-theme-a .ui-flipswitch-active,
|
|
||||||
html .ui-bar-a .ui-flipswitch-active,
|
|
||||||
html .ui-body-a .ui-flipswitch-active,
|
|
||||||
html body .ui-group-theme-a .ui-flipswitch-active,
|
|
||||||
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
|
|
||||||
/* Active slider track */
|
/* Active slider track */
|
||||||
.ui-page-theme-a .ui-slider-track .ui-btn-active,
|
.ui-page-theme-a .ui-slider-track .ui-btn-active,
|
||||||
html .ui-bar-a .ui-slider-track .ui-btn-active,
|
html .ui-bar-a .ui-slider-track .ui-btn-active,
|
||||||
|
|
@ -523,12 +515,6 @@ html .ui-bar-b .ui-checkbox-on:after,
|
||||||
html .ui-body-b .ui-checkbox-on:after,
|
html .ui-body-b .ui-checkbox-on:after,
|
||||||
html body .ui-group-theme-b .ui-checkbox-on:after,
|
html body .ui-group-theme-b .ui-checkbox-on:after,
|
||||||
.ui-btn.ui-checkbox-on.ui-btn-b:after,
|
.ui-btn.ui-checkbox-on.ui-btn-b:after,
|
||||||
/* Active flipswitch background */
|
|
||||||
.ui-page-theme-b .ui-flipswitch-active,
|
|
||||||
html .ui-bar-b .ui-flipswitch-active,
|
|
||||||
html .ui-body-b .ui-flipswitch-active,
|
|
||||||
html body .ui-group-theme-b .ui-flipswitch-active,
|
|
||||||
html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
|
|
||||||
/* Active slider track */
|
/* Active slider track */
|
||||||
.ui-page-theme-b .ui-slider-track .ui-btn-active,
|
.ui-page-theme-b .ui-slider-track .ui-btn-active,
|
||||||
html .ui-bar-b .ui-slider-track .ui-btn-active,
|
html .ui-bar-b .ui-slider-track .ui-btn-active,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue