Added date selector popup (only go to now working)

This commit is contained in:
l_samenv
2024-08-12 13:05:41 +02:00
parent faf4abced8
commit 81d9d233a8
8 changed files with 204 additions and 21 deletions

View File

@ -197,9 +197,16 @@ let dummyCallback = function(){
console.log("Dummy callback called");
}
// Defining keys for global controls
function dummyJumpCallback(dateTimestampMs, timeValueMs, mode){
console.log("Date is : ");
console.log(dateTimestampMs);
console.log("Time is : ");
console.log(timeValueMs);
console.log("Mode is :");
console.log(mode);
}
let goToNowKey = "go-to-now-control";
// Defining keys for global controls
let xyKey = "xy-control";
@ -211,16 +218,10 @@ let globalControls = (function (){
controlBar.id = "control_bar";
panel.appendChild(controlBar);
let goToNowControl = new Control("res/go_to_now_white.png", "res/go_to_now_blocked.png", "Go to now", graphs.gotoNow);
let xyControl = new Control("res/x_zoom_white.png", "res/y_zoom_white.png", "Time<->Y zoom (one graph)", graphs.toggleZoomMode, graphs.toggleZoomMode);
controlBar.appendChild(goToNowControl)
goToNowControl.changeToAlt();
controlBar.appendChild(new VerticalDivider());
controlBar.appendChild(xyControl);
controlsMap[goToNowKey] = goToNowControl;
controlsMap[xyKey] = xyControl;
}
@ -242,7 +243,7 @@ let globalIndicators = (function (){
function loadIndicators(panel){
let leftDate = Date.now() - 30*60*1000;
let datesIndicator = new DatesIndicator(leftDate);
let datesIndicator = new DateIndicator(leftDate, () => {graphs.gotoNow();}, dummyJumpCallback);
panel.appendChild(datesIndicator);
datesIndicator.style.marginLeft = "auto";
@ -265,7 +266,7 @@ let globalIndicators = (function (){
function loadGraphicsMenu(panel){
let menuGraphicsPopup = new MenuPopup();
let removeCursorHelpEntry = new HelpEntry("How to remove the cursor", "You cam 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(removeCursorHelpEntry);
let graphicsMenuControl = new Control("res/menu_white.png", "res/menu_white.png", "Menu", () => {menuGraphicsPopup.show()});
@ -402,10 +403,12 @@ let graphs = (function (){
}
if (liveMode && cursorLinePos === null)
// gotoNowElm.innerHTML = '';
globalControls.getControlsMap()[goToNowKey].changeToAlt();
// globalControls.getControlsMap()[goToNowKey].changeToAlt();
console.log("Need to change to nothing");
else
// gotoNowElm.innerHTML = 'go to now';
globalControls.getControlsMap()[goToNowKey].changeToMain();
// globalControls.getControlsMap()[goToNowKey].changeToMain();
console.log("Need to change to seen");
}
/**