Ghaymah intern
هذا الالتزام موجود في:
82
q5-mithal-monitor/dashboard/index.html
Normal file
82
q5-mithal-monitor/dashboard/index.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar" dir="rtl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>لوحة مراقبة mithal.space</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>لوحة مراقبة mithal.space</h1>
|
||||
<div class="status-pill" id="overallStatus">جاري التحميل...</div>
|
||||
</header>
|
||||
|
||||
<section class="grid">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-label">Uptime (آخر 24 ساعة)</div>
|
||||
<div class="big-value" id="uptimeValue">--%</div>
|
||||
<div class="sub-value" id="uptimeDetail">-- فحص من --</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-label">آخر زمن استجابة</div>
|
||||
<div class="big-value" id="latencyValue">-- ms</div>
|
||||
<div class="sub-value" id="latencyDetail">HTTP GET /</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-label">شهادة SSL</div>
|
||||
<div class="big-value" id="sslValue">--</div>
|
||||
<div class="sub-value" id="sslDetail">تنتهي في --</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-label">زمن تحليل DNS</div>
|
||||
<div class="big-value" id="dnsValue">-- ms</div>
|
||||
<div class="sub-value" id="dnsDetail">آخر فحص</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-label">زمن استجابة البحث</div>
|
||||
<div class="big-value" id="searchValue">-- ms</div>
|
||||
<div class="sub-value" id="searchDetail">GET /search?q=test</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="chart-section">
|
||||
<h2>زمن الاستجابة — آخر ساعة</h2>
|
||||
<canvas id="latencyChart" height="90"></canvas>
|
||||
</section>
|
||||
|
||||
<section class="log-section">
|
||||
<h2>سجل آخر 10 فحوصات</h2>
|
||||
<table id="logTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>الوقت</th>
|
||||
<th>الحالة</th>
|
||||
<th>Status</th>
|
||||
<th>Latency</th>
|
||||
<th>DNS</th>
|
||||
<th>SSL (أيام متبقية)</th>
|
||||
<th>بحث</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="logTableBody">
|
||||
<tr><td colspan="7">جاري التحميل...</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
يتحدث تلقائيًا كل 60 ثانية · مصدر البيانات: <code>data/metrics_history.json</code>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
المرجع في مشكلة جديدة
حظر مستخدم