kevindkeogh/go-opt-pricer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Server now returns HTML and can pass back/forth data

Browse Source
This commit is contained in:
Kevin
2017-09-18 15:10:01 -04:00
parent 6b56699280
commit 04279d77f0
5 changed files with 223 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
templates/index.html Normal file
View File

@@ -0,0 +1,95 @@
<html>
<head>
<title>Black Scholes Options Model</title>
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/styles.css"/>
<script type="text/javascript" src="assets/jquery.3.2.1.js"></script>
<script type="text/javascript" src="assets/main.js"></script>
</head>
<body>
<div class="wrapper">
<div id="left-side">
<form id="option-terms">
<h3>Option terms:</h3>
<p>Option type:
<select name="OptType">
<option value="1" label="call">Call</option>
<option value="-1" label="put">Put</option>
</select>
</p>
<p>Strike:
<input type="number" step="0.0001" name="Strike">
</p>
<p>Expiry Date:
<input type="date" name="ExpiryDate">
</p>
<h3>Market data:</h3>
<p>Value Date:
<input type="date" name="ValueDate">
</p>
<p>Spot:
<input type="number" step="0.0001"name="Spot">
</p>
<p>Risk-free Rate:
<input type="number" step="0.0001" name="Rfr">
</p>
<p>Implied Volatility:
<input type="number" step="0.0001" name="impliedVol">
</p>
<p>Simulations:
<input type="number" step="1" name="Sims">
</p>
<button type="submit">Submit</button>
</form>
</div>
<div id="right-side">
<div id="right-upper">
<p>Graph goes here</p>
</div>
<div id="right-lower">
<table id="results-table">
<thead>
<tr>
<th></th>
<th>Closed Form</th>
<th>Monte Carlo</th>
</tr>
</thead>
<tbody>
<tr>
<th>FV</th>
<td></td>
<td></td>
</tr>
<tr>
<th>Delta</th>
<td></td>
<td></td>
</tr>
<tr>
<th>Vega</th>
<td></td>
<td></td>
</tr>
<tr>
<th>Gamma</th>
<td></td>
<td></td>
</tr>
<tr>
<th>Theta</th>
<td></td>
<td></td>
</tr>
<tr>
<th>Rho</th>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>