Forex/index.html at master · SendBeesToMars/Forex · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title>Trading Demo</title>
    <link href="https://fonts.googleapis.com/css?family=PT+Mono" rel="stylesheet">
    <link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>

<body>
    <div id="canvasDiv">
        <canvas id="lineCanvas" height="300" width="950">Your browser does not support the canvas element.</canvas>
        <canvas id="graphCanvas" height="300" width="950"></canvas>
        <canvas id="indicatorCanvas" height="300" width="950"></canvas>
        <canvas id="crosshairCanvas" height="300" width="950"></canvas>
    </div>

    <button id=lineButton class="lineButton buttonOff">Draw Line</button>
    <button id=deleteLineButton class="lineButton buttonOff">Delete Line</button>

    <div class="dropdown">
        <button class="dropbtn buttonOn">Indicators</button>
        <div class="dropdownContent" id="dropdownContent" style="left:0;" onmouseover="getIndicatorOnclick();"></div>
    </div>

    <h3 id="coordinates"></h3>

    <form action="#" method="get" id="pairForm">
        <label for="pair"><b>Currency pair: </b></label>
        <input list="pairs" name="pair" id="pair">
            <datalist id="pairs">
            </datalist>
        </input type="submit">
    </form>

    <br>

    <button class="posBtns" onclick="buy()">Buy</button>
    <button class="posBtns" onclick="sell()">Sell</button>
    <h3 id="position"></h3>
    <h3 id="pips"></h3>
    <h3 id="netGain"></h3>
    <h3 id="balance"></h3>

    <div id="output"></div>

    <button id="login" onclick="document.getElementById('modalLogin').style.display='block'">Login</button>

    <div id="ordersDiv">
        <ul id="ordersList"></ul>
    </div>

    <div id="modalLogin" class="modal">
        <form name="modalLoginForm" id="modalLoginForm" method="GET" class="modal-content" action="#">
            <label for="uname"><b>Username</b></label>
            <input type="text" placeholder="Enter Username" name="uname" required>
                <br><br>
            <button id="loginButton" type="submit">Login</button>
            <button id="modalCancel" type="button">Cancel</button>
        </form>
    </div>

    <div id="myModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h2 id="modalText" value=""></h2>
            <label for="period"><b>Period</b></label>
            <input name="period" id="periodPicker" value="10"><br><br>
            <div id="sdevDiv">
                <label for="sdev"><b>Standard Deviation</b></label>
                <input name="sdev" id="sdevPicker" value="2"><br><br>
            </div>
            <label for="colour"><b>Colour</b></label>
            <input name="colour" id="colourPicker" class="jscolor" value="ab2567"><br><br>
            <a href="#" id="modalOk">OK</a>
            <a href="#" id="modalIndicatorCancel">Cancel</a>
        </div>
    </div>

    <nav class="contextMenu" id="contextMenu">
        <ul class="contextMenuItems">
            <li>
                <a href="#" class="contextMenuLink" id="sma">
                    Simple Moving Average
                </a>
            </li>
            <li>
                <a href="#" class="contextMenuLink" id="ema">
                    Exponential Moving Average
                </a>
            </li>
            <li>
                <a href="#" class="contextMenuLink" id="bbands">
                    Bollinger Bands
                </a>
            </li>
        </ul>
    </nav>
</body>

<script type="text/javascript" src="scripts/script.js"></script>
<script type="text/javascript" src="JS Graphing/javascript.js"></script>
<script type="text/javascript" src="scripts/jscolor.js"></script>
</html>