Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 4c867b7a

Přidáno uživatelem Pavel Fidranský před více než 6 roky(ů)

removed userMenu

Zobrazit rozdíly:

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