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
56
57
58
59
60
61
62
63
64
65
66
67
68
|
var DetailsView = View.extend({
events: {
},
action: "/api/thread/",
keywordAction: "/api/keyword/",
initialize: function(opt){
this.comments = new CommentsView ({ parent: this })
this.files = new FilesView ({ parent: this })
this.gallery = new GalleryView ({ parent: this })
this.form = new CommentForm ({ parent: this })
this.threadbox = new ThreadBox ({ parent: this })
this.settings = new ThreadSettingsForm ({ parent: this })
$(".settings_link").click(this.openSettings.bind(this))
},
load: function(id){
id = id.replace(/\D/g, "")
$.get(this.action + id, this.populate.bind(this))
},
populate: function(data){
this.data = data
console.log(data)
set_background_color(data.thread.color || data.keyword.color)
$("body").removeClass('loading')
var thread = data.thread
$("h1").html(sanitize(thread.title))
$("title").html(sanitize(thread.title))
$(".metadata").html(metadata(thread))
$(".settings_link").attr("href", "/details/" + thread.id + "/settings")
this.form.load(data.thread)
this.comments.load(data.comments)
this.files.load(data.files)
this.gallery.load(data.files)
if (data.thread.keyword) {
$.get(this.keywordAction + data.thread.keyword, this.populateKeyword.bind(this))
}
if (this.options.settings) {
this.openSettings()
}
},
populateKeyword: function(data){
this.threadbox.load(data)
},
openSettings: function(e){
e && e.preventDefault()
this.settings.show()
},
})
var metadataTemplate = $(".metadata_template").html()
function metadata(thread){
var datetime = verbose_date(thread.createdate, true)
var age = get_age(thread.lastmodified, true)
var t = metadataTemplate
.replace(/{{ username }}/g, thread.username)
.replace(/{{ date }}/g, datetime[0])
.replace(/{{ time }}/g, datetime[1])
.replace(/{{ active }}/g, age + " ago")
.replace(/{{ views }}/g, thread.viewed + " view" + courtesy_s(thread.viewed))
return t
}
|
