Luis Fernando Molina
07f8795ae6
Now the app will try to re position itself on the timeline at the last place visited with the same zoom level. This will not be possible only when it is the first time the app is usued or when the screen resolution was changed, in both cases the positionning will be at the current datetime.
144 lines
4.5 KiB
JavaScript
144 lines
4.5 KiB
JavaScript
/*
|
|
|
|
The chart space is where all the charts live. What this space contains is a type of object we call Time Machine. A Time Machine is a cointainer of
|
|
charts objects. The idea is simple, all the chart objects are ploted according to the time of the Time Machine object. When the time of the Time Machine
|
|
changes, then all charts in it are replotted with the corresponging data.
|
|
|
|
*/
|
|
|
|
function newChartSpace() {
|
|
|
|
const MODULE_NAME = "Chart Space";
|
|
const INFO_LOG = false;
|
|
const logger = newDebugLog();
|
|
logger.fileName = MODULE_NAME;
|
|
|
|
var thisObject = {
|
|
container: undefined,
|
|
draw: draw,
|
|
timeMachines: [],
|
|
getContainer: getContainer, // returns the inner most container that holds the point received by parameter.
|
|
initialize: initialize
|
|
};
|
|
|
|
|
|
var container = newContainer();
|
|
container.initialize();
|
|
thisObject.container = container;
|
|
|
|
thisObject.container.frame.width = browserCanvas.width * 1000;
|
|
thisObject.container.frame.height = browserCanvas.height * 100;
|
|
|
|
container.displacement.containerName = "Chart Space";
|
|
container.frame.containerName = "Chart Space";
|
|
|
|
container.frame.position.x = browserCanvas.width / 2 - thisObject.container.frame.width / 2;
|
|
container.frame.position.y = browserCanvas.height / 2 - thisObject.container.frame.height / 2;
|
|
|
|
container.isDraggeable = false;
|
|
|
|
return thisObject;
|
|
|
|
function initialize(callBackFunction) {
|
|
|
|
if (INFO_LOG === true) { logger.write("[INFO] initialize -> Entering function."); }
|
|
|
|
let initializedCounter = 0;
|
|
let toInitialize = 1;
|
|
|
|
/* We create the first of many possible time machines that could live at the Chart Space. */
|
|
|
|
var timeMachine = newTimeMachine();
|
|
|
|
timeMachine.container.displacement.parentDisplacement = this.container.displacement;
|
|
timeMachine.container.frame.parentFrame = this.container.frame;
|
|
|
|
timeMachine.container.parentContainer = this.container;
|
|
|
|
/* We make the time machine a little bit smaller than the current space. */
|
|
|
|
timeMachine.container.frame.width = this.container.frame.width * 1;
|
|
timeMachine.container.frame.height = this.container.frame.height * 1;
|
|
|
|
timeMachine.container.frame.position.x = this.container.frame.width / 2 - timeMachine.container.frame.width / 2;
|
|
timeMachine.container.frame.position.y = this.container.frame.height / 2 - timeMachine.container.frame.height / 2;
|
|
|
|
timeMachine.initialize(onTimeMachineInitialized);
|
|
|
|
function onTimeMachineInitialized(err) {
|
|
|
|
if (INFO_LOG === true) { logger.write("[INFO] initialize -> onTimeMachineInitialized -> Entering function."); }
|
|
|
|
initializedCounter++;
|
|
|
|
if (err.result !== GLOBAL.DEFAULT_OK_RESPONSE.result) {
|
|
|
|
if (INFO_LOG === true) { logger.write("[INFO] initialize -> onTimeMachineInitialized -> Initialization of a Time Machine failed."); }
|
|
|
|
callBackFunction(err);
|
|
return;
|
|
}
|
|
|
|
thisObject.timeMachines.push(timeMachine);
|
|
|
|
if (initializedCounter === toInitialize) {
|
|
|
|
callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE);
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
function draw() {
|
|
|
|
thisObject.container.frame.draw(false, false);
|
|
|
|
/* When we draw the chart space, that means we draw all the time machines in it. */
|
|
|
|
for (var i = 0; i < thisObject.timeMachines.length; i++ ) {
|
|
|
|
var timeMachine = thisObject.timeMachines[i];
|
|
timeMachine.draw();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function getContainer(point) {
|
|
|
|
if (INFO_LOG === true) { logger.write("[INFO] getContainer -> Entering function."); }
|
|
|
|
var container;
|
|
|
|
/* First we check if this point is inside this space. */
|
|
|
|
if (this.container.frame.isThisPointHere(point) === true) {
|
|
|
|
/* Now we see which is the inner most container that has it */
|
|
|
|
for (var i = 0; i < this.timeMachines.length; i++) {
|
|
|
|
container = this.timeMachines[i].getContainer(point);
|
|
|
|
if (container !== undefined) {
|
|
|
|
/* We found an inner container which has the point. We return it. */
|
|
|
|
return container;
|
|
}
|
|
}
|
|
|
|
/* The point does not belong to any inner container, so we return the current container. */
|
|
|
|
return this.container;
|
|
|
|
} else {
|
|
|
|
/* This point does not belong to this space. */
|
|
|
|
return undefined;
|
|
}
|
|
|
|
}
|
|
|
|
} |