Spaces Reorganized

Canvas.js

@@ -33,7 +33,7 @@ function newCanvas() {
         tutorialSpace: undefined,
         chartingSpace: undefined,
         floatingSpace: undefined,
-        panelsSpace: undefined,
+        panelSpace: undefined,
         cockpitSpace: undefined,
         designSpace: undefined,
         animation: undefined,
@@ -115,8 +115,8 @@ function newCanvas() {
             thisObject.designSpace = newDesignSpace()
             thisObject.designSpace.initialize()
 
-            thisObject.panelsSpace = newPanelsSpace()
-            thisObject.panelsSpace.initialize()
+            thisObject.panelSpace = newPanelSpace()
+            thisObject.panelSpace.initialize()
 
             thisObject.chartingSpace = newChartingSpace()
             thisObject.chartingSpace.initialize()
@@ -143,7 +143,7 @@ function newCanvas() {
             animation.addCallBackFunction('Floating Space Physics', thisObject.floatingSpace.physics)
             animation.addCallBackFunction('Charting Space Physics', thisObject.chartingSpace.physics)
             animation.addCallBackFunction('Design Space Physics', thisObject.designSpace.physics)
-            animation.addCallBackFunction('Panels Space Physics', thisObject.panelsSpace.physics)
+            animation.addCallBackFunction('Panels Space Physics', thisObject.panelSpace.physics)
             animation.addCallBackFunction('Side Space Physics', thisObject.sideSpace.physics)
             animation.addCallBackFunction('Doc Space Physics', thisObject.docSpace.physics)
             //animation.addCallBackFunction('Chat Space Physics', thisObject.chatSpace.physics)
@@ -152,7 +152,7 @@ function newCanvas() {
             /* Spcaces Drawing */
             animation.addCallBackFunction('Floating Space Draw', thisObject.floatingSpace.draw)
             animation.addCallBackFunction('Charting Space Draw', thisObject.chartingSpace.draw)
-            animation.addCallBackFunction('Panels Space', thisObject.panelsSpace.draw)
+            animation.addCallBackFunction('Panels Space', thisObject.panelSpace.draw)
             animation.addCallBackFunction('CockpitSpace Draw', thisObject.cockpitSpace.draw)
             animation.addCallBackFunction('Design Space Draw', thisObject.designSpace.draw)
             animation.addCallBackFunction('Top Space Draw', thisObject.topSpace.draw)
@@ -730,7 +730,7 @@ function newCanvas() {
             }
 
             /* We check if the mouse is over a panel/ */
-            container = thisObject.panelsSpace.getContainer(point, GET_CONTAINER_PURPOSE.DRAGGING)
+            container = thisObject.panelSpace.getContainer(point, GET_CONTAINER_PURPOSE.DRAGGING)
 
             if (container !== undefined && event.shiftKey === false) {
                 if (container.isDraggeable === true) {
@@ -860,7 +860,7 @@ function newCanvas() {
             }
 
             /* We check if the mouse is over a panel/ */
-            container = thisObject.panelsSpace.getContainer(point, GET_CONTAINER_PURPOSE.MOUSE_CLICK)
+            container = thisObject.panelSpace.getContainer(point, GET_CONTAINER_PURPOSE.MOUSE_CLICK)
 
             if (container !== undefined && container.isClickeable === true) {
                 container.eventHandler.raiseEvent('onMouseClick', point)
@@ -1040,8 +1040,8 @@ function newCanvas() {
             }
 
             /* We check if the mouse is over a panel/ */
-            if (thisObject.panelsSpace !== undefined) {
-                container = thisObject.panelsSpace.getContainer(point, GET_CONTAINER_PURPOSE.MOUSE_OVER)
+            if (thisObject.panelSpace !== undefined) {
+                container = thisObject.panelSpace.getContainer(point, GET_CONTAINER_PURPOSE.MOUSE_OVER)
 
                 if (container !== undefined && container.detectMouseOver === true) {
                     containerFound()
@@ -1140,7 +1140,7 @@ function newCanvas() {
             }
 
             /* Panel Space */
-            container = canvas.panelsSpace.getContainer({ x: point.x, y: point.y })
+            container = canvas.panelSpace.getContainer({ x: point.x, y: point.y })
 
             if (container !== undefined && container.isWheelable === true) {
                 container.eventHandler.raiseEvent('onMouseWheel', event)

ChartingSpace/PlottersManager.js

@@ -44,7 +44,7 @@ function newPlottersManager() {
             let connector = thisObject.connectors[i]
             /* Then the panels. */
             for (let j = 0; j < connector.panels.length; j++) {
-                canvas.panelsSpace.destroyPanel(connector.panels[j])
+                canvas.panelSpace.destroyPanel(connector.panels[j])
                 connector.panels[j] = undefined
             }
             connector.panels = undefined
@@ -224,8 +224,8 @@ function newPlottersManager() {
                                 }
 
                                 let owner = thisObject.payload.node.payload.parentNode.id // Panels are owned by the time machine.
-                                let plotterPanelHandle = canvas.panelsSpace.createNewPanel('Plotter Panel', parameters, owner, layer.session)
-                                let plotterPanel = canvas.panelsSpace.getPanel(plotterPanelHandle)
+                                let plotterPanelHandle = canvas.panelSpace.createNewPanel('Plotter Panel', parameters, owner, layer.session)
+                                let plotterPanel = canvas.panelSpace.getPanel(plotterPanelHandle)
 
                                 /* Connect Panel to the Plotter via an Event. */
                                 connector.plotter.onRecordChangeEventsSubscriptionId = connector.plotter.container.eventHandler.listenToEvent('Current Record Changed', plotterPanel.onRecordChange)
@@ -384,7 +384,7 @@ function newPlottersManager() {
                 if (connector.layer.payload.node.id === layer.payload.node.id) {
                     /* Then the panels. */
                     for (let j = 0; j < connector.panels.length; j++) {
-                        canvas.panelsSpace.destroyPanel(connector.panels[j])
+                        canvas.panelSpace.destroyPanel(connector.panels[j])
                     }
                     /* Finally the Storage Objects */
                     finalizeNodesPlotting(connector)

ChartingSpace/TimeMachine.js

@@ -433,8 +433,8 @@ function newTimeMachine() {
         if (
             thisObject.container.frame.isInViewPort() &&
             canvas.chartingSpace.viewport.zoomLevel >= ZOOM_OUT_THRESHOLD_FOR_NOT_HIDDING_PANELS) {
-            canvas.panelsSpace.unHide(thisObject.payload.node.id, 'Layers Panel')
-            canvas.panelsSpace.unHide(thisObject.payload.node.id, 'Plotter Panel')
+            canvas.panelSpace.unHide(thisObject.payload.node.id, 'Layers Panel')
+            canvas.panelSpace.unHide(thisObject.payload.node.id, 'Plotter Panel')
             return
         }
 
@@ -442,11 +442,11 @@ function newTimeMachine() {
             thisObject.container.frame.isCenterInViewPort() &&
             canvas.chartingSpace.viewport.zoomLevel >= ZOOM_OUT_THRESHOLD_FOR_HIDDING_PANELS
         ) {
-            canvas.panelsSpace.unHide(thisObject.payload.node.id, 'Layers Panel')
-            canvas.panelsSpace.unHide(thisObject.payload.node.id, 'Plotter Panel')
+            canvas.panelSpace.unHide(thisObject.payload.node.id, 'Layers Panel')
+            canvas.panelSpace.unHide(thisObject.payload.node.id, 'Plotter Panel')
         } else {
-            canvas.panelsSpace.hide(thisObject.payload.node.id, 'Layers Panel')
-            canvas.panelsSpace.hide(thisObject.payload.node.id, 'Plotter Panel')
+            canvas.panelSpace.hide(thisObject.payload.node.id, 'Layers Panel')
+            canvas.panelSpace.hide(thisObject.payload.node.id, 'Plotter Panel')
         }
     }
 

ChartingSpace/TimelineChart.js

@@ -100,7 +100,7 @@ function newTimelineChart() {
         thisObject.plotterManager = undefined
         thisObject.layerManager = undefined
 
-        canvas.panelsSpace.destroyPanel(layersPanelHandle)
+        canvas.panelSpace.destroyPanel(layersPanelHandle)
     }
 
     function finalizeTimeFrameScale() {
@@ -173,8 +173,8 @@ function newTimelineChart() {
 
     function initializeLayerManager() {
         let owner = thisObject.payload.node.payload.parentNode.id // The real owner is the Time Machine
-        layersPanelHandle = canvas.panelsSpace.createNewPanel('Layers Panel', undefined, owner)
-        thisObject.layerManager = canvas.panelsSpace.getPanel(layersPanelHandle)
+        layersPanelHandle = canvas.panelSpace.createNewPanel('Layers Panel', undefined, owner)
+        thisObject.layerManager = canvas.panelSpace.getPanel(layersPanelHandle)
         thisObject.layerManager.payload = thisObject.payload.node.layerManager.payload
         thisObject.layerManager.initialize()
 

CockpitSpace/CockpitSpace.js

@@ -177,9 +177,9 @@ function newCockpitSpace() {
         if (thisObject.container.frame.position.y < browserCanvas.height * 0.5 / 100 + TOP_SPACE_HEIGHT) {
             thisObject.container.frame.position.y = TOP_SPACE_HEIGHT
             thisObject.status = 'TOP'
-            canvas.panelsSpace.visible = false
+            canvas.panelSpace.visible = false
         } else {
-            canvas.panelsSpace.visible = true
+            canvas.panelSpace.visible = true
         }
 
         COCKPIT_SPACE_POSITION = thisObject.container.frame.position.y

PanelSpace/PanelSpace.js

@@ -4,7 +4,7 @@ The Panel Space y the place wehre all panels live, no matter who create them.
 
 */
 
-function newPanelsSpace() {
+function newPanelSpace() {
     let thisObject = {
         visible: true,
         container: undefined,

PanelSpace/PanelsVisibleButton.js

@@ -60,7 +60,7 @@ function newPanelsVisibleButton() {
 
     function setPanelVisibility() {
         for (let i = 0; i < thisObject.panels.length; i++) {
-            let panel = canvas.panelsSpace.getPanel(thisObject.panels[i])
+            let panel = canvas.panelSpace.getPanel(thisObject.panels[i])
             panel.isVisible = thisObject.showPanels
         }
     }