summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/blob/edit_blob.js.coffee
blob: eea9aa972ee33715cf217579640065095300462b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
class @EditBlob
  constructor: (assets_path, ace_mode = null) ->
    ace.config.set "modePath", "#{assets_path}/ace"
    ace.config.loadModule "ace/ext/searchbox"
    @editor = ace.edit("editor")
    @editor.focus()
    @editor.getSession().setMode "ace/mode/#{ace_mode}" if ace_mode

    # Before a form submission, move the content from the Ace editor into the
    # submitted textarea
    $('form').submit =>
      $("#file-content").val(@editor.getValue())

    @initModePanesAndLinks()
    new BlobLicenseSelector(@editor)

  initModePanesAndLinks: ->
    @$editModePanes = $(".js-edit-mode-pane")
    @$editModeLinks = $(".js-edit-mode a")
    @$editModeLinks.click @editModeLinkClickHandler

  editModeLinkClickHandler: (event) =>
    event.preventDefault()
    currentLink = $(event.target)
    paneId = currentLink.attr("href")
    currentPane = @$editModePanes.filter(paneId)
    @$editModeLinks.parent().removeClass "active hover"
    currentLink.parent().addClass "active hover"
    @$editModePanes.hide()
    currentPane.fadeIn 200
    if paneId is "#preview"
      $.post currentLink.data("preview-url"),
        content: @editor.getValue()
      , (response) ->
        currentPane.empty().append response
        currentPane.syntaxHighlight()

    else
      @editor.focus()