diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
| commit | d25ff2bddd44b9dac1ceb248424109d1782dd211 (patch) | |
| tree | 34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/tether/docs/coffee | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip | |
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/tether/docs/coffee')
| -rw-r--r-- | minionlivesmatter/templates/assets/tether/docs/coffee/intro.coffee | 113 |
1 files changed, 0 insertions, 113 deletions
diff --git a/minionlivesmatter/templates/assets/tether/docs/coffee/intro.coffee b/minionlivesmatter/templates/assets/tether/docs/coffee/intro.coffee deleted file mode 100644 index 52a305d..0000000 --- a/minionlivesmatter/templates/assets/tether/docs/coffee/intro.coffee +++ /dev/null @@ -1,113 +0,0 @@ -{uniqueId} = Tether.Utils - -SETUP_JS = """ -yellowBox = $('.yellow-box', $output); -greenBox = $('.green-box', $output); -scrollBox = $('.scroll-box', $output); -""" - -OUTPUT_HTML = (key) -> """ -<div class="scroll-box"> - <div class="scroll-content"> - <div class="yellow-box" data-example="#{ key }"></div> - <div class="green-box" data-example="#{ key }"></div> - </div> -</div> -""" - -tethers = {} - -getOutput = ($block) -> - key = $block.data('example') - if key and typeof key is 'string' - return $("output[data-example='#{ key }']") - else - return $block.parents('pre').nextAll('output').first() - -run = (key) -> - if typeof key is 'string' - $block = $("code[data-example='#{ key }']") - else - $block = key - - key = $block.attr('data-example') - - $output = getOutput $block - - code = $block.text() - code = SETUP_JS + code - - window.$output = $output - tethers[key] = eval code - -setupBlock = ($block) -> - key = $block.data('example') - - $output = getOutput $block - - if not key - key = uniqueId() - $block.attr('data-example', key) - $output.attr('data-example', key) - $output.find('.tether-element').attr('data-example', key) - - $output.html OUTPUT_HTML(key) - - $scrollBox = $output.find('.scroll-box') - $scrollContent = $scrollBox.find('.scroll-content') - $scrollBox.scrollTop(parseInt($scrollContent.css('height')) / 2 - $scrollBox.height() / 2) - $scrollBox.scrollLeft(parseInt($scrollContent.css('width')) / 2 - $scrollBox.width() / 2) - setTimeout -> - $scrollBox.on 'scroll', -> - $output.addClass 'scrolled' - - $scrollBox.css 'height', "#{ $block.parent().outerHeight() }px" - - if not $output.attr('deactivated')? - run $block - -$(document.body).on 'click', (e) -> - if $(e.target).is('output[deactivated]') - activate $(e.target) - false - else if $(e.target).is('output[activated]') - deactivate $(e.target) - false - -activate = ($output) -> - $block = $output.prev().find('code') - - run $block - - $output.find('.tether-element').show() - - key = $output.data('example') - $(tethers[key].element).show() - tethers[key].enable() - - $output.removeAttr('deactivated') - $output.attr('activated', true) - -deactivate = ($output) -> - $block = $output.prev().find('code') - key = $output.data('example') - - tethers[key].disable() - - $el = $(tethers[key].element) - $el.detach() - $output.find('.scroll-content').append $el - $el.hide() - - $output.removeAttr('activated') - $output.attr('deactivated', true) - -init = -> - $blocks = $('code[data-example]') - - setupBlock($ block) for block in $blocks - -window.EXECUTR_OPTIONS = - codeSelector: 'code[executable]' - -$ init |
