Superalgos/CanvasApp/Panels/PlotterPanel.js

function newPlotterPanel () {
  const MODULE_NAME = 'Plotter Panel'
  const ERROR_LOG = true
  const INTENSIVE_LOG = false
  const logger = newWebDebugLog()
  logger.fileName = MODULE_NAME

  let thisObject = {
    fitFunction: undefined,
    container: undefined,
    isVisible: true,
    onRecordChange: onRecordChange,
    draw: draw,
    getContainer: getContainer,
    initialize: initialize,
    finalize: finalize
  }

  thisObject.container = newContainer()
  thisObject.container.initialize('Plotter Panel')

  let heightFactor = 1
  let currentRecord
  let upDownButton
  let panelNode

  return thisObject

  function finalize () {
    thisObject.container.finalize()
    thisObject.container = undefined
    thisObject.fitFunction = undefined
    thisObject.isVisible = undefined

    heightFactor = undefined
    currentRecord = undefined
    upDownButton.finalize()
    upDownButton = undefined
    panelNode = undefined
  }

  function initialize (pPanelNode) {
    panelNode = pPanelNode
    thisObject.container.frame.containerName = panelNode.name

    thisObject.container.frame.width = UI_PANEL.WIDTH.NORMAL
    thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL

    thisObject.container.frame.position.x = canvas.chartingSpace.viewport.visibleArea.topRight.x - thisObject.container.frame.width - thisObject.container.frame.width * Math.random() * 8
    thisObject.container.frame.position.y = canvas.chartingSpace.viewport.visibleArea.bottomLeft.y - thisObject.container.frame.height - thisObject.container.frame.height * Math.random() * 1.5

    upDownButton = newUpDownButton()
    upDownButton.parentContainer = thisObject.container
    upDownButton.container.frame.parentFrame = thisObject.container.frame
    upDownButton.fitFunction = thisObject.fitFunction
    upDownButton.initialize()
  }

  function getContainer (point) {
    if (thisObject.isVisible !== true) { return }
    let container

    container = upDownButton.getContainer(point)
    if (container !== undefined) { return container }

    if (thisObject.container.frame.isThisPointHere(point, true) === true) {
      let checkPoint = {
        x: point.x,
        y: point.y
      }

      checkPoint = thisObject.fitFunction(checkPoint)

      if (point.x === checkPoint.x && point.y === checkPoint.y) {
        return thisObject.container
      }
    }
  }

  function onRecordChange (pCurrentRecord) {
    currentRecord = pCurrentRecord
  }

  function draw () {
    if (thisObject.isVisible !== true) { return }

    thisObject.container.frame.draw(false, false, true, thisObject.fitFunction)
    plotCurrentRecordData()
    upDownButton.draw()
  }

  function plotCurrentRecordData () {
    const frameBodyHeight = thisObject.container.frame.getBodyHeight()
    const frameTitleHeight = thisObject.container.frame.height - frameBodyHeight

    const X_AXIS = thisObject.container.frame.width / 2
    const Y_AXIS = frameTitleHeight + frameBodyHeight / 2

    const PANEL_HEIGHT = UI_PANEL.HEIGHT.NORMAL

    if (currentRecord === undefined) { return }
    let record = currentRecord

    /* First we execute code if provided. */
    if (panelNode.javascriptCode !== undefined) {
      try {
        eval(panelNode.javascriptCode.code)
      } catch (err) {
        if (ERROR_LOG === true) { logger.write('[ERROR] plotCurrentRecordData -> err = ' + err.stack) }
        if (ERROR_LOG === true) { logger.write('[ERROR] plotCurrentRecordData -> javascriptCode.code = ' + panelNode.javascriptCode.code) }
      }
    }

    printLabel('Indicator Properties', X_AXIS, UI_PANEL.HEIGHT.NORMAL * 17 / 100, '1.00', 14, undefined, true, thisObject.container, thisObject.fitFunction)

    /* Second we go through the panel data. */
    if (panelNode.panelData === undefined) { return }
    for (let i = 0; i < panelNode.panelData.length; i++) {
      let panelData = panelNode.panelData[i]

      let labelText = panelData.name
      let labelPosition = i * 10 + 25
      let valuePosition = i * 10 + 30
      let value = 'No value defined.'

      if (valuePosition > 100) {
        thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 1.25
      }

      if (valuePosition > 125) {
        thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 1.50
      }

      if (valuePosition > 150) {
        thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 1.75
      }

      if (valuePosition > 175) {
        thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 2.00
      }

      if (panelData.dataFormula !== undefined) {
        try {
          value = eval(panelData.dataFormula.code)
        } catch (err) {
          if (ERROR_LOG === true) { logger.write('[ERROR] plotCurrentRecordData -> err = ' + err.stack) }
          if (ERROR_LOG === true) { logger.write('[ERROR] plotCurrentRecordData -> dataFormula.code = ' + panelData.dataFormula.code) }
        }
      }

      if (panelData.config.valueDecimals !== undefined) {
        if (value !== undefined) {
          if (isNaN(value) === false) {
            value = dynamicDecimals(value, panelData.config.valueDecimals)
          }
        }
      }

      if (panelData.config.labelText !== undefined) {
        labelText = panelData.config.labelText
      }

      if (panelData.config.labelPosition !== undefined) {
        labelPosition = panelData.config.labelPosition
      }

      if (panelData.config.valuePosition !== undefined) {
        valuePosition = panelData.config.valuePosition
      }

      printLabel(labelText, X_AXIS, UI_PANEL.HEIGHT.NORMAL * labelPosition / 100 / heightFactor, '0.60', undefined, undefined, true, thisObject.container, thisObject.fitFunction)
      printLabel(value, X_AXIS, UI_PANEL.HEIGHT.NORMAL * valuePosition / 100 / heightFactor, '1.00', 14, undefined, true, thisObject.container, thisObject.fitFunction, false, true)
    }
  }
}