-
Notifications
You must be signed in to change notification settings - Fork 0
/
ui.js
47 lines (40 loc) · 1.61 KB
/
ui.js
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
const logIn_button = document.querySelector("#login_button")
const logOut_button = document.querySelector("#logout_button")
const log_in_for_tourists_button = document.querySelector('#log_in_as_tourist')
const log_in_for_tour_guides_button = document.querySelector('#log_in_as_tour_guide')
const avatarIconSpot = document.querySelector('#avatar-icon-spot')
log_in_for_tourists_button.addEventListener('click', e => {
console.log('log in')
signInWithGoogle('tourist')
})
log_in_for_tour_guides_button.addEventListener('click', e => {
console.log('log in')
signInWithGoogle('guide')
})
// logIn_button.addEventListener('click', e =>{
// //signInWithGoogle()
// })
logOut_button.addEventListener('click', e => {
signOutWithGoogle()
})
const navBar = document.querySelector("#navBar")
function updateSignIn(avatarSrc) {
avatarIconSpot.classList.remove('hidden')
avatarIconSpot.innerHTML = `<i><img class="avatar-image" src="${avatarSrc}"/></i>`
logIn_button.classList.add('hidden')
// logIn_button.innerHTML = `<i><img class="avatar-image" src="${avatarSrc}" /></i>`
logOut_button.classList.remove('hidden')
}
function updateSignOut() {
logIn_button.classList.remove('hidden')
logOut_button.classList.add('hidden')
avatarIconSpot.classList.add('hidden')
// logIn_button.innerHTML =
// `
// <a href="#" class="dropdown-toggle" data-toggle="dropdown">LOG IN</a>
// <ul class="dropdown-menu">
// <li><a href="#" id="log_in_as_tourist">LOG IN AS TOURIST</a></li>
// <li><a href="#" id="log_in_as_tour_guide">LOG IN AS TOUR GUIDE</a></li>
// </ul>
// `
}