gitlab-org--gitlab-foss/app/assets/javascripts/syntax_highlight.coffee

# 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>
#
$.fn.syntaxHighlight = ->
  if $(this).hasClass('js-syntax-highlight')
    # Given the element itself, apply highlighting
    $(this).addClass(gon.user_color_scheme)
  else
    # Given a parent element, recurse to any of its applicable children
    $children = $(this).find('.js-syntax-highlight')
    $children.syntaxHighlight() if $children.length

$(document).on 'ready page:load', ->
  $('.js-syntax-highlight').syntaxHighlight()
Add specs for syntax_highlight JS Also makes it work when given a parent element containing a `.js-syntax-highlight` element so for dynamically-added things like notes or Markdown previews, we can more accurately target just the element we care about. 2015-09-10 15:28:42 -04:00			`# Syntax Highlighter`
			`#`
Remove user_color_scheme_class Instead of rendering this value server-side, we use Javascript and Gon to apply the user's color scheme (or the default) to any syntax highlighted code blocks. This will make it easier to cache these blocks in the future because they're no longer state-dependent. 2015-08-25 18:24:53 -04:00			`# 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>`
			`#`
Add syntax highlight scheme to notes rendered client-side 2015-09-04 17:07:24 -04:00			`$.fn.syntaxHighlight = ->`
Add specs for syntax_highlight JS Also makes it work when given a parent element containing a `.js-syntax-highlight` element so for dynamically-added things like notes or Markdown previews, we can more accurately target just the element we care about. 2015-09-10 15:28:42 -04:00			`if $(this).hasClass('js-syntax-highlight')`
			`# Given the element itself, apply highlighting`
			`$(this).addClass(gon.user_color_scheme)`
			`else`
			`# Given a parent element, recurse to any of its applicable children`
			`$children = $(this).find('.js-syntax-highlight')`
			`$children.syntaxHighlight() if $children.length`
Add syntax highlight scheme to notes rendered client-side 2015-09-04 17:07:24 -04:00
Remove user_color_scheme_class Instead of rendering this value server-side, we use Javascript and Gon to apply the user's color scheme (or the default) to any syntax highlighted code blocks. This will make it easier to cache these blocks in the future because they're no longer state-dependent. 2015-08-25 18:24:53 -04:00			`$(document).on 'ready page:load', ->`
Add syntax highlight scheme to notes rendered client-side 2015-09-04 17:07:24 -04:00			`$('.js-syntax-highlight').syntaxHighlight()`