blob: 85fd51e837d4c59d04f9c1039f716caae411f88e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
var HootBox = FormView.extend({
el: "#hootbox",
events: {
},
action: "/api/thread/1/comment",
initialize: function(){
this.__super__.initialize.call(this)
this.template = this.$(".template").html()
this.$hoots = this.$("#hoots")
this.$comment = this.$("[name=comment]")
},
load: function(comments){
if (!comments || !comments.length && ! this.options.required) {
this.$el.hide()
return
}
comments.forEach(this.appendComment.bind(this))
},
parse: function(comment){
var t = this.template.replace(/{{username}}/g, profile_image(comment.username))
.replace(/{{username}}/g, comment.username)
.replace(/{{comment}}/g, tidy_urls(comment.comment, true))
return t
},
prependComment: function(comment){
var $el = $( this.parse(comment) )
this.$hoots.prepend($el)
},
appendComment: function(comment){
var $el = $( this.parse(comment) )
this.$hoots.append($el)
},
validate: function(){
var errors = []
var comment = $("[name=comment]").val()
if (! comment || ! comment.length) {
errors.push("Please enter a comment.")
}
return errors.length ? errors : null
},
success: function(comment){
this.prependComment(comment)
this.$("[name=comment]").val("")
}
})
|
