Spaces:
Running
Running
Ctrl+K
<!DOCTYPE html><html lang="ar" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>أصول الشبكة</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body class="bg-gray-100 text-gray-900"> <div class="container mx-auto p-6"> <h1 class="text-2xl font-bold mb-4 text-center">📡 قائمة أصول الشبكة</h1><!-- جدول أصول الشبكة --> <div class="bg-white rounded-xl shadow p-4 overflow-x-auto"> <table class="table-auto w-full border-collapse"> <thead> <tr class="bg-gray-200 text-gray-700"> <th class="p-2 border">#</th> <th class="p-2 border">اسم الأصل</th> <th class="p-2 border">IP</th> <th class="p-2 border">النظام</th> <th class="p-2 border">الموقع</th> <th class="p-2 border">الحالة</th> </tr> </thead> <tbody id="assetsTable"> <tr> <td class="border p-2">1</td> <td class="border p-2">خادم البريد</td> <td class="border p-2">192.168.1.10</td> <td class="border p-2">Linux</td> <td class="border p-2">المقر الرئيسي</td> <td class="border p-2 text-green-600">نشط</td> </tr> <tr> <td class="border p-2">2</td> <td class="border p-2">بوابة الإنترنت</td> <td class="border p-2">192.168.1.1</td> <td class="border p-2">Firewall</td> <td class="border p-2">المقر الرئيسي</td> <td class="border p-2 text-green-600">نشط</td> </tr> <tr> <td class="border p-2">3</td> <td class="border p-2">خادم الملفات</td> <td class="border p-2">192.168.1.20</td> <td class="border p-2">Windows Server</td> <td class="border p-2">فرع جدة</td> <td class="border p-2 text-yellow-600">مراقب</td> </tr> </tbody> </table> </div> <!-- زر إضافة أصل --> <div class="mt-6 text-center"> <button onclick="addAsset()" class="px-4 py-2 bg-blue-600 text-white rounded-xl shadow hover:bg-blue-700">➕ إضافة أصل جديد</button> </div> </div> <script> function addAsset() { const table = document.getElementById("assetsTable"); const newRow = document.createElement("tr"); newRow.innerHTML = ` <td class="border p-2">${table.rows.length + 1}</td> <td class="border p-2">أصل جديد</td> <td class="border p-2">192.168.1.X</td> <td class="border p-2">OS</td> <td class="border p-2">الموقع</td> <td class="border p-2 text-gray-600">غير محدد</td> `; table.appendChild(newRow); } </script></body> </html> - Initial Deployment
95167a8 verified