Add jquery.findWithParent to Thanks

Thanks has an implicit dependency on jquery.findWithParent.
It often fails because it is not yet loaded.
Adding it locally so it is self-contained. It is not
Flow's responsibility to provide such low-level utilities
to other extensions.

Bug: T116146
Change-Id: Id74e77b5fb81d5da8cb6dd97fd1b90e5d974ae82
This commit is contained in:
Stephane Bisson 2015-10-27 07:15:43 -04:00
parent 7dd805ee60
commit 7a987af51c
2 changed files with 65 additions and 0 deletions

View file

@ -129,6 +129,13 @@ $wgResourceModules['ext.thanks.mobilediff'] = array(
'localBasePath' => __DIR__ . '/modules',
'remoteExtPath' => 'Thanks/modules',
);
$wgResourceModules['ext.thanks.jquery.findWithParent'] = array(
'scripts' => array(
'jquery.findWithParent.js',
),
'localBasePath' => __DIR__ . '/modules',
'remoteExtPath' => 'Thanks/modules',
);
$wgResourceModules['ext.thanks.flowthank'] = array(
'scripts' => array(
'ext.thanks.flowthank.js',
@ -141,6 +148,7 @@ $wgResourceModules['ext.thanks.flowthank'] = array(
'dependencies' => array(
'mediawiki.jqueryMsg',
'mediawiki.api',
'ext.thanks.jquery.findWithParent',
'ext.thanks',
),
'localBasePath' => __DIR__ . '/modules',

View file

@ -0,0 +1,57 @@
( function ( $ ) {
/** @class jQuery */
/**
* Gives support to find parent elements using .closest with less-than selector syntax.
*
* $.findWithParent( $div, "< html div < body" ); // find closest parent of $div "html", find child "div" of it, find closest parent "body" of that, return "body"
* $( '#foo' ).findWithParent( '.bar < .baz' ); // find child ".bar" of "#foo", return closest parent ".baz" from there
*
* @method findWithParent
* @param {jQuery|HTMLElement|string} $context
* @param {string} selector
* @return {jQuery}
*/
function jQueryFindWithParent( $context, selector ) {
var matches;
$context = $( $context );
selector = $.trim( selector );
while ( selector && ( matches = selector.match( /(.*?(?:^|[>\s+~]))(<\s*[^>\s+~]+)(.*?)$/ ) ) ) {
if ( $.trim( matches[ 1 ] ) ) {
$context = $context.find( matches[ 1 ] );
}
if ( $.trim( matches[ 2 ] ) ) {
$context = $context.closest( matches[ 2 ].substr( 1 ) );
}
selector = $.trim( matches[ 3 ] );
}
if ( selector ) {
$context = $context.find( selector );
}
return $context;
}
$.findWithParent = jQueryFindWithParent;
/** @class jQuery.fn */
/**
* @param {string} selector
* @return {jQuery}
* @see jQuery#findWithParent
*/
$.fn.findWithParent = function ( selector ) {
var selectors = selector.split( ',' ),
$elements = $(),
self = this;
$.each( selectors, function ( i, selector ) {
$elements = $elements.add( jQueryFindWithParent( self, selector ) );
} );
return $elements;
};
}( jQuery ) );