mirror of
https://github.com/chrisnov-it/quantumbotx.git
synced 2026-08-01 05:07:45 +00:00
Reynov Christian
78737b6835
- Update `.gitignore` to include `lab/` for backtesting and raw data. - Refactor `app.py` to improve error handling and logging. - Remove deprecated files: `core/bot_logic.py`, `core/bots/base_bot.py`, `core/bots/manager.py`, `core/db/database.py`, `core/routes/api_analysis.py`, `core/routes/api_bots_analysis.py`, `core/strategies/logic_ma.py`, `core/strategies/logic_rsi.py`. - Modify multiple files to enhance bot management, routing, and strategy handling. - Update JavaScript and HTML templates for better UI and functionality.
108 lines
7.8 KiB
HTML
108 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Forex Market - QuantumBotX</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
</head>
|
|
<body class="bg-gray-100 font-sans">
|
|
<div class="flex h-screen overflow-hidden">
|
|
<div id="sidebar" class="sidebar bg-white w-64 shadow-lg flex flex-col">
|
|
<div class="p-4 flex items-center border-b">
|
|
<div class="w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center text-white font-bold">QT</div>
|
|
<div class="ml-3 logo-text">
|
|
<h1 class="text-xl font-bold text-gray-800">QuantumBotX</h1>
|
|
<p class="text-xs text-gray-500">The AI-Powered Strategy Platform</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1 overflow-y-auto">
|
|
<nav class="mt-6">
|
|
<div class="px-4 mb-4"><p class="text-xs font-semibold text-gray-500 uppercase tracking-wider sidebar-text">Navigation</p></div>
|
|
<a href="{{ url_for('dashboard') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fas fa-chart-line"></i><span class="ml-3 sidebar-text">Dashboard</span></a>
|
|
<a href="{{ url_for('bots_page') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fas fa-robot"></i><span class="ml-3 sidebar-text">Trading Bots</span></a>
|
|
<a href="{{ url_for('portfolio_page') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fas fa-wallet"></i><span class="ml-3 sidebar-text">Portfolio</span></a>
|
|
<a href="{{ url_for('history_page') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fas fa-history"></i><span class="ml-3 sidebar-text">History</span></a>
|
|
<a href="{{ url_for('settings_page') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fas fa-cog"></i><span class="ml-3 sidebar-text">Settings</span></a>
|
|
<div class="px-4 mt-8 mb-4"><p class="text-xs font-semibold text-gray-500 uppercase tracking-wider sidebar-text">Market Data</p></div>
|
|
<a href="{{ url_for('crypto_page') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fab fa-bitcoin"></i><span class="ml-3 sidebar-text">Cryptocurrency</span></a>
|
|
<a href="{{ url_for('stocks_page') }}" class="nav-item flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50"><i class="fas fa-chart-bar"></i><span class="ml-3 sidebar-text">Stocks</span></a>
|
|
<a href="{{ url_for('forex_page') }}" class="nav-item flex items-center px-4 py-3 text-blue-600 bg-blue-50 border-r-4 border-blue-600"><i class="fas fa-exchange-alt"></i><span class="ml-3 sidebar-text">Forex</span></a>
|
|
</nav>
|
|
</div>
|
|
<div class="p-4 border-t">
|
|
<a href="{{ url_for('profile_page') }}" class="flex items-center group">
|
|
<div class="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center"><i class="fas fa-user text-gray-600"></i></div>
|
|
<div class="ml-3 sidebar-text "><p class="text-sm font-medium text-gray-800 group-hover:text-blue-600">Reynov Christian</p><p class="text-xs text-gray-500 group-hover:text-blue-600">Developer</p></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-1 overflow-auto">
|
|
<header class="bg-white shadow-sm">
|
|
<div class="flex items-center justify-between px-6 py-4">
|
|
<div class="flex items-center">
|
|
<button id="sidebar-toggle" class="text-gray-500 focus:outline-none"><i class="fas fa-bars"></i></button>
|
|
<div class="ml-4 relative"><input type="text" class="w-64 px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Search markets, bots..."><i class="fas fa-search absolute right-3 top-3 text-gray-400"></i></div>
|
|
</div>
|
|
<div class="flex items-center space-x-4">
|
|
<a href="/notifications" class="relative text-gray-500 hover:text-blue-600">
|
|
<i class="fas fa-bell"></i>
|
|
<span id="notification-dot" class="absolute top-0 right-0 w-2 h-2 rounded-full bg-red-500 hidden"></span>
|
|
</a>
|
|
<a href="/profile" class="w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center hover:bg-gray-300"><i class="fas fa-user text-gray-600"></i></a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="p-6">
|
|
<div class="flex justify-between items-center mb-6">
|
|
<div>
|
|
<h2 class="text-2xl font-bold text-gray-800">Pasar Forex</h2>
|
|
<p class="text-gray-600">Data harga real-time dari pasar valuta asing.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-lg shadow overflow-x-auto">
|
|
<table class="min-w-full divide-y divide-gray-200">
|
|
<thead class="bg-gray-50">
|
|
<tr>
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Pasangan</th>
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Harga Bid</th>
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Harga Ask</th>
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Spread</th>
|
|
<th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="forex-table-body" class="bg-white divide-y divide-gray-200">
|
|
<tr><td colspan="5" class="p-4 text-center text-gray-500">Memuat data forex...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div id="forex-modal" class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full hidden">
|
|
<div class="relative top-20 mx-auto p-5 border w-1/2 shadow-lg rounded-md bg-white">
|
|
<div class="mt-3 text-center">
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title"></h3>
|
|
<div class="mt-2 px-7 py-3">
|
|
<p class="text-sm text-gray-500" id="modal-content"></p>
|
|
</div>
|
|
<div class="items-center px-4 py-3">
|
|
<button id="close-modal" class="px-4 py-2 bg-gray-500 text-white text-base font-medium rounded-md w-full shadow-sm hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-300">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/forex.js') }}"></script>
|
|
</body>
|
|
</html> |