أداة إدارة ملفات السيرفر

0/0

تعديل الملف: api.php

الحجم: 12.84 كيلوبايت

<?php
// الاتصال بقاعدة البيانات
$connection = new mysqli('localhost', 'khoja', 'innova@SHARED1', 'khoja_c');

// التحقق من الاتصال
if ($connection->connect_error) {
    die("<div style='position:fixed; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; background:#ffecec; font-family:Tajawal; padding:20px;'>
            <div style='background:white; padding:30px; border-radius:12px; max-width:500px; text-align:center;'>
                <h2 style='color:#d32f2f'>⚠️ فشل الاتصال بقاعدة البيانات</h2>
                <p style='margin-top:15px;'>" . $connection->connect_error . "</p>
            </div>
         </div>");
}

// استعلام لجلب حساب واحد غير مسجل دخول مع حساب تاريخ الانتهاء
$query = "SELECT 
            Username, 
            StartDate, 
            DATE_ADD(StartDate, INTERVAL HoursValid HOUR) AS EndDate
          FROM tokens 
          WHERE devices = '[]' OR devices IS NULL OR JSON_LENGTH(devices) = 0
          ORDER BY RAND() /* تغيير هنا لضمان عرض حسابات مختلفة */
          LIMIT 1";

$result = $connection->query($query);
$account = $result->fetch_assoc();
?>

<!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.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
 <style>
        :root {
            --primary: #4361ee;
            --primary-dark: #3a56d4;
            --secondary: #f8f9fa;
            --text: #2c3e50;
            --text-light: #7f8c8d;
            --success: #27ae60;
            --success-bg: #e3f7eb;
            --border: #e0e0e0;
            --shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Tajawal', sans-serif;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        body {
            height: 100vh;
            width: 100vw;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f5f7fa;
            padding: 20px;
        }
        
        .account-container {
            height: 100%;
            width: 100%;
            max-width: 500px;
            max-height: 700px;
            display: flex;
            flex-direction: column;
        }
        
        .account-card {
            background: white;
            border-radius: 16px;
            padding: 25px;
            box-shadow: var(--shadow);
            border: 1px solid var(--border);
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        
        .card-header {
            text-align: center;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px dashed var(--border);
        }
        
        .username {
            font-weight: 700;
            font-size: clamp(24px, 5vw, 28px);
            color: var(--text);
            margin-bottom: 5px;
            word-break: break-all;
        }
        
        .status {
            display: inline-block;
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 16px;
            font-weight: 500;
            background: var(--success-bg);
            color: var(--success);
            margin-top: 10px;
        }
        
        .info-grid {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 15px;
            margin: 15px 0;
        }
        
        .info-item {
            display: flex;
            justify-content: space-between;
            padding: 12px 0;
            border-bottom: 1px dashed var(--border);
        }
        
        .info-label {
            color: var(--text-light);
            font-weight: 500;
        }
        
        .info-value {
            color: var(--text);
            font-weight: 400;
            text-align: left;
            direction: ltr;
        }
        
        .qr-container {
            margin: 20px auto;
            padding: 15px;
            background: white;
            border: 1px solid var(--border);
            border-radius: 12px;
            width: fit-content;
            flex-shrink: 0;
        }
        
        #qr-code {
            width: min(40vw, 180px);
            height: min(40vw, 180px);
        }
        
        .btn-container {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: auto;
        }
        
        .btn {
            width: 100%;
            padding: 14px;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s;
            text-align: center;
            border: none;
        }
        
        .btn-primary {
            background: var(--primary);
            color: white;
        }
        
        .btn-primary:hover {
            background: var(--primary-dark);
        }
        
        .btn-secondary {
            background: var(--secondary);
            color: var(--primary);
            border: 1px solid var(--primary);
        }
        
        .btn-secondary:hover {
            background: #e9ecef;
        }
        
        .no-account {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 30px;
            background: white;
            border-radius: 16px;
            box-shadow: var(--shadow);
            max-width: 500px;
            width: 100%;
        }
        
        .no-account h2 {
            color: var(--text);
            margin-bottom: 15px;
        }
        
        .no-account p {
            color: var(--text-light);
            margin-bottom: 25px;
        }
        
        /* Toast Notification */
        .toast {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #333;
            color: white;
            padding: 12px 24px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .toast.show {
            opacity: 1;
        }
        
        @media (max-width: 600px) {
            .account-card {
                padding: 20px;
            }
            
            .info-item {
                flex-direction: column;
                gap: 5px;
            }
            
            .info-value {
                text-align: right;
                direction: rtl;
            }
            
            .toast {
                width: 90%;
                text-align: center;
            }
        }
    </style>
</head>
<body>
    <?php if ($account): ?>
        <div class="account-container">
            <div class="account-card">
                <div class="card-header">
                    <div class="username"><?php echo htmlspecialchars($account['Username']); ?></div>
                    <div class="status">غير مسجل دخول</div>
                </div>
                
                <div class="info-grid">
                    <div class="info-item">
                        <span class="info-label">تاريخ الإنشاء:</span>
                        <span class="info-value"><?php echo $account['StartDate']; ?></span>
                    </div>
                    
                    <div class="info-item">
                        <span class="info-label">تاريخ الانتهاء:</span>
                        <span class="info-value"><?php echo $account['EndDate']; ?></span>
                    </div>
                </div>
                
                <div class="qr-container">
                    <div id="qr-code"></div>
                </div>
                
                <div class="btn-container">
                    <button class="btn btn-primary" id="copyBtn">
                        نسخ اسم المستخدم
                    </button>
                    
                    <button class="btn btn-secondary" id="refreshBtn">
                        عرض حساب آخر
                    </button>
                </div>
            </div>
        </div>
        
        
        <div id="toast" class="toast"></div>
        
        <script>
            // إنشاء QR Code
            new QRCode(document.getElementById("qr-code"), {
                text: "<?php echo htmlspecialchars($account['Username']); ?>",
                width: 180,
                height: 180,
                colorDark: "#000000",
                colorLight: "#ffffff",
                correctLevel: QRCode.CorrectLevel.H
            });
            
            // دالة عرض Toast
            function showToast(message) {
                const toast = document.getElementById('toast');
                toast.textContent = message;
                toast.classList.add('show');
                
                setTimeout(() => {
                    toast.classList.remove('show');
                }, 3000);
            }
            
            // دالة نسخ اسم المستخدم
            document.getElementById('copyBtn').addEventListener('click', function() {
                const username = "<?php echo htmlspecialchars($account['Username']); ?>";
                navigator.clipboard.writeText(username).then(() => {
                    showToast('تم نسخ اسم المستخدم بنجاح');
                }).catch(err => {
                    showToast('فشل في نسخ اسم المستخدم');
                    console.error('Failed to copy: ', err);
                });
            });
            
            // زر عرض حساب آخر
            document.getElementById('refreshBtn').addEventListener('click', function() {
                // إضافة تأثير تحميل
                this.innerHTML = `<span class="loading"></span> جاري التحميل...`;
                this.disabled = true;
                
                // إعادة تحميل الصفحة بعد تأخير بسيط
                setTimeout(() => {
                    window.location.reload();
                }, 500);
            });
            
            // منع menu context (النقر بزر الماوس الأيمن)
            document.addEventListener('contextmenu', function(e) {
                e.preventDefault();
            });
            
            // منع الضغط الطويل
            document.addEventListener('mousedown', function(e) {
                if (e.button === 0) { // زر الماوس الأيسر فقط
                    e.preventDefault();
                }
            });
            
            // منع التحديد عبر اللمس (لأجهزة اللمس)
            document.addEventListener('selectstart', function(e) {
                e.preventDefault();
            });
            
            // منع التحديد عبر السحب
            document.addEventListener('dragstart', function(e) {
                e.preventDefault();
            });
            
            // تأثير تحميل (CSS)
            const style = document.createElement('style');
            style.innerHTML = `
                .loading {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    border: 3px solid rgba(255,255,255,0.3);
                    border-radius: 50%;
                    border-top-color: white;
                    animation: spin 1s ease-in-out infinite;
                }
                @keyframes spin {
                    to { transform: rotate(360deg); }
                }
            `;
            document.head.appendChild(style);
        </script>
    <?php else: ?>
        <div class="no-account">
            <h2>لا يوجد حسابات غير مسجلة دخول</h2>
            <p>جميع الحسابات مسجلة دخول حالياً</p>
            <button class="btn btn-secondary" onclick="window.location.reload()" style="width:200px;">
                المحاولة مرة أخرى
            </button>
        </div>
    <?php endif; ?>

<?php
    // إغلاق الاتصال
    $connection->close();
    ?>
</body>
</html>

Ctrl+S لحفظ الملف

Ctrl+F للبحث في النص

F11 للخروج من وضع ملء الشاشة

Esc للخروج من وضع التحرير

محفوظ

إنشاء ملف جديد

إنشاء مجلد جديد

رفع ملف إلى السيرفر

تعديل الملف: api.php