Revize 4c867b7a
Přidáno uživatelem Pavel Fidranský před více než 6 roky(ů)
sources/src/main/webapp/js/userMenu.js | ||
---|---|---|
1 |
document.addEventListener('DOMContentLoaded', function() { |
|
2 |
const loginPopup = new LoginPopup; |
|
3 |
const registerPopup = new RegisterPopup; |
|
4 |
|
|
5 |
const header = document.getElementById('header'); |
|
6 |
header.appendChild(loginPopup.render()); |
|
7 |
header.appendChild(registerPopup.render()); |
|
8 |
|
|
9 |
document.getElementById('toggleLoginPopupButton').addEventListener('click', function() { |
|
10 |
registerPopup.close(); |
|
11 |
loginPopup.toggle(); |
|
12 |
}); |
|
13 |
|
|
14 |
document.getElementById('toggleRegisterPopupButton').addEventListener('click', function() { |
|
15 |
loginPopup.close(); |
|
16 |
registerPopup.toggle(); |
|
17 |
}); |
|
18 |
|
|
19 |
document.getElementById('logoutButton').addEventListener('click', async function(e) { |
|
20 |
e.preventDefault(); |
|
21 |
|
|
22 |
try { |
|
23 |
await AJAX.get(Constants.API.logOut); |
|
24 |
|
|
25 |
document.dispatchEvent(new CustomEvent('imiger.userLoggedOut')); |
|
26 |
|
|
27 |
document.body.classList.remove('loggedIn'); |
|
28 |
document.body.classList.add('loggedOut'); |
|
29 |
|
|
30 |
} catch (error) { |
|
31 |
if (error instanceof HttpError) { |
|
32 |
alert('Something went wrong.'); |
|
33 |
} else { |
|
34 |
alert('Server has probably gone away.'); |
|
35 |
} |
|
36 |
} |
|
37 |
}); |
|
38 |
}); |
sources/src/main/webapp/userMenu.jsp | ||
---|---|---|
1 |
<div class="user-menu loggedInOnly"> |
|
2 |
<span id="usernameLabel">${user.username}</span> |
|
3 |
<button class="button" id="logoutButton">Log out</button> |
|
4 |
</div> |
|
5 |
|
|
6 |
<div class="user-menu loggedOutOnly"> |
|
7 |
<button class="button" id="toggleLoginPopupButton">Log in</button> |
|
8 |
<button class="button" id="toggleRegisterPopupButton">Register</button> |
|
9 |
</div> |
Také k dispozici: Unified diff
removed userMenu