diff options
Diffstat (limited to 'src/albums.js')
| -rw-r--r-- | src/albums.js | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/src/albums.js b/src/albums.js index e10dd54..19602df 100644 --- a/src/albums.js +++ b/src/albums.js @@ -8,7 +8,8 @@ export default async function initAlbums(albumsPageContainer) { 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.querySelector(".album-thumb").src = apiConnector.albumThumbSrc(res.albumThumbnailAssetId) + albumClone.querySelector(".album").dataset.key = res.id + albumClone.querySelector(".album-thumb").src = apiConnector.assetThumbnailSrc(res.albumThumbnailAssetId) albumClone.querySelector(".album-name").textContent = res.albumName albumClone.querySelector(".album-assets-count").textContent = res.assetCount.toLocaleString() if (!res.shared) @@ -22,5 +23,18 @@ export default async function initAlbums(albumsPageContainer) { 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) + album.classList.toggle("selected") + }) + return true } |