Coffeescript backing franslate.me

franslate.coffee

jQuery ->

    class QuestionView extends Backbone.View
        el: $('#main')
        tmpl: mustache_templates.question
        url: ''

        events:
            "click .answer": "check_answer"

        initialize: (language, difficulty) ->
            @url = "/#{language}/#{difficulty}/"
            current_html = $(@el).html()
            window.history.pushState({name: "Homepage"}, "Homepage", "/")
            window.onpopstate = =>
                window.location = "/"

            _.bindAll @

            @fetch_q()

        fetch_q: ->
            uniqueness_token = (new Date).getTime().toString()
            $.ajax(
                method: 'get'
                url: @url + "?" + uniqueness_token
                success: (data) =>
                    @q = data
                    @render()
            )


        check_answer: (e) ->
            $('.incorrect', @el).remove()
            $('.correct', @el).remove()
            if $(e.target).html() == @q['correct_option']
                $('h2', @el).after($('<div class="correct">Correct!</div>'))
                setTimeout(@fetch_q, 500)
            else
                $('h2', @el).after($('<div class="incorrect">Incorrect. Please try again.</div>'))


        render: ->
            console.log(@q)
            $(@el).html(Mustache.render(@tmpl, @q))

    $('.initiate-quiz').click ->
        parts = @id.split('-')
        window.question = new QuestionView(parts[0], parts[1])