script_organisation.coffee

# ---------------------------------------------------------------
# Playground

class Playground
  constructor: (playground) ->
    @playground = $(playground)
    @setEvents()
    @getExamples()


  setEvents: ->
    $("[data-behavior='test-uppercase']").on 'click', @triggerUppercase
    $("[data-behavior='test-lowercase']").on 'click', @triggerLowercase
    $("[data-behavior='clear-tests']").on 'click', @clearTests

  clearTests: ->
    $('.tester').remove()

  triggerUppercase: ->
    $('.tester').toggleClass('uppercase')

  triggerLowercase: ->
    $('.tester').toggleClass('lowercase')

  getExamples: ->
    $.ajax(
      url: "/examples",
      method: "GET",
      dataType: "JSON",
      success: @setExamples
      )
      
      
# ---------------------------------------------------------------
# Appendix

class Appendix
  constructor: (item) ->
    @item = $(item)
    @setEvents()

  setEvents: ->
    @item.find("[data-behavior='close-appendix']").on 'click', @closeAppendix
  
  closeAppendix: =>
    @item.hide()


# ---------------------------------------------------------------

jQuery ($) ->
  new Appendix($("[data-behavior='appendix']"))
  new Playground($("[data-behavior='playground']"))