src/doc/book/ferris.js

   1 var ferrisTypes = [
   2   {
   3     attr: 'does_not_compile',
   4     title: 'This code does not compile!'
   5   },
   6   {
   7     attr: 'panics',
   8     title: 'This code panics!'
   9   },
  10   {
  11     attr: 'not_desired_behavior',
  12     title: 'This code does not produce the desired behavior.'
  13   }
  14 ]
  15
  16 document.addEventListener('DOMContentLoaded', () => {
  17   for (var ferrisType of ferrisTypes) {
  18     attachFerrises(ferrisType)
  19   }
  20 })
  21
  22 function attachFerrises(type) {
  23   var elements = document.getElementsByClassName(type.attr)
  24
  25   for (var codeBlock of elements) {
  26     var lines = codeBlock.innerText.replace(/\n$/, '').split(/\n/).length
  27     var size = 'large'
  28     if (lines < 4) {
  29       size = 'small'
  30     }
  31
  32     var container = prepareFerrisContainer(codeBlock, size == 'small')
  33     container.appendChild(createFerris(type, size))
  34   }
  35 }
  36
  37 function prepareFerrisContainer(element, useButtons) {
  38   var foundButtons = element.parentElement.querySelector('.buttons')
  39   if (useButtons && foundButtons) {
  40     return foundButtons
  41   }
  42
  43   var div = document.createElement('div')
  44   div.classList.add('ferris-container')
  45
  46   element.parentElement.insertBefore(div, element)
  47
  48   return div
  49 }
  50
  51 function createFerris(type, size) {
  52   var a = document.createElement('a')
  53   a.setAttribute('href', 'ch00-00-introduction.html#ferris')
  54   a.setAttribute('target', '_blank')
  55
  56   var img = document.createElement('img')
  57   img.setAttribute('src', 'img/ferris/' + type.attr + '.svg')
  58   img.setAttribute('title', type.title)
  59   img.classList.add('ferris')
  60   img.classList.add('ferris-' + size)
  61
  62   a.appendChild(img)
  63
  64   return a
  65 }