better conversation view

This commit is contained in:
jeena 2013-09-09 00:36:31 +02:00
parent 25e3f203e6
commit 037f382d72
5 changed files with 120 additions and 35 deletions

View file

@ -2,10 +2,11 @@ define([
"helper/HostApp",
"helper/Core",
"helper/APICalls",
"lib/URI"
"lib/URI",
"helper/ConversationNode"
],
function(HostApp, Core, APICalls, URI) {
function(HostApp, Core, APICalls, URI, ConversationNode) {
function Conversation(standalone) {
@ -30,6 +31,7 @@ function(HostApp, Core, APICalls, URI) {
$(document).keydown(function(e) {
if (e.keyCode == 27) { // Esc
_this.stopLoading = true;
_this.makeTree();
}
});
}
@ -46,7 +48,6 @@ function(HostApp, Core, APICalls, URI) {
Conversation.addStatus = function(status) {
this.body.appendChild(this.getStatusDOMElement(status));
}
@ -54,6 +55,7 @@ function(HostApp, Core, APICalls, URI) {
Conversation.prototype.showStatus = function(id, entity) {
this.body.innerHTML = "";
this.rootNode = null;
this.current_post_id = id;
this.current_entity = entity;
this.append(id, entity);
@ -85,17 +87,23 @@ function(HostApp, Core, APICalls, URI) {
var status = _statuses.post;
var dom_element = _this.getStatusDOMElement(status);
var cNode = new ConversationNode(dom_element);
dom_element.cNode = cNode;
if (node) {
if(add_after) {
if(add_after) { // is a child of node
node.parentNode.insertBefore(dom_element, node.nextSibling);
} else {
node.cNode.addChild(cNode);
} else { // is a parent of node
node.parentNode.insertBefore(dom_element, node);
cNode.addChild(node.cNode);
}
} else {
} else { // is start node (doesn't have to be root, can have parents)
dom_element.className = "highlight";
_this.body.appendChild(dom_element);
_this.rootNode = cNode;
}
// child posts
@ -115,6 +123,10 @@ function(HostApp, Core, APICalls, URI) {
}
}
if(!entity) {
entity = node.status.entity
}
var url = HostApp.serverUrl("post")
.replace(/\{entity\}/, encodeURIComponent(entity))
.replace(/\{post\}/, id)
@ -137,7 +149,7 @@ function(HostApp, Core, APICalls, URI) {
// don't load if it is already there
var not_already_there = !document.getElementById("post-" + status.post + "-" + _this.action);
if(not_already_there && status.type.startsWith("https://tent.io/types/status/v0")) {
_this.append(status.post, status.entity ,node, true);
_this.append(status.post, status.entity, node, true);
}
}
}
@ -153,6 +165,34 @@ function(HostApp, Core, APICalls, URI) {
}
Conversation.prototype.makeTree = function() {
var root_ul = document.createElement("ol");
root_ul.id = "conversation-tree";
var root_li = this.body.firstChild;
root_ul.appendChild(root_li);
function addChildren(node) {
var ul = document.createElement("ol");
node.appendChild(ul);
var children = node.cNode.children;
for (var i = 0; i < children.length; i++) {
var child = children[i].dom_node;
ul.appendChild(child);
addChildren(child);
};
}
addChildren(root_li);
this.body.parentNode.replaceChild(root_ul, this.body);
this.body = root_ul;
var lis = this.body.querySelectorAll("li");
for (var i = 0; i < lis.length; i++) {
lis[i].className += " " + (i % 2 == 0 ? "odd" : "even");
};
};
return Conversation;
});

View file

@ -19,7 +19,7 @@ function(Core, APICalls, HostApp, URI) {
this.timeout = 10 * 1000; // every 10 seconds
this.since_id = null;
this.since_id_entity = null;
this.since_time = 0;
this.since_time = null;
this.pages = {};
@ -59,8 +59,9 @@ function(Core, APICalls, HostApp, URI) {
}
this.pages = _statuses.pages;
statuses = _statuses.posts;
if(statuses != null && statuses.length > 0) {
this.before.loading = false;
@ -72,7 +73,8 @@ function(Core, APICalls, HostApp, URI) {
var status = statuses[i];
if(!append) {
this.since_id = status.id;
this.since_id_entity = status.entity;
this.since_id_entity = status.entity;
this.since_time = status.received_at;
}
if (status.type == "https://tent.io/types/status/v0#" || status.type == "https://tent.io/types/status/v0#reply") {
@ -132,6 +134,10 @@ function(Core, APICalls, HostApp, URI) {
uri.addSearch("max_refs", 20);
uri.addSearch("profiles", "entity");
if(this.since_time) {
uri.addSearch("since", this.since_time);
}
for (key in add_to_search) {
uri.addSearch(key, add_to_search[key]);
}