codecombat/app/views/i18n/I18NEditModelView.coffee

RootView = require 'views/kinds/RootView'
locale = require 'locale/locale'
Patch = require 'models/Patch'
template = require 'templates/i18n/i18n-edit-model-view'
deltasLib = require 'lib/deltas'

module.exports = class I18NEditModelView extends RootView
  className: 'editor i18n-edit-model-view'
  template: template
  
  events:
    'change .translation-input': 'onInputChanged'
    'change #language-select': 'onLanguageSelectChanged'
    'click #patch-submit': 'onSubmitPatch'

  constructor: (options, @modelHandle) ->
    super(options)
    @model = new @modelClass(_id: @modelHandle)
    @model = @supermodel.loadModel(@model, 'model').model
    @model.saveBackups = true
    @selectedLanguage = me.get('preferredLanguage', true)
    
  showLoading: ($el) ->
    $el ?= @$el.find('.outer-content')
    super($el)
    
  onLoaded: ->
    super()
    @model.markToRevert() unless @model.hasLocalChanges()

  getRenderData: ->
    c = super()

    c.model = @model
    c.selectedLanguage = @selectedLanguage
    
    @translationList = []
    if @supermodel.finished() then @buildTranslationList() else []
    result.index = index for result, index in @translationList
    c.translationList = @translationList
    
    c
    
  afterRender: ->
    super()

    @hush = true
    $select = @$el.find('#language-select').empty()
    @addLanguagesToSelect($select, @selectedLanguage)
    @hush = false
    editors = []

    @$el.find('tr[data-format="markdown"]').each((index, el) =>
      englishEditor = ace.edit(enEl=$(el).find('.english-value-row div')[0])
      englishEditor.el = enEl
      englishEditor.setReadOnly(true)
      toEditor = ace.edit(toEl=$(el).find('.to-value-row div')[0])
      toEditor.el = toEl
      toEditor.on 'change', @onEditorChange
      editors = editors.concat([englishEditor, toEditor])
    )
    
    for editor in editors
      session = editor.getSession()
      session.setTabSize 2
      session.setMode 'ace/mode/markdown'
      session.setNewLineMode = 'unix'
      session.setUseSoftTabs true
      editor.setOptions({ maxLines: Infinity })

  onEditorChange: (event, editor) =>
    return if @destroyed
    index = $(editor.el).data('index')
    rowInfo = @translationList[index]
    value = editor.getValue()
    @onTranslationChanged(rowInfo, value)

  wrapRow: (title, key, enValue, toValue, path, format) ->
    @translationList.push { 
      title: title,
      key: key, 
      enValue: enValue, 
      toValue: toValue or '', 
      path: path
      format: format
    }

  buildTranslationList: -> [] # overwrite
  
  onInputChanged: (e) ->
    index = $(e.target).data('index')
    rowInfo = @translationList[index]
    value = $(e.target).val()
    @onTranslationChanged(rowInfo, value)

  onTranslationChanged: (rowInfo, value) ->
    
    #- Navigate down to where the translation will live
    base = @model.attributes
    
    for seg in rowInfo.path
      base = base[seg]

    base = base.i18n

    base[@selectedLanguage] ?= {}
    base = base[@selectedLanguage]
    
    if rowInfo.key.length > 1
      for seg in rowInfo.key[..-2]
        base[seg] ?= {}
        base = base[seg]
    
    #- Set the data in a non-kosher way
        
    base[rowInfo.key[rowInfo.key.length-1]] = value
    @model.saveBackup()
    
    #- Enable patch submit button
  
    @$el.find('#patch-submit').attr('disabled', null)

  onLanguageSelectChanged: (e) ->
    return if @hush
    @selectedLanguage = $(e.target).val()
    @render()
    
  onSubmitPatch: (e) ->
    
    delta = @model.getDelta()
    flattened = deltasLib.flattenDelta(delta)
    save = _.all(flattened, (delta) ->
      return _.isArray(delta.o) and delta.o.length is 1 and 'i18n' in delta.dataPath
    )
    
    if save
      modelToSave = @model.cloneNewMinorVersion()
      modelToSave.updateI18NCoverage() if modelToSave.get('i18nCoverage')
      
    else
      modelToSave = new Patch()
      modelToSave.set 'delta', @model.getDelta()
      modelToSave.set 'target', {
        'collection': _.string.underscored @model.constructor.className
        'id': @model.id
      }

    if @modelClass.schema.properties.commitMessage
      commitMessage = "Diplomat submission for lang #{@selectedLanguage}: #{flattened.length} change(s)."
      modelToSave.set 'commitMessage', commitMessage 
    
    errors = modelToSave.validate()
    button = $(e.target)
    button.attr('disabled', 'disabled')
    return button.text('Failed to Submit Changes') if errors
    res = modelToSave.save()
    return button.text('Failed to Submit Changes') unless res
    res.error => button.text('Error Submitting Changes')
    res.success => button.text('Submit Changes')