meiri/alkator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test of new gallery

Browse Source
This commit is contained in:
Martin Quarda 2024-05-08 13:15:01 +02:00
parent b4b975cd2e
commit 69df1f01d6
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/scripts/index.js
View File

@ -43,6 +43,13 @@ class Main extends Component {
onHashChange(event){
this.setState({page: window.location.hash})
}
onViewChange(index){
let new_index = (this.state.currentImage - 1 + index) % this.state.photos.length
if (new_index < 0){
new_index += this.state.photos.length
}
this.setState({currentImage: new_index})
}
onSubmit(event){
event.preventDefault();
let form = document.getElementById("form");
@ -76,16 +83,22 @@ class Main extends Component {
width: photo.original_width,
height: photo.original_height,
})
photos_carousel.push({
source: photo.original
})
};
}
if (this.state.photos.length > 3){
for(let i=this.state.currentImage - 1; i<=this.state.currentImage + 1; i++){
if(i < 0){
i += this.state.photos.length;
}
photos_carousel.push({'source': this.state.photos[i].original})
}
}
return (
<div>
<ModalGateway>
{this.state.photoIsOpen &&
<Modal onClose={this.togglePhoto}>
<Carousel views={photos_carousel} currentIndex={this.state.currentImage} />
<Carousel views={photos_carousel} currentIndex={1} trackProps={{onViewChange: (v) => this.onViewChange(v)}}/>
</Modal>
}
</ModalGateway>