marc
/
BrainDock
Template
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bot auto-update: src/__pycache__/web_dashboard.cpython-310.pyc,src/web_dashboard.py

This commit is contained in:
Marc Blatter 2026-07-04 13:03:59 +02:00
parent a3bd191d40
commit c22b6f3f6a
2 changed files with 190 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/__pycache__/web_dashboard.cpython-310.pyc
View File

Binary file not shown.

337
src/web_dashboard.py
View File

@ -210,207 +210,196 @@ html_content = """
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trading Bot Dashboard</title> <title>Trading Bot Dashboard</title>
<style> <style>
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #0a0a0a;
background: linear-gradient(135deg, #0f0c29 0%, #302b63 100%); color: #e0e0e0;
color: #e0e0e0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;
padding: 20px; line-height: 1.8;
min-height: 100vh; letter-spacing: 0.3px;
} }
.container { .header {
max-width: 1400px; background-color: #121212;
margin: 0 auto; border-bottom: 1px solid #1f1f1f;
} padding: 40px 60px;
}
.header { .header h1 {
text-align: center; color: #ffffff;
margin-bottom: 30px; font-size: 32px;
border-bottom: 2px solid #6c63ff; font-weight: 700;
padding-bottom: 20px; letter-spacing: -0.5px;
} }
.header h1 { .container {
font-size: 2.5em; max-width: 1800px;
color: #6c63ff; margin: 0 auto;
margin-bottom: 10px; padding: 60px 60px;
} }
.status { .grid-auto {
display: inline-block; display: grid;
padding: 8px 16px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
background: #00c853; gap: 24px;
color: white; margin-bottom: 60px;
border-radius: 20px; }
font-weight: bold;
font-size: 0.9em;
}
.grid { .card {
display: grid; background-color: #1a1a1a;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); border: 1px solid #2a2a2a;
gap: 20px; border-radius: 16px;
margin-bottom: 30px; padding: 28px;
} backdrop-filter: blur(10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.card { .card:hover {
background: rgba(255, 255, 255, 0.1); background-color: #1f1f1f;
border: 1px solid #6c63ff; border-color: #3a3a3a;
border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
padding: 20px; }
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
.card:hover { .card-label {
background: rgba(255, 255, 255, 0.15); color: #888888;
border-color: #00c853; font-size: 12px;
transform: translateY(-5px); text-transform: uppercase;
} letter-spacing: 1.2px;
margin-bottom: 12px;
font-weight: 600;
}
.card-title { .card-value {
color: #6c63ff; color: #ffffff;
font-size: 0.9em; font-size: 36px;
text-transform: uppercase; font-weight: 700;
letter-spacing: 1px; line-height: 1.2;
margin-bottom: 10px; margin-bottom: 8px;
} }
.card-value { .card-subtitle {
font-size: 2em; color: #666666;
font-weight: bold; font-size: 13px;
color: #e0e0e0; font-weight: 500;
margin-bottom: 5px; }
}
.card-sub { .card-positive {
color: #a0a0a0; color: #2ecc71;
font-size: 0.85em; }
}
.positive { .card-negative {
color: #00c853; color: #e74c3c;
} }
.negative { .section-title {
color: #ff3d00; color: #ffffff;
} font-size: 24px;
font-weight: 700;
margin: 60px 0 32px 0;
letter-spacing: -0.3px;
}
.section { .content-block {
margin-bottom: 30px; background-color: #1a1a1a;
} border: 1px solid #2a2a2a;
border-radius: 16px;
padding: 32px;
margin-bottom: 40px;
}
.section-title { table {
color: #6c63ff; width: 100%;
font-size: 1.5em; border-collapse: collapse;
margin-bottom: 15px; }
border-bottom: 1px solid #6c63ff;
padding-bottom: 10px;
}
.trades-list { th {
display: grid; background-color: #121212;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); color: #b0b0b0;
gap: 15px; padding: 16px 20px;
} text-align: left;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #2a2a2a;
}
.trade-card { td {
background: rgba(255, 255, 255, 0.08); padding: 16px 20px;
border-left: 4px solid #6c63ff; border-bottom: 1px solid #1f1f1f;
border-radius: 5px; color: #d0d0d0;
padding: 15px; font-size: 14px;
font-size: 0.9em; }
}
.trade-card.open { tr:last-child td {
border-left-color: #6c63ff; border-bottom: none;
} }
.trade-card.closed { tbody tr:hover {
border-left-color: #00c853; background-color: #0f0f0f;
} }
.trade-pair { .status-badge {
font-weight: bold; display: inline-block;
color: #6c63ff; padding: 6px 12px;
margin-bottom: 8px; border-radius: 8px;
} font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.trade-info { .badge-live {
display: grid; background-color: #1a1a1a;
grid-template-columns: 1fr 1fr; color: #888888;
gap: 10px; border: 1px solid #2a2a2a;
font-size: 0.85em; }
color: #a0a0a0;
}
.trade-info strong { .badge-profit {
color: #e0e0e0; background-color: rgba(46, 204, 113, 0.15);
} color: #2ecc71;
}
.swap-item { .badge-loss {
background: rgba(255, 255, 255, 0.05); background-color: rgba(231, 76, 60, 0.15);
padding: 10px; color: #e74c3c;
border-radius: 5px; }
margin-bottom: 8px;
font-size: 0.85em;
}
.performance-grid { .metric-row {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px; gap: 20px;
} margin-bottom: 40px;
}
.stat-card { .spacer {
background: rgba(108, 99, 255, 0.2); height: 1px;
border: 1px solid #6c63ff; background-color: #1f1f1f;
border-radius: 8px; margin: 40px 0;
padding: 15px; }
text-align: center;
}
.stat-label { .footer-text {
color: #a0a0a0; color: #666666;
font-size: 0.8em; font-size: 12px;
text-transform: uppercase; text-align: right;
margin-bottom: 8px; margin-top: 40px;
} padding-top: 20px;
border-top: 1px solid #1f1f1f;
}
.stat-value { .empty-state {
font-size: 1.8em; text-align: center;
font-weight: bold; color: #555555;
color: #00c853; padding: 60px 20px;
} font-size: 14px;
}
.stat-value.loss { </style>
color: #ff3d00;
}
.update-time {
text-align: right;
color: #666;
font-size: 0.8em;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #333;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fade-in {
animation: fadeIn 0.3s ease-in;
}
</style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">