This commit is contained in:
Andrew Miner
2015-05-05 14:01:39 -07:00
parent b2320752f8
commit 54194d3f0a
10 changed files with 215 additions and 22 deletions
@@ -153,9 +153,9 @@ module.exports = class BaseController extends backbone.View
@tryRefresh()
Object.defineProperties @prototype,
model: {get:@prototype.getModel, set:@prototype.setModel}
model: {get:@prototype.getModel, set:@prototype.setModel}
rendered: {get:@prototype.isRendered }
user: {get:@prototype.user, set:@prototype.setUser}
user: {get:@prototype.getUser, set:@prototype.setUser}
# Backbone.View Overrides ######################################################################
@@ -58,7 +58,7 @@ module.exports = class ItemPageController extends PageController
onDidRender: ->
@adsenseController = @addChild AdsenseController, '.view__adsense', model:'sidebar_skyscraper'
options = imageLoader:@imageLoader, modPack:@modPack, show:false
options = editable:true, imageLoader:@imageLoader, modPack:@modPack, show:false
@_descriptionController = @addChild MarkdownSectionController, '.section.description', options
@_similarItemsController = @addChild ItemGroupController, '.view__item_group.similar', options
@_usedAsToolToMakeController = @addChild ItemGroupController, '.view__item_group.usedAsToolToMake', options
@@ -111,14 +111,18 @@ module.exports = class ItemPageController extends PageController
super
setUser: (user)->
super user
@_descriptionController.user = user if @_descriptionController?
# Backbone.View Overrides ######################################################################
events: ->
return _.extend super,
'click a.craftingPlan': 'routeLinkClick'
'click .byline a': 'routeLinkClick'
'click .markdown a': 'routeLinkClick'
'click button': 'craftingPlanButtonClicked'
'click a.craftingPlan': 'routeLinkClick'
'click .byline a': 'routeLinkClick'
'click .markdown a': 'routeLinkClick'
'click button.craftingPlan': 'craftingPlanButtonClicked'
# Private Methods ##############################################################################
@@ -77,7 +77,7 @@ module.exports = class LoginPageController extends PageController
attributes = response.json.data.user
if attributes?
router.user = new User attributes
router.navigate Url.root(), trigger:true
router.resumeAfterLogin()
.catch (error)->
logger.error "Failed to get access token: #{error}"
@_accessTokenLookupFailed = true
@@ -120,9 +120,9 @@ module.exports = class LoginPageController extends PageController
@client.completeGitHubLogin code:code
.then (response)=>
router.user = new User response.json.user
.catch (error)->
.catch (error)=>
@_accessTokenLookupFailed = true
@refresh
@refresh()
.done()
_redirectToGitHub: ->
@@ -8,14 +8,22 @@ All rights reserved.
BaseController = require './base_controller'
convertMarkdown = require 'marked'
_ = require 'underscore'
{Event} = require '../constants'
{Url} = require '../constants'
########################################################################################################################
module.exports = class MarkdownSectionController extends BaseController
@State = State =
viewing: 'viewing'
editing: 'editing'
previewing: 'previewing'
error: 'error'
constructor: (options={})->
if not options.modPack? then throw new Error 'options.modPack is required'
options.editable ?= false
options.imageBase ?= ''
options.model ?= ''
options.title ?= 'Description'
@@ -26,30 +34,101 @@ module.exports = class MarkdownSectionController extends BaseController
@modPack = options.modPack
@title = options.title
@_editable = options.editable
@_state = State.viewing
# Event Methods ################################################################################
onCancelClicked: (event)->
event.preventDefault()
@_state = State.viewing
@_updateStateVisibility()
onEditClicked: (event)->
event.preventDefault()
if global.router.user?
@_state = State.editing
@_updateStateVisibility()
else
global.router.login()
onPreviewClicked: (event)->
event.preventDefault()
@_state = State.preview
@_updateStateVisibility()
onReturnClicked: (event)->
event.preventDefault()
@_state = State.editing
@_updateStateVisibility()
onSaveClicked: (event)->
# TODO: implement logic to actually save changes
@onCancelClicked event
onTextChanged: (event)->
event.preventDefault()
@_updatePreview()
@_updateSizer()
# Property Methods #############################################################################
isEditable: ->
return @_editable
setEditable: (editable)->
return if @_editable is editable
@_editable = editable
@tryRefresh()
Object.defineProperties @prototype,
editable: {get:@prototype.isEditable, set:@prototype.setEditable}
# BaseController Overrides #####################################################################
onDidRender: ->
@$title = @$('h2')
@$buttonPanel = @$('.buttons')
@$cancelButton = @$('button.cancel')
@$editButton = @$('button.edit')
@$editorPanel = @$('.editor')
@$errorPanel = @$('.error')
@$errorText = @$('.error p')
@$markdownPanel = @$('.markdown')
@$previewButton = @$('button.preview')
@$returnButton = @$('button.return')
@$saveButton = @$('button.save')
@$sizer = @$('.sizer')
@$textarea = @$('textarea')
@$title = @$('h2')
super
refresh: ->
@$title.html @title
text = @model
text = @_convertWikiLinks text
text = @_convertImageLinks text
@$textarea.val @model
@$markdownPanel.html convertMarkdown text
if @editable
@show @$buttonPanel
else
@hide @$buttonPanel
@_updateSizer()
@_updatePreview()
super
# Backbone.View Overrides ######################################################################
events: ->
return _.extend super,
'click .markdown a': 'routeLinkClick'
'click .markdown a': 'routeLinkClick'
'click button.cancel': 'onCancelClicked'
'click button.edit': 'onEditClicked'
'click button.preview': 'onPreviewClicked'
'click button.return': 'onReturnClicked'
'click button.save': 'onSaveClicked'
'input textarea': 'onTextChanged'
# Private Methods ##############################################################################
@@ -66,3 +145,37 @@ module.exports = class MarkdownSectionController extends BaseController
result = "[#{name}](#{display.itemUrl})"
return result
_updateSizer: ->
text = @$textarea.val()
text = text.replace /\n/g, '<br>'
@$sizer.html text
_updatePreview: ->
text = @$textarea.val()
text = @_convertWikiLinks text
text = @_convertImageLinks text
@$markdownPanel.html convertMarkdown text
_updateStateVisibility: ->
toHide = []
toShow = []
errorText = ''
if @_state is State.viewing
toHide = [@$cancelButton, @$editorPanel, @$errorPanel, @$previewButton, @$returnButton, @$saveButton]
toShow = [@$editButton, @$markdownPanel]
else if @_state is State.editing
toHide = [@$editButton, @$errorPanel, @$markdownPanel, @$previewButton, @$returnButton]
toShow = [@$cancelButton, @$editorPanel, @$previewButton, @$saveButton]
else if @_state is State.preview
toHide = [@$cancelButton, @$editButton, @$editorPanel, @$previewButton, @$saveButton]
toShow = [@$errorPanel, @$markdownPanel, @$returnButton]
errorText = "remember: your changes aren't saved yet!"
# else if @_state is State.error
# TODO: Implement change to error state
@hide $el for $el in toHide
@once Event.animate.hide.finish, => @show $el for $el in toShow
@$errorText.html errorText
+12 -1
View File
@@ -36,9 +36,10 @@ backbone = require 'backbone'
module.exports = class CraftingGuideRouter extends backbone.Router
constructor: (options={})->
@_lastReported = null
@_page = null
@_pageControllers = {}
@_lastReported = null
@_postLoginUrl = Url.root
@_user = null
super options
@@ -80,6 +81,16 @@ module.exports = class CraftingGuideRouter extends backbone.Router
logger.info "User is not logged in"
.done()
login: ->
@storage.store 'post-login-url', window.location.pathname
@navigate Url.login(), trigger:true
resumeAfterLogin: ->
url = @storage.load 'post-login-url'
url ?= Url.root()
@navigate url, trigger:true
@storage.store 'post-login-url', null
# Property Methods #############################################################################
getUser: ->