diff options
| -rw-r--r-- | risk_insight/risk_insight/static/indices.css | 16 | ||||
| -rw-r--r-- | risk_insight/risk_insight/templates/indices.html | 49 |
2 files changed, 46 insertions, 19 deletions
diff --git a/risk_insight/risk_insight/static/indices.css b/risk_insight/risk_insight/static/indices.css new file mode 100644 index 00000000..e39c79c6 --- /dev/null +++ b/risk_insight/risk_insight/static/indices.css @@ -0,0 +1,16 @@ +body{ + margin: 1em auto; + width: 1280px; +} + +#graph{ + width:800px; + height:500px; + margin: 0 0; + float: left; +} + +#select-box{ + margin-top: 5em; + padding-bottom: 1em; +} diff --git a/risk_insight/risk_insight/templates/indices.html b/risk_insight/risk_insight/templates/indices.html index 45d9404d..0b06235b 100644 --- a/risk_insight/risk_insight/templates/indices.html +++ b/risk_insight/risk_insight/templates/indices.html @@ -1,30 +1,41 @@ <!doctype html> <html> -<head> -<script type="text/javascript" src="{{ url_for('static', filename='dygraph-combined.js') }}"></script> -<script type="text/javascript" src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script> -</head> -<body> - <div id="graph" - style="width:800px; height:500px;float:left;margin:auto"> + <head> + <link href="{{url_for('static',filename='indices.css')}}" rel="stylesheet"> + </head> + <body> + <div id="graph"> </div> - <div style="margin-top:5em;display:inline-block"> + <div id="select-box"> <select id="index"> - <option value="ig">IG</option> - <option value="hy">HY</option> + <option value="ig">IG</option> + <option value="hy">HY</option> + <option value="xo">XO</option> + <option value="eu">EU</option> </select> <select id="series"> - {% for s in series %} - <option value="{{s}}">{{s}}</option> - {% endfor %} + {% 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> + <option value="3yr">3yr</option> + <option value="5yr">5yr</option> + <option value="7yr">7yr</option> + <option value="10yr">10yr</option> </select> - </div> -<script type="text/javascript" src="{{ url_for('static', filename='indices.js') }}"></script> + </div> + <div> + <select id="what"> + <option value="quotes">Quotes</option> + <option value="adjquotes">Adjusted Quotes</option> + <option value="basis">Basis</option> + <option value="theta">Theta</option> + <option value="duration">Duration</option> + </select> + </div> + <script type="text/javascript" src="{{ url_for('static', filename='dygraph-combined.js') }}"></script> + <script type="text/javascript" src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script> + <script type="text/javascript" src="{{ url_for('static', filename='indices.js') }}"></script> </body> </html> |