src/albums.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

import apiConnector from "./connector.js"

export default async function initAlbums(albumsPageContainer) {
	const albumsContainer = albumsPageContainer.querySelector("#albums-container")
	const albumTemplate = albumsPageContainer.querySelector("#album-template")

	// create albums
	async function createAlbum(res) {
		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)

	// album selection
	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
}