bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update version from upstream

Browse Source 
* Adds exclude option

Change-Id: Iaa220abf0bc11c26b13a481e1fbf3b307a0e9d0b
This commit is contained in:
Santhosh Thottingal
2012-09-05 13:46:26 +05:30
parent dd3d214cb5
commit 62a8d4f8fd
1 changed files with 119 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

226
lib/jquery.webfonts.js
View File

@@ -15,58 +15,58 @@
* @licence MIT License
*/
(function($, window, document, undefined) {
( function( $, window, document, undefined ) {
"use strict";
var WebFonts = function(element, options) {
var WebFonts = function( element, options ) {
// Load defaults
this.options = $.extend({}, $.fn.webfonts.defaults, options);
this.$element = $(element);
this.repository = $.extend(WebFonts.repository, this.options.repository);
this.options = $.extend( {}, $.fn.webfonts.defaults, options );
this.$element = $( element );
this.repository = $.extend( WebFonts.repository, this.options.repository );
this.fonts = [];
this.originalFontFamily = this.$element.css('font-family');
this.language = this.$element.attr('lang') || $('html').attr('lang');
this.originalFontFamily = this.$element.css( 'font-family' );
this.language = this.$element.attr( 'lang' ) || $( 'html' ).attr( 'lang' );
this.init();
};
WebFonts.repository = {
base : 'fonts', // Relative or absolute path to the font repository.
languages : {}, // languages to font mappings
fonts : {}, // Font name to font configuration mapping
base: 'fonts', // Relative or absolute path to the font repository.
languages: {}, // languages to font mappings
fonts: {}, // Font name to font configuration mapping
// Utility methods to work on the repository.
defaultFont : function(language) {
defaultFont: function( language ) {
var defaultFont = null;
if (this.languages[language]) {
if ( this.languages[language] ) {
defaultFont = this.languages[language][0];
}
return defaultFont;
},
get : function(fontFamily) {
get: function( fontFamily ) {
return this.fonts[fontFamily];
}
};
WebFonts.prototype = {
constructor : WebFonts,
constructor: WebFonts,
getFont: function(language){
if (this.options.fontSelector) {
return this.options.fontSelector(this.repository, language || this.language);
getFont: function( language ) {
if ( this.options.fontSelector ) {
return this.options.fontSelector( this.repository, language || this.language );
} else {
return this.repository.defaultFont(language);
return this.repository.defaultFont( language );
}
},
/**
* Initialize.
*/
init : function() {
init: function() {
var fontFamily;
if (this.language) {
fontFamily = this.getFont(this.language);
this.apply(fontFamily);
if ( this.language ) {
fontFamily = this.getFont( this.language );
this.apply( fontFamily );
}
this.parse();
},
@@ -78,86 +78,91 @@
/**
* Apply a font for the element.
*
* @param fontFamily String: font family name
*/
apply : function(fontFamily, $element) {
apply: function( fontFamily, $element ) {
$element = $element || this.$element;
var fontStack = this.options.fontStack.slice(0);
var fontStack = this.options.fontStack.slice( 0 );
// Loading an empty string is pointless.
// Putting an empty string into a font-family list doesn't work with jQuery.css().
// Putting an empty string into a font-family list doesn't work with
// jQuery.css().
if ( fontFamily ) {
this.load(fontFamily);
fontStack.unshift(fontFamily);
this.load( fontFamily );
fontStack.unshift( fontFamily );
}
$element.css('font-family', fontStack.join() );
$element.find('textarea, input').css('font-family', fontStack.join());
$element.css( 'font-family', fontStack.join() );
$element.find( 'textarea, input' ).not( this.options.exclude ).css( 'font-family',
fontStack.join() );
},
/**
* Load a given fontFamily if not loaded already
*
* @param fontFamily String font family name
*/
load : function(fontFamily) {
if ($.inArray(fontFamily, this.fonts) >= 0) {
load: function( fontFamily ) {
if ( $.inArray( fontFamily, this.fonts ) >= 0 ) {
return true;
}
var styleString = this.getCSS(fontFamily);
if (styleString) {
injectCSS(styleString);
var styleString = this.getCSS( fontFamily );
if ( styleString ) {
injectCSS( styleString );
} else {
// Font not found
return false;
}
this.fonts.push(fontFamily);
this.fonts.push( fontFamily );
return true;
},
/**
* Parse the element for custom font-family styles and
* for nodes with different language than element
* Parse the element for custom font-family styles and for nodes with
* different language than element
*/
parse : function() {
parse: function() {
var that = this;
that.$element.find('*[lang], [style], [class]').each(function(i, element) {
var fontFamilyStyle, fontFamily,
$element = $(element);
that.$element.find( '*[lang], [style], [class]' ).not( that.options.exclude ).each(
function( i, element ) {
var fontFamilyStyle, fontFamily, $element = $( element );
fontFamilyStyle = $element.css('fontFamily');
if (fontFamilyStyle) {
fontFamily = fontFamilyStyle.split(',')[0];
fontFamilyStyle = $element.css( 'fontFamily' );
if ( fontFamilyStyle ) {
fontFamily = fontFamilyStyle.split( ',' )[0];
// Remove the ' and " characters if any.
fontFamily = $.trim(fontFamily.replace(/["']/g, ''));
if (that.load(fontFamily)){
fontFamily = $.trim( fontFamily.replace( /["']/g, '' ) );
if ( that.load( fontFamily ) ) {
// Font family overrides lang attribute
// But was it the fontfamily allocated for the current language?
if (fontFamily === that.getFont(element.lang)) {
// But was it the fontfamily allocated for the current
// language?
if ( fontFamily === that.getFont( element.lang ) ) {
return true;
}
}
}
if (element.lang && element.lang !== that.$element.attr('lang')) {
fontFamily = that.getFont(element.lang);
that.apply(fontFamily, $(element));
if ( element.lang && element.lang !== that.$element.attr( 'lang' ) ) {
fontFamily = that.getFont( element.lang );
that.apply( fontFamily, $( element ) );
}
});
} );
},
/**
* List all fonts for the given language
* @param language mixed: [optional] language code. If undefined all fonts will
* be listed
*
* @param language mixed: [optional] language code. If undefined all
* fonts will be listed
* @return Array font names array
*/
list : function(language) {
var fontName = null,
fontNames = [];
list: function( language ) {
var fontName = null, fontNames = [];
if (language) {
if ( language ) {
fontNames = this.repository.languages[language];
} else {
for (fontName in this.repository.fonts) {
if (this.repository.fonts.hasOwnProperty(fontName)) {
fontNames.push(fontName);
if ( this.repository.fonts.hasOwnProperty( fontName ) ) {
fontNames.push( fontName );
}
}
}
@@ -166,14 +171,14 @@
/**
* List all languages supported by the repository
*
* @return Array language codes
*/
languages : function() {
var language = null,
languages = [];
for (language in this.repository.languages ) {
if (this.repository.languages.hasOwnProperty(language)) {
languages.push(language);
languages: function() {
var language = null, languages = [];
for (language in this.repository.languages) {
if ( this.repository.languages.hasOwnProperty( language ) ) {
languages.push( language );
}
}
return languages;
@@ -181,44 +186,47 @@
/**
* Set the font repository
*
* @param {Object} repository The font repository.
*/
setRepository : function(repository) {
this.repository = $.extend(WebFonts.repository, repository);
setRepository: function( repository ) {
this.repository = $.extend( WebFonts.repository, repository );
},
/**
* Reset the font-family style.
*/
reset : function() {
this.apply(this.originalFontFamily);
reset: function() {
this.apply( this.originalFontFamily );
},
/**
* unbind the plugin
*/
unbind : function() {
this.$element.data('webfonts', null);
unbind: function() {
this.$element.data( 'webfonts', null );
},
/**
* Construct the CSS required for the font-family, inject it to the head of the
* body so that it gets loaded.
* Construct the CSS required for the font-family, inject it to the head
* of the body so that it gets loaded.
*
* @param fontFamily The font-family name
* @param variant The font variant, eg: bold, italic etc. Default is normal.
* @param variant The font variant, eg: bold, italic etc. Default is
* normal.
*/
getCSS : function(fontFamily, variant) {
getCSS: function( fontFamily, variant ) {
var fontconfig, base, version, versionSuffix, styleString, userAgent, fontStyle, fontFormats;
variant = variant || 'normal';
fontconfig = this.repository.get(fontFamily);
if (variant !== 'normal') {
if (fontconfig.variants !== undefined && fontconfig.variants[variant]) {
fontconfig = this.repository.get( fontFamily );
if ( variant !== 'normal' ) {
if ( fontconfig.variants !== undefined && fontconfig.variants[variant] ) {
fontFamily = fontconfig.variants[variant];
fontconfig = this.repository.get(fontFamily);
fontconfig = this.repository.get( fontFamily );
}
}
if (!fontconfig) {
if ( !fontconfig ) {
return false;
}
@@ -230,27 +238,30 @@
fontStyle = fontconfig.fontstyle || 'normal';
fontFormats = [];
if (fontconfig.eot) {
if ( fontconfig.eot ) {
styleString += "\tsrc: url('" + base + fontconfig.eot + versionSuffix + "');\n";
}
styleString += "\tsrc: ";
// If the font is present locally, use it.
if (userAgent.match(/Android 2\.3/) === null) {
if ( userAgent.match( /Android 2\.3/ ) === null ) {
// Android 2.3.x does not respect local() syntax.
// http://code.google.com/p/android/issues/detail?id=10609
styleString += "local('" + fontFamily + "'),";
}
if (fontconfig.woff) {
fontFormats.push("\t\turl('" + base + fontconfig.woff + versionSuffix + "') format('woff')");
if ( fontconfig.woff ) {
fontFormats.push( "\t\turl('" + base + fontconfig.woff + versionSuffix
+ "') format('woff')" );
}
if (fontconfig.svg) {
fontFormats.push("\t\turl('" + base + fontconfig.svg + versionSuffix + "#" + fontFamily + "') format('svg')");
if ( fontconfig.svg ) {
fontFormats.push( "\t\turl('" + base + fontconfig.svg + versionSuffix + "#"
+ fontFamily + "') format('svg')" );
}
if (fontconfig.ttf) {
fontFormats.push("\t\turl('" + base + fontconfig.ttf + versionSuffix + "') format('truetype')");
if ( fontconfig.ttf ) {
fontFormats.push( "\t\turl('" + base + fontconfig.ttf + versionSuffix
+ "') format('truetype')" );
}
styleString += fontFormats.join() + ";\n";
if (fontconfig.fontweight) {
if ( fontconfig.fontweight ) {
styleString += "\tfont-weight:" + fontconfig.fontweight + ";";
}
styleString += "\tfont-style:" + fontStyle + ";";
@@ -259,30 +270,31 @@
}
};
$.fn.webfonts = function(option) {
return this.each(function() {
$.fn.webfonts = function( option ) {
return this.each( function() {
var $this, data, options;
$this = $(this);
data = $this.data('webfonts');
$this = $( this );
data = $this.data( 'webfonts' );
options = typeof option === 'object' && option;
if (!data) {
$this.data('webfonts', (data = new WebFonts(this, options)));
if ( !data ) {
$this.data( 'webfonts', ( data = new WebFonts( this, options ) ) );
}
if (typeof option === 'string') {
if ( typeof option === 'string' ) {
data[option]();
}
});
} );
};
$.fn.webfonts.defaults = {
repository : WebFonts.repository, // Default font repository
fontStack : ['Helvetica', 'Arial', 'sans-serif'] // Default font fall back series
repository: WebFonts.repository, // Default font repository
fontStack: [ 'Helvetica', 'Arial', 'sans-serif' ], // Default font fallback
exclude: '' // jQuery selectors to exclude
};
$.fn.webfonts.Constructor = WebFonts;
// Private methods for the WebFonts prototype
//=================================
// =================================
/**
* Create a new style tag and add it to the DOM.
@@ -290,20 +302,20 @@
* @param text String: CSS text
* @return HTMLStyleElement
*/
function injectCSS(css) {
var s = document.createElement('style');
function injectCSS( css ) {
var s = document.createElement( 'style' );
s.type = 'text/css';
s.rel = 'stylesheet';
// Insert into document before setting cssText
document.getElementsByTagName('head')[0].appendChild(s);
if (s.styleSheet) {
document.getElementsByTagName( 'head' )[0].appendChild( s );
if ( s.styleSheet ) {
s.styleSheet.cssText = css;
// IE
} else {
// Safari sometimes borks on null
s.appendChild(document.createTextNode(String(css)));
s.appendChild( document.createTextNode( String( css ) ) );
}
return s;
}
} )(jQuery, window, document);
} )( jQuery, window, document );