editing for profile comments

This commit is contained in:
Kyle Drake 2014-05-02 15:08:12 -07:00
parent f681e6c704
commit 6277a94a5b
12 changed files with 80 additions and 13 deletions

View file

@ -9,7 +9,7 @@ Comment.prototype.create = function(form) {
var comment = form.find('[name="comment"]').val()
form.remove()
$.post('/event/'+this.eventId+'/comment', {csrf_token: this.csrfToken, comment: comment}, function(res) {
$.post('/event/'+this.eventId+'/comment', {csrf_token: this.csrfToken, message: comment}, function(res) {
console.log(res)
})

View file

@ -0,0 +1,32 @@
var ProfileComment = {
displayEditor: function(eventId) {
var commentDiv = $('#event_'+eventId+' div.title div.comment')
var eventActions = $('#event_'+eventId+'_actions')
eventActions.find('a#editLink').css('display', 'none')
commentDiv.html(Template.template($('#comment-edit-template').html(), {eventId: eventId, content: commentDiv.text()}))
$('#event_'+eventId+' div.title div.comment').text()
},
cancelEditor: function(eventId) {
var eventActions = $('#event_'+eventId+'_actions')
var commentDiv = $('#event_'+eventId+' div.title div.comment')
eventActions.find('a#editLink').css('display', 'inline')
commentDiv.text(commentDiv.find('textarea').text())
},
update: function(eventId, csrfToken) {
var eventActions = $('#event_'+eventId+'_actions')
var commentDiv = $('#event_'+eventId+' div.title div.comment')
var self = this
console.log(commentDiv.find('textarea').val())
$.post('/event/'+eventId+'/update_profile_comment', {
csrf_token: csrfToken,
message: commentDiv.find('textarea').val()
}, function(res) {
commentDiv.find('textarea').text(commentDiv.find('textarea').val())
self.cancelEditor(eventId)
})
}
}

View file

@ -1,12 +1,15 @@
var Template = {
template: function(templateString, data) {
var data = data || {}
return _.template(templateString, data, {interpolate: /\{\{(.+?)\}\}/g})
return _.template(templateString, data, {
interpolate: /\{\{-(.+?)\}\}/g,
escape: /\{\{(.+?)\}\}/g
})
},
renderComment: function(event_id) {
var event = $('#event_'+event_id+'_actions')
var rendered = this.template($('#comment-template').html(), {event_id: event_id})
renderComment: function(eventId) {
var event = $('#event_'+eventId+'_actions')
var rendered = this.template($('#comment-template').html(), {eventId: eventId})
event.find('a#reply').css('display', 'none')
event.append(rendered)
}