footer in a post section UI improved

yssk22 · May 9, 2011 · d6f95f7 · d6f95f7
1 parent 0718ed2
commit d6f95f7
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 8 deletions.
diff --git a/apps/posts/_attachments/js/posts.js b/apps/posts/_attachments/js/posts.js
@@ -94,4 +94,22 @@
     button.bind('click', onClick);
   };
 
-})(jQuery);
+})(jQuery);
+
+$(function(){
+  function f(s){
+    if( s > 10 ){
+      return s;
+    }else{
+      return '0' + s;
+    }
+  }
+
+  $('time').each(function(){
+    var self = $(this);
+    var t = new Date(self.attr('datetime'))
+    var date = [f(t.getFullYear()), f(t.getMonth() + 1), f(t.getDate())].join('-');
+    var time = [f(t.getHours()), f(t.getMinutes() + 1), f(t.getSeconds())].join(':');
+    self.html(date + ' ' + time);
+  });
+});
diff --git a/apps/posts/_attachments/templates/parts/post.ejs b/apps/posts/_attachments/templates/parts/post.ejs
@@ -16,15 +16,17 @@
     <%- markdown(this.content) %>
   </div>
   <footer>
-    <a class="permalink" title="<%= this.title %>"
-       href="<%= url('/p/' + this._id) %>"><%= _("posts.permalink") %></a>
-    <a class="posts-edit" title="<%= _('posts.edit') %>: <%= this.title %>"
-       href="<%= url('/admin/edit/' + this._id) %>"><%= _("posts.edit") %></a>
-    <a class="posts-delete" title="<%= _('posts.delete') %>: <%= this.title %>"
-       href="<%= url('/p/' + this._id) %>"><%= _("posts.delete") %></a>
     <time datetime="<%= this.updated_at %>" class="updated_at"><%= this.updated_at %></time>
-    <time datetime="<%= this.created_at %>" class="created_at"><%= this.updated_at %></time>
+    <time datetime="<%= this.created_at %>" class="created_at" pubdate="pubdate"><%= this.updated_at %></time>
     <%- $system.linkToUser(this.updated_by) %>
+    <div class="actions">
+      <a class="permalink" title="<%= this.title %>"
+         href="<%= url('/p/' + this._id) %>"><%= _("posts.permalink") %></a>
+      <a class="posts-edit" title="<%= _('posts.edit') %>: <%= this.title %>"
+         href="<%= url('/admin/edit/' + this._id) %>"><%= _("posts.edit") %></a>
+      <a class="posts-delete" title="<%= _('posts.delete') %>: <%= this.title %>"
+         href="<%= url('/p/' + this._id) %>"><%= _("posts.delete") %></a>
+    </div>
   </footer>
   <script type="text/javascript">
     $(function(){$('article.post[data-docid="<%= this._id %>"]').bindDelete();});