diff options
| author | Tim Keller <tjk@tjkeller.xyz> | 2025-06-20 22:31:41 -0500 |
|---|---|---|
| committer | Tim Keller <tjk@tjkeller.xyz> | 2025-06-20 22:31:41 -0500 |
| commit | 1ce57c114cf16337748bf5b6e0a0e125b87d7869 (patch) | |
| tree | 55f823cfca8841ca136c8d9585493b3fa5b85cce /src/slides.js | |
| parent | fb0ef21fc43fbdc687b068ccd423d69173b8e1be (diff) | |
| download | immich-frame-1ce57c114cf16337748bf5b6e0a0e125b87d7869.tar.xz immich-frame-1ce57c114cf16337748bf5b6e0a0e125b87d7869.zip | |
asset download and album search + set
Diffstat (limited to 'src/slides.js')
| -rw-r--r-- | src/slides.js | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/slides.js b/src/slides.js index fad6472..e4f6406 100644 --- a/src/slides.js +++ b/src/slides.js @@ -32,14 +32,19 @@ class Slides { this.initImages() /* initialize seek buttons */ - const seekPrevButton = this.slidesContainer.querySelector("#prevSlide") - const seekNextButton = this.slidesContainer.querySelector("#nextSlide") + const seekPrevButton = this.slidesContainer.querySelector("#prev-slide") + const seekNextButton = this.slidesContainer.querySelector("#next-slide") seekPrevButton.addEventListener("click", () => { this.flickity.previous() ; this.seek() }) seekNextButton.addEventListener("click", () => { this.flickity.next() ; this.seek() }) /* initialize seek callback */ apiConnector.seekCallbacks.push(c => { this.seekCallback() }) + + /* initialize top controls */ + const assetDownloadButton = this.slidesContainer.querySelector("#download") + + assetDownloadButton.addEventListener("click", () => { apiConnector.assetDownload(apiConnector.currentAsset) }) } seek() { @@ -72,7 +77,7 @@ class Slides { const x = (i + this.selectedIndex + 6) % this.flickity.cells.length const e = this.flickity.cells[x].element const img = e.firstElementChild - img.src = apiConnector.assetSrc(apiConnector.assets[i]) + img.src = apiConnector.assetPreviewSrc(apiConnector.assets[i]) } } |
