mirror of
https://github.com/chrisnov-it/quantumbotx.git
synced 2026-07-29 03:37:45 +00:00
Reynov Christian
53ae5e8861
- Update `app.py` to include backtesting routes and improve blueprint registration. - Modify templates to include an active page parameter for navigation highlighting. - Remove unused `crypto_data.py` and `api_crypto.py`. - Add new backtesting-related files and templates.
63 lines
2.5 KiB
HTML
63 lines
2.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Dashboard{% endblock %}
|
|
|
|
{% block head_extra %}
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/dashboard.css') }}" />
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="mb-6">
|
|
<h2 class="text-2xl font-bold text-gray-800">Dashboard</h2>
|
|
<p class="text-gray-600">Welcome back! Here's your trading overview.</p>
|
|
</div>
|
|
|
|
<!-- STAT CARDS -->
|
|
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4 mb-6">
|
|
<div class="bg-white rounded-lg shadow p-6">
|
|
<h3 class="text-sm font-medium text-gray-500">Total Saldo (Equity)</h3>
|
|
<p id="total-equity" class="mt-1 text-3xl font-semibold text-gray-800"><i class="fas fa-spinner fa-spin text-gray-400"></i></p>
|
|
</div>
|
|
<div class="bg-white rounded-lg shadow p-6">
|
|
<h3 class="text-sm font-medium text-gray-500">Profit Hari Ini</h3>
|
|
<p id="todays-profit" class="mt-1 text-3xl font-semibold text-gray-800"><i class="fas fa-spinner fa-spin text-gray-400"></i></p>
|
|
</div>
|
|
<div class="bg-white rounded-lg shadow p-6">
|
|
<h3 class="text-sm font-medium text-gray-500">Bot Aktif</h3>
|
|
<p id="active-bots-count" class="mt-1 text-3xl font-semibold text-gray-800"><i class="fas fa-spinner fa-spin text-gray-400"></i></p>
|
|
</div>
|
|
<div class="bg-white rounded-lg shadow p-6">
|
|
<h3 class="text-sm font-medium text-gray-500">Total Bot</h3>
|
|
<p id="total-bots-count" class="mt-1 text-3xl font-semibold text-gray-800"><i class="fas fa-spinner fa-spin text-gray-400"></i></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GRAFIK -->
|
|
<div class="bg-white rounded-lg shadow p-6 mb-6">
|
|
<h3 class="text-md font-semibold text-gray-700 mb-2">Grafik Harga EUR/USD</h3>
|
|
<div class="chart-container"><canvas id="priceChart" height="100"></canvas></div>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-lg shadow p-6 mb-6">
|
|
<h3 class="text-md font-semibold text-gray-700 mb-2">RSI EUR/USD (H1)</h3>
|
|
<div class="chart-container"><canvas id="rsiChart" height="100"></canvas></div>
|
|
</div>
|
|
|
|
<!-- BOT AKTIF -->
|
|
<div class="bg-white rounded-lg shadow">
|
|
<div class="p-6 border-b">
|
|
<h3 class="text-lg font-semibold text-gray-800">Active Trading Bots</h3>
|
|
</div>
|
|
<div id="active-bots-list" class="divide-y">
|
|
<p class="p-4 text-gray-500">Memuat daftar bot...</p>
|
|
</div>
|
|
<div class="p-4 border-t">
|
|
<a href="/trading_bots" class="block w-full text-center text-blue-600 font-medium hover:text-blue-800 transition">View All Bots</a>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script src="{{ url_for('static', filename='js/dashboard.js') }}"></script>
|
|
{% endblock %}
|