jeena/Bungloo
Archived
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

added following/unfollowing

Browse source
This commit is contained in:
Jeena Paradies 2012-11-28 03:15:51 +01:00
parent fa62ef3629
commit 60ec8a4454
2 changed files with 66 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
WebKit/css/default.css
View file

@ -246,3 +246,18 @@ li.mentioned {
width: 15px;
margin-right: 5px;
}
header.profile button {
background: #09F;
float: right;
color: white;
cursor: pointer;
padding: 6px 10px;
border: 0;
border-radius: 3px;
font-weight: bold;
}
header.profile button.following {
background: #D84A38;
}

52
WebKit/scripts/controller/Profile.js
View file

@ -25,11 +25,16 @@ function(HostApp, Core, Paths, URI) {
this.entity = entity;
this.profile_template.entity.innerHTML = entity;
this.profile_template.entity.href = entity;
this.setFollowingButton(!!this.followings.followings[this.entity]);
this.getProfile();
}
Profile.prototype.initProfileTemplate = function() {
var _this = this;
var header = document.createElement("header");
header.className = "profile"
document.body.appendChild(header);
@ -45,14 +50,21 @@ function(HostApp, Core, Paths, URI) {
birthdate: document.createElement("td"),
location: document.createElement("td"),
gender: document.createElement("td"),
url: document.createElement("a")
url: document.createElement("a"),
following_button: document.createElement("button")
};
header.appendChild(this.profile_template.avatar);
this.profile_template.avatar.src = "img/default-avatar.png";
var div = document.createElement("div");
header.appendChild(div);
this.profile_template.following_button.onclick = function(e) {
_this.toggleFollow()
}
div.appendChild(this.profile_template.following_button);
div.appendChild(this.profile_template.name);
var p = document.createElement("p");
@ -116,6 +128,8 @@ function(HostApp, Core, Paths, URI) {
this.profile_template.gender.parentNode.style.display = "none";
this.profile_template.url.parentNode.parentNode.style.display = "none";
this.setFollowingButton(false);
this.body.innerHTML = "";
};
@ -265,6 +279,42 @@ function(HostApp, Core, Paths, URI) {
}
}
Profile.prototype.mention = function() {
}
Profile.prototype.setFollowingButton = function(following) {
if (following) {
this.profile_template.following_button.className = "following";
this.profile_template.following_button.innerText = "Unfollow";
} else {
this.profile_template.following_button.className = "";
this.profile_template.following_button.innerText = "Follow";
}
}
Profile.prototype.toggleFollow = function() {
var _this = this;
var callback = function() { _this.followings.getAllFollowings() };
if (this.followings.followings[this.entity]) {
var url = URI(Paths.mkApiRootPath("/followings/" + this.followings.followings[this.entity].id));
Paths.getURL(url.toString(), "DELETE", callback);
this.setFollowingButton(false);
delete this.followings.followings[this.entity];
} else {
var url = URI(Paths.mkApiRootPath("/followings"));
var data = JSON.stringify({"entity": this.entity });
Paths.getURL(url.toString(), "POST", callback, data);
this.setFollowingButton(true);
}
}
return Profile;
});