forked from Amanda-Martinez/Friendly-Places
/
dom.js
33 lines (30 loc) · 1.03 KB
/
dom.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
const Dom = {}
Dom.displayPlaces = (places) =>
places.map(place => {
const li = document.createElement('li')
li.innerHTML = `
<a href="https://www.google.com/maps/@${place.location.lt},${place.location.lg},17z">
${place.name} - ${place.city}
</a>
<a href="#" class="remove" data-place-id="${place.id}">x</a>
`
document.querySelector('#places').appendChild(li)
document.querySelector(`[data-place-id="${place.id}"]`)
.addEventListener('click', () => {
world.remove(place.id)
location.reload()
})
})
Dom.displayCities = (cities) => {
cities.forEach(city => {
const li = document.createElement('li')
li.setAttribute('data-city', city)
li.innerHTML = `<a href="?q=${city}">${city}</a>`
document.querySelector('#cities').appendChild(li)
})
}
Dom.selectCity = (cities, selectCity) => {
const city = (! cities.has(selectCity)) ? "All" : selectCity
const li = document.querySelector(`[data-city="${city}"]`)
li.className = `${li.className} selected`.trim()
}