montrealrb/Montreal.rb

$(document).on 'turbolinks:load', ->
  jobWordsCount = 0

  $(document).on "keyup", "#job_description", (e)->
    jobDescription = $(this).val()
    wordsCount = jobDescription.split(" ").length
    
    if wordsCount != jobWordsCount
      jobWordsCount = wordsCount

      joblintObject = joblint(jobDescription)
      countsPopulator(joblintObject)
      issuesDescPopulator(joblintObject)

countsPopulator = (joblintObj) ->
  basicCounts = ["sexism", "culture", "realism", "recruiter", "tech"]

  for key in basicCounts
    jobLintCount = joblintObj.counts[key] || 0
    $("##{key}-issues-num").text(jobLintCount)

issuesDescPopulator = (joblintObj) ->
  issues = joblintObj.issues
  $(".joblint-issue-desc-container").html("") # Reset joblint descriptions

  for issue in issues
    $(".joblint-issue-desc-container").append(singleIssueDesc(issue))
    occuranceReplacer(issue)

singleIssueDesc = (issue) ->
    pannelType = {error: "panel-danger", warning: "panel-warning", notice: "panel-info"}

    "<div class='panel #{pannelType[issue.level]} joblint-issue' id='joblint-issue-position-#{issue.position}'>
      <div class='panel-heading'>
        <h3 class='panel-title'>#{issue.name.toUpperCase()} (#{issue.level})</h3>
      </div>
      <div class='panel-body'>
        <blockquote class='joblint-occurance'>#{issue.context}</blockquote>
        <p><strong>#{issue.solution}</strong> <em>#{issue.reason}</em></p>
      </div>
    </div>"

occuranceReplacer = (issue) ->
  $("#joblint-issue-position-#{issue.position} .joblint-occurance").each ->
    original_html = $(this).html()
    occurance = "<strong class='joblint-word-occurance'>#{issue.occurance}</strong>"
    
    $(this).html original_html.replace("{{occurance}}", occurance)