WordPress/wp-includes/js/svg-painter.js

209 lines
4.9 KiB
JavaScript

/* global wp_color_scheme:true */
var svgPainter = ( function( $, window, document, undefined ) {
'use strict';
$(document).ready( function() {
// detection for browser SVG capability
if ( document.implementation.hasFeature( 'http://www.w3.org/TR/SVG11/feature#Image', '1.1' ) ) {
document.body.className = document.body.className.replace( 'no-svg', 'svg' );
}
svgPainter.init();
});
return {
elements : [],
init : function() {
this.selector = $( '#adminmenu .wp-menu-image, #wpadminbar .ab-item' );
this.setColors();
this.findElements();
this.paint();
},
setColors : function( colors ) {
if ( typeof colors === 'undefined' && typeof wp_color_scheme !== 'undefined' ) {
colors = wp_color_scheme;
}
this.colorscheme = colors;
},
findElements : function() {
this.selector.each(function() {
var bgimg = $(this).css( 'background-image' );
if ( bgimg.indexOf( 'data:image/svg+xml;base64' ) != -1 ) {
svgPainter.elements.push( $(this) );
}
});
},
paint : function() {
// loop through all elements
$.each( this.elements, function( index, $element ) {
var $menuitem = $element.parent().parent();
if ( $menuitem.hasClass( 'current' ) || $menuitem.hasClass( 'wp-has-current-submenu' ) ) {
// paint icon in 'current' color
svgPainter.paintElement( $element, svgPainter.colorscheme.icons.current );
} else {
// paint icon in base color
svgPainter.paintElement( $element, svgPainter.colorscheme.icons.base );
// set hover callbacks
$menuitem.hover(
function() { svgPainter.paintElement( $element, svgPainter.colorscheme.icons.focus ); },
function() { svgPainter.paintElement( $element, svgPainter.colorscheme.icons.base ); }
);
}
});
},
paintElement : function( $element, color ) {
// only accept hex colors: #101 or #101010
if ( ! color.match( /^(#[0-9a-f]{3}|#[0-9a-f]{6})$/i ) )
return;
var xml = $element.data( 'mp6-svg-' + color ),
base64;
if ( ! xml ) {
base64 = $element.css( 'background-image' ).match( /.+data:image\/svg\+xml;base64,(.+)\)/ );
if ( ! base64 )
return;
try {
xml = window.atob( base64[1] );
} catch ( e ) {
xml = $.base64.atob( base64[1] );
}
// replace `fill` attributes
xml = xml.replace( /fill="(.+?)"/g, 'fill="' + color + '"');
// replace `style` attributes
xml = xml.replace( /style="(.+?)"/g, 'style="fill:' + color + '"');
// replace `fill` properties in `<style>` tags
xml = xml.replace( /fill:.*?;/g, 'fill: ' + color + ';');
try {
xml = window.btoa( xml );
} catch ( e ) {
xml = $.base64.btoa( xml );
}
$element.data( 'mp6-svg-' + color, xml );
}
$element.attr( 'style', 'background-image: url("data:image/svg+xml;base64,' + xml + '") !important;' );
}
};
})( jQuery, window, document );
/*!
* Customized for MP6
*
* Based on jquery.base64.js 0.0.3 - https://github.com/yckart/jquery.base64.js
*
* Based upon: https://gist.github.com/Yaffle/1284012
*
* Copyright (c) 2012 Yannick Albert (http://yckart.com)
* Licensed under the MIT license
* http://www.opensource.org/licenses/mit-license.php
**/
;(function($) {
var b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/',
a256 = '',
r64 = [256],
r256 = [256],
i = 0,
c, Plugin;
while(i < 256) {
c = String.fromCharCode(i);
a256 += c;
r256[i] = i;
r64[i] = b64.indexOf(c);
++i;
}
function code(s, discard, alpha, beta, w1, w2) {
s = String(s);
var buffer = 0,
i = 0,
length = s.length,
result = '',
bitsInBuffer = 0,
tmp;
while(i < length) {
c = s.charCodeAt(i);
c = c < 256 ? alpha[c] : -1;
buffer = (buffer << w1) + c;
bitsInBuffer += w1;
while(bitsInBuffer >= w2) {
bitsInBuffer -= w2;
tmp = buffer >> bitsInBuffer;
result += beta.charAt(tmp);
buffer ^= tmp << bitsInBuffer;
}
++i;
}
if(!discard && bitsInBuffer > 0) result += beta.charAt(buffer << (w2 - bitsInBuffer));
return result;
}
Plugin = $.base64 = function(dir, input, encode) {
return input ? Plugin[dir](input, encode) : dir ? null : this;
};
$.base64.btoa = function(plain) {
plain = code(plain, false, r256, b64, 8, 6);
return plain + '===='.slice((plain.length % 4) || 4);
};
$.base64.atob = function(coded) {
coded = coded.replace(/[^A-Za-z0-9\+\/\=]/g, '');
coded = String(coded).split('=');
var i = coded.length;
do {--i;
coded[i] = code(coded[i], true, r64, a256, 6, 8);
} while (i > 0);
coded = coded.join('');
return coded;
};
}(jQuery));