Asset Balances on Panel

CockpitSpace/AssetBalances.js

@@ -1,5 +1,5 @@
 
-function newQuotedAssetalances () {
+function newAssetalances () {
   const MODULE_NAME = 'Asset Balances'
 
   let thisObject = {
@@ -38,6 +38,9 @@ function newQuotedAssetalances () {
       let speedometer = newSpeedometer()
 
       speedometer.initialize()
+      speedometer.container.connectToParent(thisObject.container)
+      speedometer.container.frame.position.x = thisObject.container.frame.width / 2
+      speedometer.container.frame.position.y = thisObject.container.frame.height * (2 + i * 2) / 5
       thisObject.speedometers.push(speedometer)
     }
   }

CockpitSpace/Speedometer.js

@@ -56,10 +56,12 @@ function newSpeedometer () {
     const OPACITY = 1
 
     let centerPoint = {
-      x: thisObject.params.LEFT_OFFSET,
-      y: COCKPIT_SPACE_POSITION - COCKPIT_SPACE_HEIGHT / 2 - 9
+      x: 0,
+      y: 0
     }
 
+    centerPoint = thisObject.container.frame.frameThisPoint(centerPoint)
+
     browserCanvasContext.beginPath()
     browserCanvasContext.arc(centerPoint.x, centerPoint.y, RADIUS + RED_LINE_HIGHT, 0.85 * Math.PI, 2.15 * Math.PI)
     browserCanvasContext.closePath()

Spaces/CockpitSpace.js

@@ -5,7 +5,6 @@
    let thisObject = {
      container: undefined,
      status: 'BOTTOM',
-     assetBalances: undefined,
      fullscreen: undefined,
      toTop: toTop,
      toBottom: toBottom,
@@ -40,7 +39,6 @@
 
      thisObject.container.finalize()
      thisObject.container = undefined
-     thisObject.assetBalances = undefined
      thisObject.fullscreen = undefined
    }
 
@@ -65,9 +63,6 @@
      canvasBrowserResizedEventSubscriptionId = canvas.eventHandler.listenToEvent('Browser Resized', resize)
      selfMouseClickEventSubscriptionId = thisObject.container.eventHandler.listenToEvent('onMouseClick', onMouseClick)
 
-     thisObject.assetBalances = newQuotedAssetalances()
-     thisObject.assetBalances.initialize()
-
      thisObject.fullscreen = newFullScreen()
      thisObject.fullscreen.container.connectToParent(thisObject.container)
      thisObject.fullscreen.initialize()
@@ -185,7 +180,6 @@
 
      drawBackground()
 
-     thisObject.assetBalances.draw()
      // thisObject.fullscreen.draw()
    }