100 lines
2.8 KiB
JavaScript
100 lines
2.8 KiB
JavaScript
(function() {
|
|
var HoverCard = function() {
|
|
var self = this;
|
|
|
|
this.start = function() {
|
|
this.hoverCard = {
|
|
tip: $("#hovercard"),
|
|
offset: {
|
|
left: 00,
|
|
top: 20
|
|
},
|
|
personLink: $("#hovercard").find("a.person"),
|
|
avatar: $("#hovercard").find(".avatar"),
|
|
dropdown: $("#hovercard").find(".dropdown_list")
|
|
};
|
|
|
|
$(document.body).delegate("a.author", "hover", this.handleHoverEvent);
|
|
this.hoverCard.tip.hover(this.hoverCardHover, this.clearTimeout);
|
|
};
|
|
|
|
this.handleHoverEvent = function(evt) {
|
|
self.target = $(evt.target);
|
|
|
|
if(evt.type === "mouseenter") {
|
|
self.startHover();
|
|
}
|
|
else {
|
|
self.clearTimeout(evt);
|
|
}
|
|
};
|
|
|
|
this.startHover = function(evt) {
|
|
if(!self.hoverCardTimeout) {
|
|
self.clearTimeout(false);
|
|
}
|
|
self.timeout = setTimeout(self.showHoverCard, 100);
|
|
};
|
|
|
|
this.showHoverCard = function() {
|
|
self.hoverCard.tip.fadeOut('fast');
|
|
self.hoverCard.tip.prependTo(self.target.parent());
|
|
|
|
$.getJSON(self.target.attr("href"), function(person) {
|
|
var position = self.target.position();
|
|
self.hoverCard.tip.css({
|
|
left: position.left + self.hoverCard.offset.left,
|
|
top: position.top + self.hoverCard.offset.top
|
|
});
|
|
|
|
self.hoverCard.avatar.attr("src", person.avatar);
|
|
self.hoverCard.personLink.attr("href", person.url);
|
|
self.hoverCard.personLink.text(person.name);
|
|
self.hoverCard.dropdown.attr("data-person-id", person.id);
|
|
|
|
self.hoverCard.tip.fadeIn('fast');
|
|
});
|
|
|
|
$.get(self.target.attr('href')+'/aspect_membership_button',function(data){
|
|
self.hoverCard.tip.find('#hovercard_dropdown_container').html(data);
|
|
});
|
|
};
|
|
|
|
this.populateDropdown = function(aspect_ids){
|
|
var dropdown = this.hoverCard.tip.find('.dropdown_list'),
|
|
listElements = dropdown.children('li'),
|
|
inAspects = false;
|
|
|
|
// check-off aspects
|
|
$.each(listElements, function(idx,el){
|
|
var element = $(el);
|
|
if( aspect_ids.indexOf(element.attr('data-aspect_id')) !== -1 ){
|
|
element.addClass('selected');
|
|
inAspects = true;
|
|
}
|
|
});
|
|
|
|
// make button green
|
|
};
|
|
|
|
this.clearTimeout = function(delayed) {
|
|
function callback() {
|
|
self.timeout = clearTimeout(self.timeout);
|
|
self.hoverCard.tip.hide();
|
|
};
|
|
|
|
if((typeof delayed === "boolean" && delayed) || (typeof delayed === "object" && delayed.type === "mouseleave")) {
|
|
self.hoverCardTimeout = setTimeout(callback, 400);
|
|
}
|
|
else {
|
|
callback();
|
|
}
|
|
};
|
|
|
|
this.hoverCardHover = function() {
|
|
self.hoverCardTimeout = clearTimeout(self.hoverCardTimeout);
|
|
};
|
|
};
|
|
|
|
Diaspora.widgets.add("hoverCard", HoverCard);
|
|
})();
|