function newMastersPlottersTradingSimulationTradingSimulationTradingSimulationCurrentPositionPanel() { let thisObject = { fitFunction: undefined, onRecordChange: onRecordChange, container: undefined, session: undefined, isVisible: true, draw: draw, getContainer: getContainer, initialize: initialize, finalize: finalize }; let container = newContainer(); container.initialize(); thisObject.container = container; container.frame.containerName = "Simulation"; let currentRecord; let lastRecord; let upDownButton return thisObject; function initialize() { thisObject.container.frame.width = UI_PANEL.WIDTH.NORMAL * 1; thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 1; thisObject.container.frame.position.x = canvas.chartingSpace.viewport.visibleArea.topRight.x - thisObject.container.frame.width * 1; thisObject.container.frame.position.y = canvas.chartingSpace.viewport.visibleArea.topRight.y; upDownButton = newUpDownButton() upDownButton.parentContainer = thisObject.container upDownButton.container.frame.parentFrame = thisObject.container.frame upDownButton.fitFunction = thisObject.fitFunction upDownButton.initialize() } function finalize() { thisObject.session = undefined thisObject.container.finalize() thisObject.container = undefined thisObject.fitFunction = undefined thisObject.onRecordChange = undefined thisObject.isVisible = undefined currentRecord = undefined lastRecord = undefined upDownButton = undefined } 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(records) { currentRecord = records.currentRecord; lastRecord = records.lastRecord } function draw() { if (thisObject.isVisible !== true) { return } thisObject.container.frame.draw(false, false, true, thisObject.fitFunction); plotCurrentRecordInfo(); upDownButton.draw() /* Define panel name */ if (thisObject.session !== undefined) { const MAX_LABEL_LENGTH = 25 if (thisObject.session.name.length > MAX_LABEL_LENGTH) { container.frame.containerName = thisObject.session.name.substring(0, MAX_LABEL_LENGTH) + '...' } else { container.frame.containerName = thisObject.session.name } } } function plotCurrentRecordInfo() { if (currentRecord === undefined) { return; } 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; /* put the labels with the records values */ browserCanvasContext.beginPath(); let y = 0; let increment = 0.024 * 2.5; y = y + increment; y = y + increment; printLabel('Current Position', X_AXIS, frameTitleHeight + frameBodyHeight * y, '1', 14); y = y + increment; printLabel('Size', X_AXIS, frameTitleHeight + frameBodyHeight * y, '0.60'); y = y + increment; printLabel(currentRecord.positionSize, X_AXIS, frameTitleHeight + frameBodyHeight * y, '1.00', 14); y = y + increment; printLabel('Rate', X_AXIS, frameTitleHeight + frameBodyHeight * y, '0.60'); y = y + increment; printLabel(currentRecord.sellRate, X_AXIS, frameTitleHeight + frameBodyHeight * y, '1.00', 14); y = y + increment; printLabel('Stop', X_AXIS, frameTitleHeight + frameBodyHeight * y, '0.60'); y = y + increment; printLabel(currentRecord.stopLoss, X_AXIS, frameTitleHeight + frameBodyHeight * y, '1.00', 14); y = y + increment; printLabel('Take Profit', X_AXIS, frameTitleHeight + frameBodyHeight * y, '0.60'); y = y + increment; printLabel(currentRecord.takeProfit, X_AXIS, frameTitleHeight + frameBodyHeight * y, '1.00', 14); y = y + increment; printLabel('Periods', X_AXIS, frameTitleHeight + frameBodyHeight * y, '0.60'); y = y + increment; printLabel((currentRecord.positionPeriods), X_AXIS, frameTitleHeight + frameBodyHeight * y, '1.00', 14); y = y + increment; printLabel('Days', X_AXIS, frameTitleHeight + frameBodyHeight * y, '0.60'); y = y + increment; printLabel((currentRecord.positionDays).toFixed(2), X_AXIS, frameTitleHeight + frameBodyHeight * y, '1.00', 14); function printLabel(labelToPrint, x, y, opacity, fontSize) { let labelPoint; if (fontSize === undefined) { fontSize = 10 }; browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY; let label = '' + labelToPrint; if (isNaN(label) === false) { label = Number(label).toLocaleString(); if ((label === "-0" || label === "0") && (labelToPrint !== 0) && (labelToPrint !== "0.00")) { label = Number(labelToPrint).toFixed(6); } } let xOffset = label.length / 2 * fontSize * FONT_ASPECT_RATIO; labelPoint = { x: x - xOffset, y: y }; labelPoint = thisObject.container.frame.frameThisPoint(labelPoint); labelPoint = thisObject.fitFunction(labelPoint) browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.DARK + ', ' + opacity + ')'; browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y); } browserCanvasContext.closePath(); browserCanvasContext.fill(); } }