nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

created post author view.

Browse source
This commit is contained in:
danielgrippi 2012-02-20 20:26:24 -08:00
parent 6965d6da24
commit 7466808112
5 changed files with 36 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/javascripts/app/pages/post-viewer.js
View file

@ -5,7 +5,8 @@ app.pages.PostViewer = app.views.Base.extend({
subviews : { subviews : {
"#post-content" : "postView", "#post-content" : "postView",
"#post-nav" : "navView", "#post-nav" : "navView",
"#post-feedback" : "feedbackView" "#post-feedback" : "feedbackView",
"#header-container" : "authorView"
}, },
postView : function(){ postView : function(){
@ -25,6 +26,10 @@ app.pages.PostViewer = app.views.Base.extend({
return new app.views.PostViewerFeedback({ model : this.model }) return new app.views.PostViewerFeedback({ model : this.model })
}, },
authorView : function() {
return new app.views.PostViewerAuthor({ model : this.model })
},
postRenderTemplate : function() { postRenderTemplate : function() {
this.bindNavHooks(); this.bindNavHooks();
}, },

24
public/javascripts/app/templates/post-viewer.handlebars
View file

@ -1,31 +1,15 @@
<!-- header to be extracted --> <!-- header to be extracted -->
<div class="header"> <div class="header">
<div class="header-container"> <div id="header-container"> </div>
<div id="post-author" class="media">
<div class="img">
<a href="/people/{{author.guid}}" class="author-name">
<img src="{{author.avatar.small}}" class="avatar smaller"/>
</a>
</div>
<div class="bd">
<a href="/people/{{author.guid}}" class="author-name">
{{author.name}}
</a>
<div class="post-time">
<i class="icon-time"></i>
{{created_at}}
</div>
</div>
</div>
</div>
</div> </div>
<div id="post-content"></div> <div id="post-content"></div>
<div id="post-nav"></div> <div id="post-nav"></div>
<!-- extraction needed! -->
<div id="post-reactions"> <div id="post-reactions">
<div id="post-feedback"></div> <div id="post-feedback"></div>

16
public/javascripts/app/templates/post-viewer/author.handlebars Normal file
View file

@ -0,0 +1,16 @@
<div class="img">
<a href="/people/{{author.guid}}" class="author-name">
<img src="{{author.avatar.small}}" class="avatar smaller"/>
</a>
</div>
<div class="bd">
<a href="/people/{{author.guid}}" class="author-name">
{{author.name}}
</a>
<div class="post-time">
<i class="icon-time"></i>
<time datetime="{{created_at}}" />
</div>
</div>

9
public/javascripts/app/views/post_author_view.js Normal file
View file

@ -0,0 +1,9 @@
app.views.PostViewerAuthor = app.views.Base.extend({
id : "post-author",
className : "media",
templateName: "post-viewer/author"
})

2
public/stylesheets/sass/new-templates.scss
View file

@ -252,7 +252,7 @@ $light-grey: #999;
width: 100%; width: 100%;
} }
.header-container { #header-container {
padding: 20px; padding: 20px;
} }