brighter-trading/templates/index.html

55 lines
2.8 KiB
HTML

<html>
<head>
<!-- Load style sheets and set the title -->
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='brighterStyles.css') }}">
<title>{{ title }}</title>
<!-- Load lightweight charts -->
<script src="{{ url_for('static', filename='lightweight-charts.standalone.production.js') }}"></script>
<!-- The server passed initiation data to the HTML. This loads it into the DOM. -->
<script type="text/javascript">
function get_init_data(vars) {return vars}
bt_data = get_init_data({{js_data|tojson}});
</script>
<!-- Load javascript -->
<script src="{{ url_for('static', filename='exchanges.js') }}"></script>
<script src="{{ url_for('static', filename='user.js') }}"></script>
<script src="{{ url_for('static', filename='Alerts.js') }}"></script>
<script src="{{ url_for('static', filename='strategies.js') }}"></script>
<script src="{{ url_for('static', filename='data.js') }}"></script>
<script src="{{ url_for('static', filename='indicators.js') }}"></script>
<script src="{{ url_for('static', filename='charts.js') }}"></script>
<script src="{{ url_for('static', filename='communication.js') }}"></script>
<script src="{{ url_for('static', filename='controls.js') }}"></script>
<script src="{{ url_for('static', filename='signals.js') }}"></script>
<script src="{{ url_for('static', filename='trade.js') }}"></script>
<script src="{{ url_for('static', filename='general.js') }}"></script>
</head>
<body>
<!-- Hidden Div elements containing markup for popup context and forms.-->
{% include "new_trade_popup.html" %}
{% include "new_strategy_popup.html" %}
{% include "new_signal_popup.html" %}
{% include "trade_details_popup.html" %}
{% include "indicator_popup.html" %}
{% include "exchange_config_popup.html" %}
<!-- Container for the whole user app -->
<div id="master_panel" class="master_panel"
style="width 1550px; height 800px;display: grid;
grid-template-columns: 1000px 550px; grid-template-rows: 50px 500px 100px 100px;">
<!-- Application Header -->
<div id="app_header">
<H1 id="app_title">{{ title }}</H1>
{% include "login.html" %}
</div><!-- end Application Header -->
<!-- The Main price chart -->
{% include "price_chart.html" %}
<!-- Containers for Indicators that require their own charts. -->
<div id="chart2"></div>
<div id="chart3"></div>
<!-- This is the control panel on the right of the screen -->
{% include "control_panel.html" %}
</div><!-- End Master Panel --->
</body>
</html>