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

Close menu when clicking on export, dates and canvas

Browse Source
This commit is contained in:
l_samenv
2024-08-30 10:36:56 +02:00
parent 07f4e69a94
commit dc241ce246
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/components/action_entry/action_entry.js
View File

@ -1,11 +1,13 @@
class ActionEntry extends HTMLElement{ class ActionEntry extends HTMLElement{
constructor(title, actionCallback){ constructor(title, actionCallback, hideMenuCallback){
super(); super();
this.title = title; this.title = title;
this.actionCallback = actionCallback; this.actionCallback = actionCallback;
this.hideMenuCallback = hideMenuCallback;
} }
performActionCallback(){ performActionCallback(){
this.hideMenuCallback();
this.actionCallback() this.actionCallback()
} }

10
client/jsFiles/SEAWebClientGraphics.js
View File

@ -239,6 +239,9 @@ let globalIndicators = (function (){
function loadIndicators(panel){ function loadIndicators(panel){
let leftDate = Date.now() - 30*60*1000; let leftDate = Date.now() - 30*60*1000;
let datesIndicator = new DateIndicator(leftDate, graphs.gotoNow, graphs.jumpToDate); let datesIndicator = new DateIndicator(leftDate, graphs.gotoNow, graphs.jumpToDate);
datesIndicator.addEventListener("click", function () {
menuGraphicsPopup.hide()
})
panel.appendChild(datesIndicator); panel.appendChild(datesIndicator);
datesIndicator.style.marginLeft = "auto"; datesIndicator.style.marginLeft = "auto";
@ -258,10 +261,12 @@ let globalIndicators = (function (){
})() })()
let menuGraphicsPopup = undefined;
function loadGraphicsMenu(panel){ function loadGraphicsMenu(panel){
let menuGraphicsPopup = new MenuPopup(); menuGraphicsPopup = new MenuPopup();
let exportActionEntry = new ActionEntry("Export", graphs.displayExportPopup); let exportActionEntry = new ActionEntry("Export", graphs.displayExportPopup, () => {menuGraphicsPopup.hide()});
let removeCursorHelpEntry = new HelpEntry("How to remove the cursor", "You can double click/tap on any graph."); let removeCursorHelpEntry = new HelpEntry("How to remove the cursor", "You can double click/tap on any graph.");
menuGraphicsPopup.addEntry(exportActionEntry) menuGraphicsPopup.addEntry(exportActionEntry)
menuGraphicsPopup.addHorizontalDivider(); menuGraphicsPopup.addHorizontalDivider();
@ -605,6 +610,7 @@ let graphs = (function (){
legendFlag = true; legendFlag = true;
let trect = evt.target.getBoundingClientRect(); let trect = evt.target.getBoundingClientRect();
let X = evt.clientX - trect.x, Y = evt.clientY - trect.y; let X = evt.clientX - trect.x, Y = evt.clientY - trect.y;
menuGraphicsPopup.hide();
showLegends(true, false); showLegends(true, false);
cursorLine(X); cursorLine(X);
setLiveMode(); setLiveMode();