diff --git "a/templates/index.html" "b/templates/index.html" --- "a/templates/index.html" +++ "b/templates/index.html" @@ -1,2452 +1,1892 @@ - + + - - - Crypto API Monitor - Real-time Dashboard - - + + 🚀 Crypto API Monitor – Unified Dashboard + + - - -
- -
-
- -
-
-
- -
-
- - Connecting... -
-
- - System Active -
- -
-
+ .pill-filter.active { + background: rgba(79, 70, 229, 0.4); + color: #e5e7eb; + border-color: rgba(129, 140, 248, 0.9); + box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.7); + } -
-
-
- Total APIs -
- - - - - -
-
-
--
-
- - - - Loading... -
-
+ .empty-state { + padding: 18px 10px; + text-align: center; + font-size: 12px; + color: var(--muted); + } -
-
- Online -
- - - - -
-
-
--
-
- - - - - Loading... -
-
+ .loader { + width: 18px; + height: 18px; + border-radius: 999px; + border: 2px solid rgba(148, 163, 184, 0.5); + border-top-color: var(--accent); + animation: spin 0.7s linear infinite; + display: inline-block; + } -
-
- Avg Response -
- - - -
-
-
--
-
- - - - - Loading... -
-
+ .toast { + position: fixed; + inset-inline-end: 16px; + bottom: 16px; + z-index: 50; + max-width: 320px; + padding: 10px 12px; + border-radius: 16px; + background: rgba(15, 23, 42, 0.98); + border: 1px solid rgba(148, 163, 184, 0.6); + box-shadow: 0 18px 45px rgba(15, 23, 42, 0.95); + font-size: 12px; + color: var(--text); + display: none; + } -
-
- Last Update -
- - - - -
-
-
--
-
- - - - Auto-refresh enabled -
-
-
-
+ .toast.visible { + display: block; + animation: toast-in 0.2s ease-out; + } -
-
- - - - - - - Dashboard -
-
- - - - - Providers -
-
- - - - - - Categories -
-
- - - - - Rate Limits -
-
- - - - - - Logs -
-
- - - - - - Alerts -
-
- - - - - HuggingFace -
-
+ .toast-title { + font-weight: 600; + margin-bottom: 4px; + } - -
-
- -
-
-

- - - - - System Overview -

- -
-
- - - - - - - - - - - - - - - -
ProviderCategoryStatusResponse TimeLast Check
-
- - Loading providers... -
-
-
-
+ .toast-body { + font-size: 11px; + color: var(--muted); + } + + @keyframes spin { + to { + transform: rotate(360deg); + } + } + + @keyframes toast-in { + from { + opacity: 0; + transform: translateY(10px) scale(0.98); + } + + to { + opacity: 1; + transform: translateY(0) scale(1); + } + } + + @media (max-width: 980px) { + .layout { + grid-template-columns: minmax(0, 1fr); + } + + .hero { + padding: 20px 18px 16px; + } + + .hero-title-text h1 { + font-size: 22px; + } + } -
-
-
-

- - - - Health Status -

+ @media (max-width: 640px) { + body { + padding: 14px; + } + + .hero { + border-radius: 22px; + } + + .hero-header { + align-items: flex-start; + } + + .hero-status-row { + justify-content: flex-start; + } + + .tab-strip { + width: 100%; + overflow-x: auto; + } + } + + + + +
+
+
+
+ -
- +
+

+ Crypto API Monitor + Unified Free Provider Hub +

+

+ مانیتور یکپارچه برای منابع و APIهای رایگان ارز دیجیتال – وضعیت لحظه‌ای، محدودیت‌ها، هشدارها + و ا��غام Hugging Face، همه در یک داشبورد. +

- -
-
-

- - - - Status Distribution -

+
+
+ + Backend + در حال بررسی… +
+
+ + WebSocket + Disconnected
-
- +
+ Providers + 0 online
-
- - -
-
-
-

- - - - All Providers -

- -
-
-
- - Loading providers details... +
+
+
+
+ 🌐 Multi‑provider aggregator (CoinGecko, DeFiLlama, On‑chain explorers و غیره) +
+
+ 🧠 Hugging Face integration برای مدل‌ها و دیتاست‌های تحلیلی +
+
+ 🛡️ Realtime health, rate‑limits, incidents & alerts +
-
-
- - -
-
-
-

- - - - - Categories Overview -

- -
-
- - - - - - - - - - - - - - - - - -
CategoryTotal SourcesOnlineHealth %Avg ResponseLast UpdatedStatus
-
- - Loading categories... -
-
-
-
-
- - -
-
-
-

- - - - - Rate Limit Monitor -

-
-
-
- - Loading rate limits... -
-
-
-
- - -
-
-
-

- - - - - Connection Logs -

-
- - -
-
-
- - - - - - - - - - - - - - - - -
TimestampProviderTypeStatusResponse TimeMessage
-
- - Loading logs... -
-
-
-
- - -
-
-
-

- - - - - - System Alerts -

- + + + + + +
-
-
- - Loading alerts... -
+
+ Last refresh: — + Origin: same host
-
- - -
-
-
-

- - - - 🤗 HuggingFace Health Status -

-
- +
+ +
+
+
+
+
+ 📊 + Overview +
+
+ خلاصه وضعیت backend و مهم‌ترین شاخص‌های سلامت سرویس‌ها. +
+
+
+ 0 providers • 0 categories
-
- Loading HF health status... +
+
-
- -
-
-
-

- Models Registry - 0 -

-
-
-
- - Loading models... +
+ +
+
+
+
+ 📡 + Realtime & Filters
-
-
- -
-
-

- Datasets Registry - 0 -

-
-
-
- - Loading datasets... +
+ کنترل وب‌سوکت، فیلتر لاگ‌ها و هشدارهای زنده.
+
+ WebSocket: passive +
-
- -
-
-

- - - - - Search Registry -

-
-
- - - -
-
-
Enter a query and click search
+
+
-
+
+
+
-
-
-

💭 Sentiment Analysis

-
-
- - -
- -
- — -
-
- Results will appear here... -
-
-
+
+
+
+ \ No newline at end of file