66 lines
1.6 KiB
JavaScript
66 lines
1.6 KiB
JavaScript
app.pages.PostViewer = app.views.Base.extend({
|
|
|
|
templateName: "post-viewer",
|
|
|
|
subviews : {
|
|
"#post-content" : "postView",
|
|
"#post-nav" : "navView",
|
|
"#post-feedback" : "feedbackView",
|
|
"#header-container" : "authorView"
|
|
},
|
|
|
|
postView : function(){
|
|
return new app.views.Post({
|
|
model : this.model,
|
|
className : "post loaded",
|
|
templateName : "post-viewer/content/" + this.options.postTemplateName,
|
|
attributes : {"data-template" : this.options.postTemplateName}
|
|
})
|
|
},
|
|
|
|
navView : function() {
|
|
return new app.views.PostViewerNav({ model : this.model })
|
|
},
|
|
|
|
feedbackView : function() {
|
|
if(!window.app.user()) { return null }
|
|
return new app.views.PostViewerFeedback({ model : this.model })
|
|
},
|
|
|
|
authorView : function() {
|
|
return new app.views.PostViewerAuthor({ model : this.model })
|
|
},
|
|
|
|
postRenderTemplate : function() {
|
|
this.bindNavHooks();
|
|
},
|
|
|
|
bindNavHooks : function() {
|
|
/* navagation hooks */
|
|
var nextPostLocation = this.model.get("next_post");
|
|
var previousPostLocation = this.model.get("previous_post");
|
|
|
|
$(document).keydown(function(e){
|
|
switch(e.keyCode) {
|
|
case 37:
|
|
navigate(nextPostLocation, "left"); break;
|
|
case 39:
|
|
navigate(previousPostLocation, "right"); break;
|
|
default:
|
|
break;
|
|
}
|
|
})
|
|
|
|
function navigate(loc, direction) {
|
|
loc ? window.location = loc : bump(direction)
|
|
}
|
|
|
|
function bump(direction) {
|
|
$(".backdrop").addClass("bump-" + direction)
|
|
setTimeout( function(){
|
|
$(".backdrop").removeClass("bump-" + direction)
|
|
}, 200)
|
|
}
|
|
}
|
|
|
|
})
|