menu.js
2.28 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
function Menu(menuSelector, application)
{
this.application = application;
this.signupSelector = menuSelector + " ul li.signup";
this.loginSelector = menuSelector + " ul li.login";
this.logoutSelector = menuSelector + " ul li.logout";
this.myaccountSelector = menuSelector + " ul li.my_account";
this.menuElement = $(menuSelector);
}
Menu.prototype.init = function() {
this.menuElement.load("/_menu.html", $.proxy(this._menuActions, this));
}
Menu.prototype.update = function() {
$("#myaccount div.firstname input").val(this.application.user.firstname);
$("#myaccount div.surname input").val(this.application.user.surname);
$("#myaccount div.email input").val(this.application.user.email);
if (this.application.user.isEmpty()) {
$(this.signupSelector).removeClass("hide");
$(this.loginSelector).removeClass("hide");
$(this.logoutSelector).addClass("hide");
$(this.myaccountSelector).addClass("hide");
} else {
$(this.signupSelector).addClass("hide");
$(this.loginSelector).addClass("hide");
$(this.logoutSelector).removeClass("hide");
$(this.myaccountSelector).removeClass("hide");
}
}
Menu.prototype._menuActions = function() {
$(this.signupSelector).click(function(ev) {
if ($("#signup-container").hasClass("hide")) {
$("#login-container").addClass("hide");
$("#signup-container").css("top", ev.pageY + 20);
$("#signup-container").css("left", ev.pageX - 100);
$("#signup-container").removeClass("hide");
} else {
$("#signup-container").addClass("hide");
}
});
$(this.loginSelector).click(function(ev) {
if ($("#login-container").hasClass("hide")) {
$("#signup-container").addClass("hide");
$("#login-container").css("top", ev.pageY + 20);
$("#login-container").css("left", ev.pageX - 100);
$("#login-container").removeClass("hide");
} else {
$("#login-container").addClass("hide");
}
});
$(this.logoutSelector)
.click($.proxy(this.application.logout, this.application));
$(this.myaccountSelector).click(function(ev) {
if ($("#myaccount-container").hasClass("hide")) {
$("#myaccount-container").css("top", ev.pageY + 20);
$("#myaccount-container").css("left", ev.pageX - 100);
$("#myaccount-container").removeClass("hide");
} else {
$("#myaccount-container").addClass("hide");
}
});
}
// vim: set ts=4 sw=4: