openapi-samples-js/orders/option-strategies/index.html at main · SaxoBank/openapi-samples-js · 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
<!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 Option Strategies</title>
</head>
<body>
<section class="page-header">
<h1 class="project-name">Multi-leg Orders</h1>
<h2 class="project-tagline">Example on Strategy Orders</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/option-strategies" 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>Buy option strategy</h1>
This example shows how place multi-leg option order.
<br />
More info on handling error responses: <a href="https://www.developer.saxo/openapi/learn/order-placement-return-codes" target="_blank">https://www.developer.saxo/openapi/learn/order-placement-return-codes</a>
<br />
<br />
<label>Option root ID (InstrumentId, not Uic): <input type="text" class="text-field" id="idInstrumentId" value="1" placeholder="Paste instrument id.." />
(Find one using <a href="https://saxobank.github.io/openapi-samples-js/instruments/instrument-search/" target="_blank">search</a>)</label>
<br />
<br />
<label>
    Strategy: <select class="selector" id="idCbxOptionStrategy">
        <option value="BackRatio">BackRatio</option>
        <option value="Butterfly">Butterfly</option>
        <option value="CalendarSpread">CalendarSpread</option>
        <option value="Condor">Condor</option>
        <option value="Custom">Custom</option>
        <option value="Diagonal">Diagonal</option>
        <option value="IronButterfly">IronButterfly</option>
        <option value="IronCondor">IronCondor</option>
        <option value="RiskReversal">RiskReversal</option>
        <option value="Straddle">Straddle</option>
        <option value="Strangle">Strangle</option>
        <option value="Vertical">Vertical</option>
    </select>
</label><br />
<label>
    Order type: <select class="selector" id="idCbxOrderType">
        <option value="-" selected>Press "Get option sheet" to populate</option>
    </select>
</label>
<label>
    Order duration: <select class="selector" id="idCbxOrderDuration">
        <option value="DayOrder" selected>DayOrder</option>
        <option value="FillOrKill">FillOrKill</option>
        <option value="GoodTillCancel">GoodTillCancel</option>
        <option value="GoodTillDate">GoodTillDate</option>
        <option value="ImmediateOrCancel">ImmediateOrCancel</option>
    </select>
</label>
<br />
<br />
<label><input type="checkbox" id="idChkRequestIdHeader" value="RequestIdHeader"> Add ExternalReference as X-Request-ID header (<a href="https://www.developer.saxo/openapi/learn/rate-limiting" target="_blank">info</a>)</label>
<br />
POST body containing order parameters:
<br />
<textarea class="json-input" id="idNewOrderObject" rows="13" wrap="off">
{
    "AccountKey": "(added on first request)",
    "OrderType": "Market",
    "ExternalReference": "MyStrategyOrderCorrelationId",
    "ManualOrder": true,
    "OrderDuration": {
        "DurationType": "DayOrder"
    }
}
</textarea>
<br />
<input type="button" class="action-button" value="Get option sheet" id="idBtnGetSeries" />
<input type="button" class="action-button" value="Get strategy" id="idBtnGetStrategy" />
<input type="button" class="action-button" value="Get price" id="idBtnGetPrice" /><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 />
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>