-
Notifications
You must be signed in to change notification settings - Fork 25
/
index.html
89 lines (89 loc) · 4.24 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="ROBOTS" content="INDEX, FOLLOW" />
<meta name="VIEWPORT" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://saxobank.github.io/openapi-samples-js/assets/css/style.css">
<link rel="shortcut icon" type="image/x-icon" href="https://saxobank.github.io/openapi-samples-js/favicon.ico">
<script type="text/javascript" src="../../assets/js/boilerplate.js" defer></script>
<script type="text/javascript" src="demo.js" defer></script>
<title>Order Demo for One-Cancels-the-Other (OCO) Orders</title>
</head>
<body>
<section class="page-header">
<h1 class="project-name">OCO-Orders</h1>
<h2 class="project-tagline">Demo on related orders: OCO</h2>
<a href="https://saxobank.github.io/openapi-samples-js" class="btn">← Back to main page</a>
<a href="https://github.com/SaxoBank/openapi-samples-js/tree/main/orders/oco-orders" class="btn">View on GitHub</a>
</section>
<section class="main-content">
<div class="highlight">
<label><span>Add token <a href="https://www.developer.saxo/openapi/token" target="_blank" id="idHrefRetrieveToken">from here</a> to the box below:</span><br />
<input type="text" class="token-field" id="idBearerToken" value="" placeholder="Paste token here.." autofocus /></label>
<input type="button" class="action-button" value="Validate" id="idBtnValidate" /><br />
<label>
Account: <select class="selector" id="idCbxAccount">
<option value="-">Click Validate to populate</option>
</select>
</label>
</div>
<h1>Basics of a One-Cancels-the-Other (OCO) Order</h1>
Traders can use OCO orders to trade retracements and breakouts. If a trader wanted to trade a break above resistance or below support, they could place an OCO order that uses a buy stop and sell stop to enter the market.<br />
The example here is taken from the description at <a href="https://www.investopedia.com/terms/o/oco.asp" target="_blank">Investopedia</a>.<br />
An OCO-order is an example of a "related order", or "tactic order". Keep in mind that one of the related orders can be rejected, but the rest might go to the market. It is up to the app to handle this scenario!<br />
Order tickets must warn before trading a complex product, provide a KID download and the cost breakdown. See <a href="../regulatory-requirements/">the sample</a>.
<br />
<br />
POST body containing order parameters:
<br />
<textarea class="json-input" id="idNewOrderObject" rows="13" wrap="off">
{
"Orders": [
{
"AccountKey": "(added on first request)",
"BuySell": "Buy",
"Amount": 100000,
"Uic": 21,
"AssetType": "FxSpot",
"OrderDuration": {
"DurationType": "GoodTillCancel"
},
"OrderPrice": 1.20555,
"OrderType": "Limit",
"ExternalReference": "MyOcoOrderCorrelationId1",
"ManualOrder": true
},
{
"AccountKey": "(added on first request)",
"BuySell": "Buy",
"Amount": 100000,
"Uic": 21,
"AssetType": "FxSpot",
"OrderDuration": {
"DurationType": "GoodTillCancel"
},
"OrderPrice": 1.2177,
"OrderType": "Stop",
"ExternalReference": "MyOcoOrderCorrelationId2",
"ManualOrder": true
}
]
}
</textarea>
<br />
<input type="button" class="action-button" value="Precheck order" id="idBtnPreCheckOrder" />
<input type="button" class="action-button" value="Place order" id="idBtnPlaceNewOrder" />
<input type="button" class="action-button" value="Modify order" id="idBtnModifyLastOrder" />
<input type="button" class="action-button" value="Cancel order" id="idBtnCancelLastOrder" />
<br />
<input type="button" class="action-button" value="Get ENS order events" id="idBtnHistoricalEnsEvents" />
<input type="button" class="action-button" value="Get orders" id="idBtnGetOrders" />
<br />
Response: <pre class="highlight" id="idResponse">Click button to launch function.</pre>
<br />
JS code: <pre class="code-block" id="idJavaScript">Click button to show code.</pre>
<footer class="site-footer"><span class="site-footer-credits" id="idFooter"></span></footer>
</section>
</body>
</html>