aboutsummaryrefslogtreecommitdiffstats
path: root/tranches_insight/templates
diff options
context:
space:
mode:
Diffstat (limited to 'tranches_insight/templates')
-rw-r--r--tranches_insight/templates/index.html46
1 files changed, 35 insertions, 11 deletions
diff --git a/tranches_insight/templates/index.html b/tranches_insight/templates/index.html
index d3cd66a3..c58e1d9a 100644
--- a/tranches_insight/templates/index.html
+++ b/tranches_insight/templates/index.html
@@ -5,18 +5,42 @@
<script type="text/javascript" src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script>
</head>
<body>
-<div id="graphdiv2"
- style="width:800px; height:500px;">
-</div>
+ <div id="graph1"
+ style="width:800px; height:500px;float:left;margin:auto">
+ </div>
+ <div id="graph2"
+ style="width:800px; height:500px;float:left;padding-left:5em">
+ </div>
+ <div style="margin-top:5em;display:inline-block">
+ <select id="index">
+ <option value="ig">IG</option>
+ <option value="hy">HY</option>
+ </select>
+ <select id="series">
+ {% for s in series %}
+ <option value="{{s}}">{{s}}</option>
+ {% endfor %}
+ </select>
+ <select id="tenor">
+ <option value="3yr">3yr</option>
+ <option value="5yr">5yr</option>
+ <option value="7yr">7yr</option>
+ <option value="10yr">10yr</option>
+ </select>
+ <select id="greek">
+ <option value="Dealer Deltas">Dealer Delta</option>
+ <option value="Model Deltas">Model Delta</option>
+ <option value="Forward Deltas">Forward Delta</option>
+ <option value="gammas">Gamma</option>
+ <option value="thetas">Theta</option>
+ <option value="corr01">Corr01</option>
+ <option value="durations">Duration</option>
+ <option value="el">Expected Loss</option>
+ </select>
+ </div>
+
<div>
- <select id="dropdown">
- {% for index in index_list %}
- <option value="{{"{0}.{1}.{2}".format(*index)}}"
- {% if loop.index==1 %}selected="selected"{% endif %}>
- {{"{0}{1} {2}".format(*index)}}
- </option>
- {% endfor %}
- </select>
+
</div>
<script type="text/javascript" src="{{ url_for('static', filename='main.js') }}"></script>
</body>