blob: f8b5ed1b28780c63e36ba226c1797bebbf5a126a (
plain)
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
|
import apiConnector from "./connector.js"
export default async function initAlbums(albumsPageContainer) {
// TODO empty cells animation
const albumsContainer = albumsPageContainer.querySelector("#albums-container")
const albumTemplate = albumsPageContainer.querySelector("#album-template")
async function createAlbum(res) {
console.log(res.albumName, res.id, res.startDate, res.endDate, res.assetCount, res.shared)
const albumClone = albumTemplate.content.cloneNode(true)
albumClone.firstElementChild.dataset.key = res.id
albumClone.querySelector("a").href = apiConnector.albumSrc(res.id)
albumClone.querySelector("img").src = apiConnector.assetThumbnailSrc(res.albumThumbnailAssetId)
albumClone.querySelector(".album-name").textContent = res.albumName
albumClone.querySelector(".album-assets-count").textContent = res.assetCount.toLocaleString()
if (!res.shared)
albumClone.querySelector(".album-shared").remove()
albumsContainer.appendChild(albumClone)
}
const albumsResponse = await apiConnector.fetchAlbums()
for (const res of albumsResponse)
createAlbum(res)
albumsContainer.addEventListener("click", e => {
// find album element
let album = e.target
while (album && !album.classList.contains("album"))
album = album.parentElement
if (album === null)
return
console.log(album)
if (album.dataset.selected)
delete album.dataset.selected
else
album.dataset.selected = "1"
})
return true
}
|
