Panel Splitted in 2

2020-03-17 10:53:26 +01:00
1 parent 83b55ee5e8
commit 994121d4ac
@@ -0,0 +1,227 @@
+
+
+
+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();
+
+     
+    }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -29,7 +29,7 @@ function newMastersPlottersTradingSimulationTradingSimulationTradingSimulationPa
    function initialize() {

        thisObject.container.frame.width = UI_PANEL.WIDTH.NORMAL * 1;
-        thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 2.5;
+        thisObject.container.frame.height = UI_PANEL.HEIGHT.NORMAL * 2.0;

        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;
@@ -123,41 +123,7 @@ function newMastersPlottersTradingSimulationTradingSimulationTradingSimulationPa
        browserCanvasContext.beginPath();

        let y = 0;
-        let increment = 0.024;
-
-        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);
+        let increment = 0.024 / 2  * 2.5;

        y = y + increment;
        y = y + increment;