mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-12 08:41:46 -05:00
85 lines
2.9 KiB
CoffeeScript
85 lines
2.9 KiB
CoffeeScript
View = require 'views/kinds/ModalView'
|
|
template = require 'templates/play/level/modal/editor_config'
|
|
{me} = require('lib/auth')
|
|
|
|
module.exports = class EditorConfigModal extends View
|
|
id: 'level-editor-config-modal'
|
|
template: template
|
|
aceConfig: {}
|
|
|
|
defaultConfig:
|
|
language: 'javascript'
|
|
keyBindings: 'default'
|
|
invisibles: false
|
|
indentGuides: false
|
|
behaviors: false
|
|
|
|
events:
|
|
'change #tome-invisibles': 'updateInvisibles'
|
|
'change #tome-language': 'updateLanguage'
|
|
'change #tome-key-bindings': 'updateKeyBindings'
|
|
'change #tome-indent-guides': 'updateIndentGuides'
|
|
'change #tome-behaviors': 'updateBehaviors'
|
|
|
|
constructor: (options) ->
|
|
super(options)
|
|
@session = options.session
|
|
|
|
getRenderData: ->
|
|
@aceConfig = _.cloneDeep me.get('aceConfig') ? {}
|
|
@aceConfig = _.defaults @aceConfig, @defaultConfig
|
|
c = super()
|
|
c.languages = [
|
|
{id: 'javascript', name: 'JavaScript'}
|
|
{id: 'coffeescript', name: 'CoffeeScript'}
|
|
{id: 'python', name: 'Python (Experimental)'}
|
|
{id: 'clojure', name: 'Clojure (Experimental)'}
|
|
{id: 'lua', name: 'Lua (Experimental)'}
|
|
{id: 'io', name: 'Io (Experimental)'}
|
|
]
|
|
c.sessionLanguage = @session.get('codeLanguage') ? @aceConfig.language
|
|
c.language = @aceConfig.language
|
|
c.keyBindings = @aceConfig.keyBindings
|
|
c.invisibles = @aceConfig.invisibles
|
|
c.indentGuides = @aceConfig.indentGuides
|
|
c.behaviors = @aceConfig.behaviors
|
|
c
|
|
|
|
updateSessionLanguage: ->
|
|
@session.set 'codeLanguage', @$el.find('#tome-session-language').val()
|
|
|
|
updateLanguage: ->
|
|
@aceConfig.language = @$el.find('#tome-language').val()
|
|
|
|
updateInvisibles: ->
|
|
@aceConfig.invisibles = @$el.find('#tome-invisibles').prop('checked')
|
|
|
|
updateKeyBindings: ->
|
|
@aceConfig.keyBindings = @$el.find('#tome-key-bindings').val()
|
|
|
|
updateIndentGuides: ->
|
|
@aceConfig.indentGuides = @$el.find('#tome-indent-guides').prop('checked')
|
|
|
|
updateBehaviors: ->
|
|
@aceConfig.behaviors = @$el.find('#tome-behaviors').prop('checked')
|
|
|
|
afterRender: ->
|
|
super()
|
|
|
|
onHidden: ->
|
|
oldLanguage = @session.get('codeLanguage') ? @aceConfig.language
|
|
newLanguage = @$el.find('#tome-session-language').val()
|
|
@session.set 'codeLanguage', newLanguage
|
|
@aceConfig.language = @$el.find('#tome-language').val()
|
|
@aceConfig.invisibles = @$el.find('#tome-invisibles').prop('checked')
|
|
@aceConfig.keyBindings = @$el.find('#tome-key-bindings').val()
|
|
@aceConfig.indentGuides = @$el.find('#tome-indent-guides').prop('checked')
|
|
@aceConfig.behaviors = @$el.find('#tome-behaviors').prop('checked')
|
|
me.set 'aceConfig', @aceConfig
|
|
Backbone.Mediator.publish 'tome:change-config'
|
|
Backbone.Mediator.publish 'tome:change-language', language: newLanguage unless newLanguage is oldLanguage
|
|
@session.save() unless newLanguage is oldLanguage
|
|
me.save()
|
|
|
|
destroy: ->
|
|
super()
|