codecombat/app/views/editor/article/edit.coffee
2014-01-03 10:32:13 -08:00

82 lines
2.4 KiB
CoffeeScript

View = require 'views/kinds/RootView'
template = require 'templates/editor/article/edit'
Article = require 'models/Article'
app = require 'application'
module.exports = class ArticleEditView extends View
id: "editor-article-edit-view"
template: template
startsLoading: true
events:
'click #preview-button': 'openPreview'
subscriptions:
'save-new-version': 'saveNewArticle'
constructor: (options, @articleID) ->
super options
@article = new Article(_id: @articleID)
@article.fetch()
@article.once('sync', @onArticleSync)
@article.on('schema-loaded', @buildTreema)
@pushChangesToPreview = _.throttle(@pushChangesToPreview, 500)
onArticleSync: =>
@article.loaded = true
@buildTreema()
buildTreema: =>
return if @treema? or (not @article.loaded) or (not Article.hasSchema())
unless @article.attributes.body
@article.set('body', '')
@startsLoading = false
@render()
data = $.extend(true, {}, @article.attributes)
options =
data: data
schema: Article.schema.attributes
callbacks:
change: @pushChangesToPreview
options.readOnly = true unless me.isAdmin()
@treema = @$el.find('#article-treema').treema(options)
@treema.build()
pushChangesToPreview: =>
return unless @treema and @preview
m = marked(@treema.data.body)
b = $(@preview.document.body)
b.find('#insert').html(m)
b.find('#title').text(@treema.data.name)
getRenderData: (context={}) =>
context = super(context)
context.article = @article
context
openPreview: =>
@preview = window.open('http://localhost:3000/editor/article/x/preview', 'preview', 'height=800,width=600')
@preview.focus() if window.focus
@preview.onload = => @pushChangesToPreview()
return false
saveNewArticle: (e) ->
@treema.endExistingEdits()
for key, value of @treema.data
@article.set(key, value)
newArticle = if e.major then @article.cloneNewMajorVersion() else @article.cloneNewMinorVersion()
newArticle.set('commitMessage', e.commitMessage)
res = newArticle.save()
return unless res
modal = @$el.find('#save-version-modal')
@enableModalInProgress(modal)
res.error =>
@disableModalInProgress(modal)
res.success =>
modal.modal('hide')
url = "/editor/article/#{newArticle.get('slug') or newArticle.id}"
document.location.href = url