270 lines
No EOL
8.7 KiB
JavaScript
270 lines
No EOL
8.7 KiB
JavaScript
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;
|
||
|
||
}); |