bataka/client/templates/thread.js

(function (thread) {
  
  var collapsed = $.state.collapsedThreads().indexOf(thread.id) > -1
    , firstPost = thread.posts[0]
    , newPosts  = $.util.getNewPosts(thread.id);

  var body = [ $.h(".threadCollapse",
    { onclick: $.emit(collapsed ? "expand" : "collapse", thread.id)},
    collapsed
      ? [ "[expand]"
        , newPosts > 0
          ? $.h("a.threadNewPosts",
              { onclick: $.util.scrollToFirstNewPost(thread.id) },
              String(newPosts))
          : null
        , $.h(".postDate",
            String(firstPost.time || ""))
        , $.h(".postUserName",
            firstPost.user || $.h("em", "onanimus"))
        , $.h(".postText",
            firstPost.text.slice(0, 50).concat(
              firstPost.text.length > 50 ? "..." : "")) ]
      : "[collapse]") ];

  if (!collapsed) {
    body = body
      .concat((thread.posts || []).map(post))
      .concat([ _.form(thread) ]);
  }

  return $.h(".thread", { id: "thread_" + thread.id }, body);

  function post (p, i) { return _.post(p, thread, i) }
    
})