linse/seweb
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added close on background click for dates and export popup

Browse Source
This commit is contained in:
l_samenv
2024-08-30 11:47:51 +02:00
parent 924a6a8d1d
commit a78bbfb80d
2 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/components/dates_popup/dates_popup.js
View File

@ -51,10 +51,18 @@ class DatesPopup extends HTMLElement{
hide(){ hide(){
this.style.visibility = "hidden"; this.style.visibility = "hidden";
window.removeEventListener("click", this.backgroundClickCallback);
}
backgroundClickCallback = ({target}) => {
if(target.id == "dates-popup"){
this.hide();
}
} }
show(){ show(){
this.setMaxInputDate(); this.setMaxInputDate();
window.addEventListener("click", this.backgroundClickCallback);
this.style.visibility = "visible"; this.style.visibility = "visible";
} }

8
client/components/export_popup/export_popup.js
View File

@ -131,11 +131,19 @@ class ExportPopup extends HTMLElement{
hide(){ hide(){
this.style.visibility = "hidden"; this.style.visibility = "hidden";
window.removeEventListener("click", this.backgroundClickCallback);
}
backgroundClickCallback = ({target}) => {
if(target.id == "export-popup"){
this.hide();
}
} }
show(variables, startTime, endTime){ show(variables, startTime, endTime){
this.style.visibility = "visible"; this.style.visibility = "visible";
this.updateValuesOnOpen(variables, startTime, endTime); this.updateValuesOnOpen(variables, startTime, endTime);
window.addEventListener("click", this.backgroundClickCallback);
} }
connectedCallback(){ connectedCallback(){