Superalgos/Panels/PlotterPanel.js

function newPlotterPanel() {
    const MODULE_NAME = 'Plotter Panel'
    const ERROR_LOG = true
    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) }
            }
        }

        /* 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 + 12
            let valuePosition = i * 10 + 17
            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
            }

            let opacity = '1.00'
            let fontSize = 14
            let paletteColor 

            if (panelData.textStyle !== undefined) {
                if (panelData.textStyle.config.fontSize !== undefined) { fontSize = panelData.textStyle.config.fontSize }
                if (panelData.textStyle.config.opacity !== undefined) { opacity = panelData.textStyle.config.opacity }
                if (panelData.textStyle.config.paletteColor !== undefined) { paletteColor = eval(panelData.textStyle.config.paletteColor) }
            }

            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, opacity, fontSize, paletteColor, true, thisObject.container, thisObject.fitFunction, false, true)
        }
    }
}