added profile view
This commit is contained in:
Jeena Paradies
parent
0728d2e669
commit
fa62ef3629
12 changed files with 539 additions and 68 deletions
|
|
@ -5,7 +5,7 @@ define([
|
|||
"lib/URI"
|
||||
],
|
||||
|
||||
function(HostApp, Core, Paths, URI, Followings) {
|
||||
function(HostApp, Core, Paths, URI) {
|
||||
|
||||
|
||||
function Conversation() {
|
||||
|
|
|
|||
270
WebKit/scripts/controller/Profile.js
Normal file
270
WebKit/scripts/controller/Profile.js
Normal file
|
|
@ -0,0 +1,270 @@
|
|||
define([
|
||||
"helper/HostApp",
|
||||
"helper/Core",
|
||||
"helper/Paths",
|
||||
"lib/URI"
|
||||
],
|
||||
|
||||
function(HostApp, Core, Paths, URI) {
|
||||
|
||||
|
||||
function Profile() {
|
||||
|
||||
Core.call(this);
|
||||
|
||||
this.action = "profile";
|
||||
|
||||
this.initProfileTemplate();
|
||||
}
|
||||
|
||||
Profile.prototype = Object.create(Core.prototype);
|
||||
|
||||
Profile.prototype.showProfileForEntity = function(entity) {
|
||||
|
||||
this.clear();
|
||||
this.entity = entity;
|
||||
this.profile_template.entity.innerHTML = entity;
|
||||
this.profile_template.entity.href = entity;
|
||||
this.getProfile();
|
||||
}
|
||||
|
||||
Profile.prototype.initProfileTemplate = function() {
|
||||
|
||||
var header = document.createElement("header");
|
||||
header.className = "profile"
|
||||
document.body.appendChild(header);
|
||||
|
||||
this.profile_template = {
|
||||
avatar: document.createElement("img"),
|
||||
name: document.createElement("h1"),
|
||||
entity: document.createElement("a"),
|
||||
bio: document.createElement("p"),
|
||||
posts: document.createElement("td"),
|
||||
following: document.createElement("td"),
|
||||
followed: document.createElement("td"),
|
||||
birthdate: document.createElement("td"),
|
||||
location: document.createElement("td"),
|
||||
gender: document.createElement("td"),
|
||||
url: document.createElement("a")
|
||||
};
|
||||
|
||||
header.appendChild(this.profile_template.avatar);
|
||||
this.profile_template.avatar.src = "img/default-avatar.png";
|
||||
var div = document.createElement("div");
|
||||
header.appendChild(div);
|
||||
|
||||
div.appendChild(this.profile_template.name);
|
||||
|
||||
var p = document.createElement("p");
|
||||
p.appendChild(this.profile_template.entity);
|
||||
div.appendChild(p);
|
||||
|
||||
div.appendChild(this.profile_template.bio);
|
||||
|
||||
var table = document.createElement("table");
|
||||
div.appendChild(table);
|
||||
|
||||
function mkLi(name, template) {
|
||||
var tr = document.createElement("tr");
|
||||
var th = document.createElement("th");
|
||||
tr.style.display = "none";
|
||||
th.innerText = name + ": ";
|
||||
tr.appendChild(th);
|
||||
tr.appendChild(template);
|
||||
table.appendChild(tr);
|
||||
}
|
||||
|
||||
mkLi("Birth date", this.profile_template.birthdate);
|
||||
mkLi("Location", this.profile_template.location);
|
||||
mkLi("Gender", this.profile_template.gender);
|
||||
|
||||
var td = document.createElement("td");
|
||||
td.appendChild(this.profile_template.url);
|
||||
mkLi("Homepage", td);
|
||||
|
||||
mkLi("Posts", this.profile_template.posts);
|
||||
mkLi("Following", this.profile_template.following);
|
||||
mkLi("Followed by", this.profile_template.followed);
|
||||
|
||||
|
||||
this.body = document.createElement("ol");
|
||||
this.body.className = this.action;
|
||||
document.body.appendChild(this.body);
|
||||
}
|
||||
|
||||
Profile.prototype.clear = function() {
|
||||
|
||||
this.profile_template.avatar.src = "img/default-avatar.png";
|
||||
|
||||
this.profile_template.name.innerText = "";
|
||||
this.profile_template.entity.innerText = "";
|
||||
this.profile_template.bio.innerText = "";
|
||||
this.profile_template.posts.innerText = "";
|
||||
this.profile_template.following.innerText = "";
|
||||
this.profile_template.followed.innerText = "";
|
||||
this.profile_template.birthdate.innerText = "";
|
||||
this.profile_template.location.innerText = "";
|
||||
this.profile_template.gender.innerText = "";
|
||||
this.profile_template.url.innerText = "";
|
||||
this.profile_template.url.href = "";
|
||||
|
||||
this.profile_template.posts.parentNode.style.display = "none";
|
||||
this.profile_template.following.parentNode.style.display = "none";
|
||||
this.profile_template.followed.parentNode.style.display = "none";
|
||||
this.profile_template.birthdate.parentNode.style.display = "none";
|
||||
this.profile_template.location.parentNode.style.display = "none";
|
||||
this.profile_template.gender.parentNode.style.display = "none";
|
||||
this.profile_template.url.parentNode.parentNode.style.display = "none";
|
||||
|
||||
this.body.innerHTML = "";
|
||||
};
|
||||
|
||||
Profile.prototype.getProfile = function() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
Paths.findProfileURL(this.entity, function(profile_url) {
|
||||
|
||||
if (profile_url) {
|
||||
|
||||
Paths.getURL(profile_url, "GET", function(resp) {
|
||||
|
||||
_this.showProfile(JSON.parse(resp.responseText));
|
||||
|
||||
}, null, false); // do not send auth-headers
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Profile.prototype.showProfile = function(profile) {
|
||||
|
||||
var basic = profile["https://tent.io/types/info/basic/v0.1.0"];
|
||||
|
||||
if (profile && basic) {
|
||||
|
||||
if(basic.avatar_url) {
|
||||
this.profile_template.avatar.onerror = function() { this.profile_template.avatar.src = 'img/default-avatar.png' };
|
||||
this.profile_template.avatar.src = basic.avatar_url;
|
||||
}
|
||||
|
||||
this.populate(this.profile_template.name, basic.name);
|
||||
this.populate(this.profile_template.birthdate, basic.birthdate);
|
||||
this.populate(this.profile_template.location, basic.location);
|
||||
this.populate(this.profile_template.gender, basic.gender);
|
||||
this.populate(this.profile_template.bio, basic.bio);
|
||||
|
||||
if(basic.url) {
|
||||
|
||||
var url = basic.url;
|
||||
this.profile_template.url.innerText = url;
|
||||
this.profile_template.url.parentNode.parentNode.style.display = "";
|
||||
|
||||
if (!url.startsWith("http")) {
|
||||
url = "http://" + url;
|
||||
}
|
||||
|
||||
this.profile_template.url.href = url;
|
||||
}
|
||||
}
|
||||
|
||||
if (profile) {
|
||||
var server = profile["https://tent.io/types/info/core/v0.1.0"]["servers"][0];
|
||||
this.getMeta(server);
|
||||
this.getStatuses(server);
|
||||
}
|
||||
}
|
||||
|
||||
Profile.prototype.populate = function(t, v) {
|
||||
if (v) {
|
||||
t.innerText = v;
|
||||
t.parentNode.style.display = "";
|
||||
}
|
||||
}
|
||||
|
||||
Profile.prototype.getMeta = function(root_url) {
|
||||
|
||||
var _this = this;
|
||||
Paths.getURL(URI(root_url + "/followings/count").toString(), "GET", function(resp) {
|
||||
|
||||
_this.populate(_this.profile_template.following, resp.responseText);
|
||||
}, null, false);
|
||||
|
||||
Paths.getURL(URI(root_url + "/followers/count").toString(), "GET", function(resp) {
|
||||
|
||||
_this.populate(_this.profile_template.followed, resp.responseText);
|
||||
}, null, false);
|
||||
|
||||
Paths.getURL(URI(root_url + "/posts/count").toString(), "GET", function(resp) {
|
||||
|
||||
_this.populate(_this.profile_template.posts, resp.responseText);
|
||||
}, null, false);
|
||||
}
|
||||
|
||||
|
||||
Profile.prototype.getStatuses = function(root_url) {
|
||||
var _this = this;
|
||||
|
||||
var url = URI(root_url + "/posts");
|
||||
url.addSearch("limit", 20);
|
||||
|
||||
var post_types = [
|
||||
"https://tent.io/types/post/repost/v0.1.0",
|
||||
"https://tent.io/types/post/status/v0.1.0",
|
||||
"https://tent.io/types/post/delete/v0.1.0",
|
||||
//"https://tent.io/types/post/photo/v0.1.0"
|
||||
];
|
||||
url.addSearch("post_types", post_types.join(","));
|
||||
|
||||
Paths.getURL(url.toString(), "GET", function(resp) {
|
||||
|
||||
var statuses = JSON.parse(resp.responseText);
|
||||
|
||||
_this.newStatus(statuses);
|
||||
|
||||
}, null, false);
|
||||
}
|
||||
|
||||
Profile.prototype.newStatus = function(statuses) {
|
||||
if(statuses != null && statuses.length > 0) {
|
||||
for(var i = statuses.length-1, c=0; i>=c; --i) {
|
||||
|
||||
var status = statuses[i];
|
||||
this.since_id = status.id;
|
||||
this.since_id_entity = status.entity;
|
||||
|
||||
if (status.type == "https://tent.io/types/post/status/v0.1.0" || status.type == "https://tent.io/types/post/photo/v0.1.0") {
|
||||
|
||||
var new_node = this.getStatusDOMElement(status);
|
||||
|
||||
if(this.body.childNodes.length > 0) {
|
||||
|
||||
if(this.body.childNodes.length > this.max_length) {
|
||||
|
||||
this.body.removeChild(this.body.lastChild);
|
||||
}
|
||||
|
||||
this.body.insertBefore(new_node, this.body.firstChild);
|
||||
|
||||
} else {
|
||||
|
||||
this.body.appendChild(new_node);
|
||||
}
|
||||
|
||||
} else if (status.type == "https://tent.io/types/post/delete/v0.1.0") {
|
||||
|
||||
var li = document.getElementById("post-" + status.content.id);
|
||||
if (li) {
|
||||
this.body.removeChild(li);
|
||||
}
|
||||
} else if (status.type == "https://tent.io/types/post/repost/v0.1.0") {
|
||||
|
||||
this.getRepost(status, this.body.firstChild);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return Profile;
|
||||
|
||||
});
|
||||
|
|
@ -86,7 +86,7 @@ function(Core, Paths, HostApp, URI) {
|
|||
"https://tent.io/types/post/repost/v0.1.0",
|
||||
"https://tent.io/types/post/status/v0.1.0",
|
||||
"https://tent.io/types/post/delete/v0.1.0",
|
||||
"https://tent.io/types/post/photo/v0.1.0"
|
||||
//"https://tent.io/types/post/photo/v0.1.0"
|
||||
];
|
||||
url.addSearch("post_types", post_types.join(","));
|
||||
|
||||
|
|
@ -125,30 +125,6 @@ function(Core, Paths, HostApp, URI) {
|
|||
}
|
||||
}
|
||||
|
||||
Timeline.prototype.getRepost = function(repost, before_node) {
|
||||
|
||||
var _this = this;
|
||||
var callback = function(resp) {
|
||||
var status = JSON.parse(resp.responseText);
|
||||
status.__repost = repost;
|
||||
var li = _this.getStatusDOMElement(status);
|
||||
before_node.parentNode.insertBefore(li, before_node);
|
||||
}
|
||||
|
||||
Paths.findProfileURL(repost.content.entity, function(profile_url) {
|
||||
if (profile_url) {
|
||||
|
||||
Paths.getURL(profile_url, "GET", function(resp) {
|
||||
|
||||
var profile = JSON.parse(resp.responseText);
|
||||
var server = profile["https://tent.io/types/info/core/v0.1.0"].servers[0];
|
||||
Paths.getURL(URI(server + "/posts/" + repost.content.id).toString(), "GET", callback, null, false);
|
||||
|
||||
}, null, false); // do not send auth-headers
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
Timeline.prototype.sendNewMessage = function(content, in_reply_to_status_id, in_reply_to_entity, location, image_data_uri) {
|
||||
var _this = this;
|
||||
var callback = function(data) { _this.getNewData(); }
|
||||
|
|
|
|||
Reference in a new issue