diff options
Diffstat (limited to 'public/assets/js/lib/views/details/details.js')
| -rw-r--r-- | public/assets/js/lib/views/details/details.js | 92 |
1 files changed, 47 insertions, 45 deletions
diff --git a/public/assets/js/lib/views/details/details.js b/public/assets/js/lib/views/details/details.js index 49230a3..465655b 100644 --- a/public/assets/js/lib/views/details/details.js +++ b/public/assets/js/lib/views/details/details.js @@ -1,64 +1,66 @@ var DetailsView = View.extend({ + events: {}, - 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)) + + 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, "") + + load: function (id) { + id = id.replace(/\D/g, ""); $.ajax({ method: "get", url: this.action + id, success: this.populate.bind(this), error: app.router.error404, - }) + }); }, - - populate: function(data){ - this.data = data + + populate: function (data) { + this.data = data; // console.log(data) - set_background_color(data.thread.color || (data.keyword ? data.keyword.color : 'plain')) - $("body").removeClass('loading') - var thread = data.thread - $("h1").html(sanitizeHTML(thread.title)) - $("title").html(sanitizeHTML(thread.title)) - $(".metadata").html(metadata(thread)) - $(".settings_link").attr("href", "/details/" + thread.id + "/settings") - this.form.load(data.thread) - this.comments.load(data.comments, data.thread) - this.files.load(data.files, data.thread) - this.gallery.load(this.files.sortedFiles, data.thread) + set_background_color( + data.thread.color || (data.keyword ? data.keyword.color : "plain") + ); + $("body").removeClass("loading"); + var thread = data.thread; + $("h1").html(sanitizeHTML(thread.title)); + $("title").html(sanitizeHTML(thread.title)); + $(".metadata").html(metadata(thread)); + $(".stream_link").attr("href", "/stream/thread/" + thread.id); + $(".settings_link").attr("href", "/details/" + thread.id + "/settings"); + this.form.load(data.thread); + this.comments.load(data.comments, data.thread); + this.files.load(data.files, data.thread); + this.gallery.load(this.files.sortedFiles, data.thread); if (data.thread.keyword) { - $.get(this.keywordAction + data.thread.keyword, this.populateKeyword.bind(this)) + $.get( + this.keywordAction + data.thread.keyword, + this.populateKeyword.bind(this) + ); + } else { + this.settings.loadThreads(null); } - else { - this.settings.loadThreads(null) - } if (this.options.settings) { - this.openSettings() + this.openSettings(); } }, - - populateKeyword: function(data){ - this.threadbox.load(data) - this.settings.loadThreads(data.threads) - }, - - openSettings: function(e){ - e && e.preventDefault() - this.settings.show() + + populateKeyword: function (data) { + this.threadbox.load(data); + this.settings.loadThreads(data.threads); }, -}) + openSettings: function (e) { + e && e.preventDefault(); + this.settings.show(); + }, +}); |
