0ct0pu5/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix clusterControlResize event removal

Browse source
This commit is contained in:
Armand Ribault 2023-11-06 22:55:25 +01:00
parent e798448fb3
commit ab52a73d77
1 changed files with 26 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
frontend/src/page/places.vue
View file

@ -749,31 +749,33 @@ export default {
return Math.max(Math.min(0.85*vh, height), 0.3*vh);
},
startClusterControlResize(e) {
console.log("start cluster control resize")
this.isClusterControlResizing = true;
const initialY = e.clientY;
const initialHeight = this.clusterControlHeight;
window.addEventListener('mousemove', (event) => this.clusterControlResize(event, initialY, initialHeight));
window.addEventListener('mouseup', this.stopClusterControlResize);
},
clusterControlResize(e, initialY, initialHeight) {
console.log("cluster control resize")
if (this.isClusterControlResizing) {
this.clusterControlHeight = this.clampClusterControlHeight(initialHeight - (e.clientY - initialY));
}
},
stopClusterControlResize() {
console.log("cstop luster control resize")
this.isClusterControlResizing = false;
const clusterControlContainer = this.$refs.clusterControlContainer;
if (clusterControlContainer) {
this.clusterControlHeight = clusterControlContainer.clientHeight;
}
localStorage.setItem('clusterControlHeight', this.clusterControlHeight);
window.removeEventListener('mousemove', this.clusterControlResize);
window.removeEventListener('mouseup', this.stopClusterControlResize);
},
console.log("start cluster control resize");
this.isClusterControlResizing = true;
const initialY = e.clientY;
const initialHeight = this.clusterControlHeight;
this.clusterControlResizeHandler = (event) => this.clusterControlResize(event, initialY, initialHeight);
window.addEventListener('mousemove', this.clusterControlResizeHandler);
window.addEventListener('mouseup', this.stopClusterControlResize);
},
clusterControlResize(e, initialY, initialHeight) {
console.log("cluster control resize")
if (this.isClusterControlResizing) {
this.clusterControlHeight = this.clampClusterControlHeight(initialHeight - (e.clientY - initialY));
}
},
stopClusterControlResize() {
console.log("stop cluster control resize");
this.isClusterControlResizing = false;
const clusterControlContainer = this.$refs.clusterControlContainer;
if (clusterControlContainer) {
this.clusterControlHeight = clusterControlContainer.clientHeight;
}
localStorage.setItem('clusterControlHeight', this.clusterControlHeight);
window.removeEventListener('mousemove', this.clusterControlResizeHandler);
window.removeEventListener('mouseup', this.stopClusterControlResize);
},
},
created() {
const storedClusterControlHeight = localStorage.getItem('clusterControlHeight');
if (storedClusterControlHeight) {