2016-07-26 23:32:10 -04:00
|
|
|
// Syntax Highlighter
|
|
|
|
//
|
|
|
|
// Applies a syntax highlighting color scheme CSS class to any element with the
|
|
|
|
// `js-syntax-highlight` class
|
|
|
|
//
|
|
|
|
// ### Example Markup
|
|
|
|
//
|
|
|
|
// <div class="js-syntax-highlight"></div>
|
|
|
|
//
|
2016-07-24 16:45:11 -04:00
|
|
|
(function() {
|
|
|
|
$.fn.syntaxHighlight = function() {
|
|
|
|
var $children;
|
|
|
|
if ($(this).hasClass('js-syntax-highlight')) {
|
2016-07-26 23:32:10 -04:00
|
|
|
// Given the element itself, apply highlighting
|
2016-07-24 16:45:11 -04:00
|
|
|
return $(this).addClass(gon.user_color_scheme);
|
|
|
|
} else {
|
2016-07-26 23:32:10 -04:00
|
|
|
// Given a parent element, recurse to any of its applicable children
|
2016-07-24 16:45:11 -04:00
|
|
|
$children = $(this).find('.js-syntax-highlight');
|
|
|
|
if ($children.length) {
|
|
|
|
return $children.syntaxHighlight();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
$(document).on('ready page:load', function() {
|
|
|
|
return $('.js-syntax-highlight').syntaxHighlight();
|
|
|
|
});
|
|
|
|
|
|
|
|
}).call(this);
|