brighter-trading/templates/price_chart.html

42 lines
2.2 KiB
HTML

<!-- Container for the javascript chart -->
<div id="chart">
<div class="a1" >
<!-- Chart specific controls -->
<div id="chart_controls">
<!-- Container target for any indicator output -->
<div id="indicator_output" ></div>
<!-- Trading pair selector -->
<form id="tp_selector" action="/settings" method="post">
<input type="hidden" name="setting" value="trading_pair" />
<label for="symbols" >Trading Pair</label>
<input list="symbols" name="symbol" id="symbol" style="width: 96px;">
<datalist id="symbols">
{% for symbol in symbols %}
<option>{{ symbol }}</option>
{% endfor %}
</datalist>
</form>
<!-- Time timeframe selector -->
<form action="/settings" method="post">
<input type="hidden" name="setting" value="interval" />
<select id="timeframe" name="timeframe" onchange="this.form.submit()">
{% for time_frame in intervals %}
<option {% if time_frame == interval_state %} selected="selected" {%endif%}>{{ time_frame }}</option>
{% endfor %}
</select>
</form>
<!-- Exchange selector -->
<form action="/settings" method="post">
<input type="hidden" name="setting" value="exchange" />
<select id="exchange_name" name="exchange_name" onchange="this.form.submit()">
{% for exchange in exchanges %}
<option {% if exchange == selected_exchange %} selected="selected" {%endif%}>{{ exchange }}</option>
{% endfor %}
</select>
</form>
<!-- Toggle On/Off indicators-->
<button id="enable_indicators" type="button" onclick="UI.controls.showAtPos(event,'indicators')">Indicators</button>
</div>
</div>
</div>