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

0/0

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

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

<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
require_once 'auth_functions.php';

$auth = new Auth();
$auth->redirectIfNotLoggedIn('admin_login.php');
$auth->redirectIfNotAdmin('admin_login.php');

require_once 'db_connect.php';
$db = Database::getInstance();
$conn = $db->getConnection();

// AJAX Request Handling
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['ajax'])) {
    header('Content-Type: application/json');
    
    try {
        $action = $_POST['action'] ?? '';
        $username = $_POST['username'] ?? '';
        $hoursValid = intval($_POST['hours_valid'] ?? 24);
        $maxDevices = intval($_POST['max_devices'] ?? 1);
        
        switch ($action) {
            case 'add_user':
                if (empty($username)) {
                    throw new Exception('اسم المستخدم مطلوب');
                }
                
                // التحقق من عدم وجود المستخدم مسبقًا
                $checkStmt = $conn->prepare("SELECT Username FROM tokens WHERE Username = ?");
                $checkStmt->bind_param("s", $username);
                $checkStmt->execute();
                if ($checkStmt->get_result()->num_rows > 0) {
                    throw new Exception('اسم المستخدم موجود بالفعل');
                }
                
                $devicesJson = json_encode([]);
                $stmt = $conn->prepare("INSERT INTO tokens (Username, StartDate, HoursValid, Active, MaxDevices, devices) VALUES (?, NOW(), ?, 1, ?, ?)");
                $stmt->bind_param("siis", $username, $hoursValid, $maxDevices, $devicesJson);
                $stmt->execute();
                echo json_encode(['success' => true, 'message' => 'تمت إضافة المستخدم بنجاح']);
                break;

case 'edit_user':
                if (empty($username)) {
                    throw new Exception('اسم المستخدم مطلوب');
                }
                
                $stmt = $conn->prepare("UPDATE tokens SET HoursValid = ?, MaxDevices = ? WHERE Username = ?");
                $stmt->bind_param("iis", $hoursValid, $maxDevices, $username);
                $stmt->execute();
                
                if ($stmt->affected_rows === 0) {
                    throw new Exception('لم يتم العثور على المستخدم أو لم يتم تحديث أي بيانات');
                }
                
                echo json_encode(['success' => true, 'message' => 'تم تحديث المستخدم بنجاح']);
                break;

case 'delete_user':
                if (empty($username)) {
                    throw new Exception('اسم المستخدم مطلوب');
                }
                
                $stmt = $conn->prepare("DELETE FROM tokens WHERE Username = ?");
                $stmt->bind_param("s", $username);
                $stmt->execute();
                
                if ($stmt->affected_rows === 0) {
                    throw new Exception('لم يتم العثور على المستخدم');
                }
                
                echo json_encode(['success' => true, 'message' => 'تم حذف المستخدم بنجاح']);
                break;

case 'activate_user':
                $stmt = $conn->prepare("UPDATE tokens SET Active = 1, StartDate = NOW() WHERE Username = ?");
                $stmt->bind_param("s", $username);
                $stmt->execute();
                
                if ($stmt->affected_rows === 0) {
                    throw new Exception('لم يتم العثور على المستخدم');
                }
                
                echo json_encode(['success' => true, 'message' => 'تم تفعيل الحساب بنجاح']);
                break;

case 'deactivate_user':
                $stmt = $conn->prepare("UPDATE tokens SET Active = 0 WHERE Username = ?");
                $stmt->bind_param("s", $username);
                $stmt->execute();
                
                if ($stmt->affected_rows === 0) {
                    throw new Exception('لم يتم العثور على المستخدم');
                }
                
                echo json_encode(['success' => true, 'message' => 'تم إيقاف الحساب بنجاح']);
                break;

case 'reset_devices':
                $stmt = $conn->prepare("UPDATE tokens SET devices = '[]' WHERE Username = ?");
                $stmt->bind_param("s", $username);
                $stmt->execute();
                
                if ($stmt->affected_rows === 0) {
                    throw new Exception('لم يتم العثور على المستخدم');
                }
                
                echo json_encode(['success' => true, 'message' => 'تم إعادة تعيين الأجهزة بنجاح']);
                break;

case 'get_user':
                $stmt = $conn->prepare("SELECT Username, HoursValid, MaxDevices FROM tokens WHERE Username = ?");
                $stmt->bind_param("s", $username);
                $stmt->execute();
                $result = $stmt->get_result();
                
                if ($result->num_rows === 0) {
                    throw new Exception('المستخدم غير موجود');
                }
                
                echo json_encode($result->fetch_assoc());
                break;

default:
                throw new Exception('إجراء غير معروف');
        }
    } catch (Exception $e) {
        http_response_code(400);
        echo json_encode(['success' => false, 'message' => $e->getMessage()]);
    }
    exit();
}

// Regular Page Load
$users = [];
$result = $conn->query("SELECT *, DATE_ADD(StartDate, INTERVAL HoursValid HOUR) AS EndDate FROM tokens ORDER BY Username");
if ($result) {
    $users = $result->fetch_all(MYSQLI_ASSOC);
}

$operation_result = $_SESSION['operation_result'] ?? null;
unset($_SESSION['operation_result']);
?>
<!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>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg-color: #121212;
            --card-bg: #1e1e1e;
            --text-color: #e0e0e0;
            --text-muted: #a0a0a0;
            --primary-color: #bb86fc;
            --primary-dark: #3700b3;
            --secondary-color: #03dac6;
            --border-color: #333;
            --hover-color: #252525;
            --active-color: #333;
            --success-color: #4caf50;
            --danger-color: #f44336;
            --warning-color: #ff9800;
            --info-color: #2196F3;
        }
        
        body {
            font-family: 'Tajawal', sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            padding-bottom: 70px;
        }
        
        .mobile-navbar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--card-bg);
            box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
            display: flex;
            justify-content: space-around;
            padding: 10px 0;
            z-index: 1000;
            border-top: 1px solid var(--border-color);
        }
        
        .mobile-nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: var(--text-muted);
            font-size: 12px;
            transition: all 0.3s;
        }
        
        .mobile-nav-item i {
            font-size: 20px;
            margin-bottom: 5px;
        }
        
        .mobile-nav-item.active {
            color: var(--primary-color);
        }
        
        .mobile-nav-item:hover {
            color: var(--text-color);
        }
        
        .mobile-card {
            background: var(--card-bg);
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
            margin-bottom: 15px;
            overflow: hidden;
            border: 1px solid var(--border-color);
        }
        
        .mobile-card-header {
            padding: 15px;
            background: var(--hover-color);
            border-bottom: 1px solid var(--border-color);
            font-weight: bold;
        }
        
        .mobile-card-body {
            padding: 15px;
        }
        
        .mobile-table {
            width: 100%;
            font-size: 14px;
            color: var(--text-color);
        }
        
        .mobile-table th {
            background: var(--hover-color);
            padding: 12px 10px;
            text-align: right;
            border-bottom: 1px solid var(--border-color);
        }
        
        .mobile-table td {
            padding: 12px 10px;
            border-bottom: 1px solid var(--border-color);
        }
        
        .mobile-table tr:hover td {
            background: var(--hover-color);
        }
        
        .mobile-btn {
            display: inline-block;
            padding: 8px 15px;
            border-radius: 8px;
            font-size: 14px;
            text-align: center;
            border: none;
            transition: all 0.3s;
        }
        
        .mobile-btn-primary {
            background: var(--primary-color);
            color: #000;
        }
        
        .mobile-btn-primary:hover {
            background: var(--primary-dark);
            color: #fff;
        }
        
        .mobile-btn-sm {
            padding: 6px 10px;
            font-size: 12px;
        }
        
        .mobile-btn-danger {
            background: var(--danger-color);
            color: white;
        }
        
        .mobile-btn-warning {
            background: var(--warning-color);
            color: #000;
        }
        
        .mobile-btn-success {
            background: var(--success-color);
            color: white;
        }
        
        .mobile-btn-info {
            background: var(--info-color);
            color: white;
        }
        
        .form-control, .form-select {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            color: var(--text-color);
        }
        
        .form-control:focus, .form-select:focus {
            background: var(--card-bg);
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.25rem rgba(187, 134, 252, 0.25);
            color: var(--text-color);
        }
        
        .badge {
            font-weight: 600;
            padding: 6px 10px;
        }
        
        .bg-success {
            background-color: var(--success-color) !important;
        }
        
        .bg-danger {
            background-color: var(--danger-color) !important;
        }
        
        .bg-warning {
            background-color: var(--warning-color) !important;
        }
        
        .bg-info {
            background-color: var(--info-color) !important;
        }
        
        .toast-container {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1100;
        }
        
        .toast {
            background-color: var(--card-bg);
            border: 1px solid var(--border-color);
            color: var(--text-color);
        }
        
        .toast-header {
            background-color: var(--hover-color);
            border-bottom: 1px solid var(--border-color);
            color: var(--text-color);
        }
        
        .toast-success .toast-header {
            background-color: var(--success-color);
            color: white;
        }
        
        .toast-danger .toast-header {
            background-color: var(--danger-color);
            color: white;
        }
        
        .toast-warning .toast-header {
            background-color: var(--warning-color);
            color: black;
        }
        
        .btn-close {
            filter: invert(1);
        }
        
        @media (min-width: 768px) {
            .mobile-navbar {
                display: none;
            }
            
            body {
                padding-bottom: 0;
            }
            
            .container {
                max-width: 95%;
                margin-top: 20px;
            }
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .mobile-card {
            animation: fadeIn 0.5s ease-out;
        }
        
        .device-list {
            max-height: 100px;
            overflow-y: auto;
            background: var(--bg-color);
            padding: 8px;
            border-radius: 6px;
            margin-top: 5px;
        }
        
        .device-item {
            padding: 5px 0;
            border-bottom: 1px solid var(--border-color);
            font-size: 12px;
        }
        
        .device-item:last-child {
            border-bottom: none;
        }
    </style>
</head>
<body>
    <div class="container">
        <?php if ($operation_result): ?>
            <div class="toast-container">
                <div class="toast show <?= $operation_result['success'] ? 'toast-success' : 'toast-danger' ?>">
                    <div class="toast-header">
                        <strong class="me-auto">نتيجة العملية</strong>
                        <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
                    </div>
                    <div class="toast-body"><?= $operation_result['message'] ?></div>
                </div>
            </div>
        <?php endif; ?>

<div class="mobile-card mt-4">
            <div class="mobile-card-header d-flex justify-content-between align-items-center">
                <h5 class="m-0"><i class="fas fa-users"></i> إدارة المستخدمين</h5>
                <button class="mobile-btn mobile-btn-primary mobile-btn-sm" data-bs-toggle="modal" data-bs-target="#addUserModal">
                    <i class="fas fa-user-plus"></i> إضافة مستخدم
                </button>
            </div>
            <div class="mobile-card-body">
                <div class="table-responsive">
                    <table class="mobile-table">
                        <thead>
                            <tr>
                                <th>اسم المستخدم</th>
                                <th>الساعات</th>
                                <th>الأجهزة</th>
                                <th>تاريخ البدء</th>
                                <th>تاريخ الانتهاء</th>
                                <th>الحالة</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach ($users as $user): 
                                $devices = json_decode($user['devices'] ?? '[]', true) ?: [];
                                $usedDevices = count($devices);
                            ?>
                                <tr>
                                    <td><?= htmlspecialchars($user['Username']) ?></td>
                                    <td><?= $user['HoursValid'] ?></td>
                                    <td>
                                        <?= $usedDevices ?> / <?= $user['MaxDevices'] ?>
                                        <?php if ($usedDevices > 0): ?>
                                            <div class="device-list">
                                                <?php foreach ($devices as $device): ?>
                                                    <div class="device-item"><?= substr($device, 0, 10) ?>...</div>
                                                <?php endforeach; ?>
                                            </div>
                                        <?php endif; ?>
                                    </td>
                                    <td><?= date('Y-m-d H:i', strtotime($user['StartDate'])) ?></td>
                                    <td><?= date('Y-m-d H:i', strtotime($user['EndDate'])) ?></td>
                                    <td>
                                        <span class="badge rounded-pill <?= $user['Active'] ? 'bg-success' : 'bg-danger' ?>">
                                            <?= $user['Active'] ? 'نشط' : 'موقوف' ?>
                                        </span>
                                    </td>
                                    <td>
                                        <div class="d-flex justify-content-center">
                                            <button class="mobile-btn mobile-btn-primary mobile-btn-sm edit-user" data-id="<?= htmlspecialchars($user['Username']) ?>" title="تعديل">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <button class="mobile-btn mobile-btn-danger mobile-btn-sm delete-user" data-id="<?= htmlspecialchars($user['Username']) ?>" title="حذف">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                            <button class="mobile-btn mobile-btn-info mobile-btn-sm reset-devices" data-id="<?= htmlspecialchars($user['Username']) ?>" title="إعادة تعيين الأجهزة">
                                                <i class="fas fa-sync-alt"></i>
                                            </button>
                                            <?php if ($user['Active']): ?>
                                                <button class="mobile-btn mobile-btn-warning mobile-btn-sm deactivate-user" data-id="<?= htmlspecialchars($user['Username']) ?>" title="إيقاف">
                                                    <i class="fas fa-ban"></i>
                                                </button>
                                            <?php else: ?>
                                                <button class="mobile-btn mobile-btn-success mobile-btn-sm activate-user" data-id="<?= htmlspecialchars($user['Username']) ?>" title="تفعيل">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                            <?php endif; ?>
                                        </div>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="addUserModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="background-color: var(--card-bg); color: var(--text-color);">
                <div class="modal-header" style="border-bottom-color: var(--border-color);">
                    <h5 class="modal-title">إضافة مستخدم جديد</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <form id="addUserForm">
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">اسم المستخدم</label>
                            <input type="text" class="form-control" name="username" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">عدد الساعات الصالحة</label>
                            <input type="number" class="form-control" name="hours_valid" min="1" value="24" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">عدد الأجهزة المسموحة</label>
                            <input type="number" class="form-control" name="max_devices" min="1" value="1" required>
                        </div>
                    </div>
                    <div class="modal-footer" style="border-top-color: var(--border-color);">
                        <button type="button" class="mobile-btn mobile-btn-danger" data-bs-dismiss="modal">إلغاء</button>
                        <button type="submit" class="mobile-btn mobile-btn-primary">حفظ</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<div class="modal fade" id="editUserModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="background-color: var(--card-bg); color: var(--text-color);">
                <div class="modal-header" style="border-bottom-color: var(--border-color);">
                    <h5 class="modal-title">تعديل مستخدم</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <form id="editUserForm">
                    <input type="hidden" name="username" id="edit_username">
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">عدد الساعات الصالحة</label>
                            <input type="number" class="form-control" name="hours_valid" id="edit_hours_valid" min="1" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">عدد الأجهزة المسموحة</label>
                            <input type="number" class="form-control" name="max_devices" id="edit_max_devices" min="1" required>
                        </div>
                    </div>
                    <div class="modal-footer" style="border-top-color: var(--border-color);">
                        <button type="button" class="mobile-btn mobile-btn-danger" data-bs-dismiss="modal">إلغاء</button>
                        <button type="submit" class="mobile-btn mobile-btn-primary">حفظ التغييرات</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<div class="modal fade" id="deleteUserModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="background-color: var(--card-bg); color: var(--text-color);">
                <div class="modal-header" style="border-bottom-color: var(--border-color);">
                    <h5 class="modal-title">تأكيد الحذف</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <form id="deleteUserForm">
                    <input type="hidden" name="username" id="delete_username">
                    <div class="modal-body">
                        <p>هل أنت متأكد من رغبتك في حذف هذا المستخدم؟</p>
                    </div>
                    <div class="modal-footer" style="border-top-color: var(--border-color);">
                        <button type="button" class="mobile-btn mobile-btn-danger" data-bs-dismiss="modal">إلغاء</button>
                        <button type="submit" class="mobile-btn mobile-btn-primary">حذف</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<div class="mobile-navbar d-md-none">
        <a href="admin_dashboard.php" class="mobile-nav-item active">
            <i class="fas fa-users"></i>
            <span>المستخدمين</span>
        </a>
        <a href="#" class="mobile-nav-item" data-bs-toggle="modal" data-bs-target="#addUserModal">
            <i class="fas fa-user-plus"></i>
            <span>إضافة مستخدم</span>
        </a>
        <a href="logout.php" class="mobile-nav-item">
            <i class="fas fa-sign-out-alt"></i>
            <span>تسجيل الخروج</span>
        </a>
    </div>

// Show toast message
        function showToast(message, isSuccess) {
            const toast = $(`
                <div class="toast-container">
                    <div class="toast show ${isSuccess ? 'toast-success' : 'toast-danger'}">
                        <div class="toast-header">
                            <strong class="me-auto">نتيجة العملية</strong>
                            <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
                        </div>
                        <div class="toast-body">${message}</div>
                    </div>
                </div>
            `);
            $('body').append(toast);
            setTimeout(() => toast.remove(), 5000);
        }

// AJAX Form Handler
        function handleForm(form, action, successMessage) {
            form.on('submit', function(e) {
                e.preventDefault();
                const formData = new FormData(this);
                formData.append('action', action);
                formData.append('ajax', '1');
                
                $.ajax({
                    url: window.location.href,
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: 'json',
                    success: function(response) {
                        if (response.success) {
                            showToast(successMessage || response.message, true);
                            $('.modal').modal('hide');
                            setTimeout(() => location.reload(), 1000);
                        } else {
                            showToast(response.message, false);
                        }
                    },
                    error: function() {
                        showToast('حدث خطأ في الاتصال بالسيرفر', false);
                    }
                });
            });
        }

// Initialize forms
        handleForm($('#addUserForm'), 'add_user', 'تمت إضافة المستخدم بنجاح');
        handleForm($('#editUserForm'), 'edit_user', 'تم تحديث المستخدم بنجاح');
        handleForm($('#deleteUserForm'), 'delete_user', 'تم حذف المستخدم بنجاح');

// Edit user modal
        $('.edit-user').click(function() {
            const username = $(this).data('id');
            $.ajax({
                url: window.location.href,
                method: 'POST',
                data: {
                    action: 'get_user',
                    username: username,
                    ajax: '1'
                },
                dataType: 'json',
                success: function(data) {
                    $('#edit_username').val(data.Username);
                    $('#edit_hours_valid').val(data.HoursValid);
                    $('#edit_max_devices').val(data.MaxDevices || 1);
                    $('#editUserModal').modal('show');
                },
                error: function(xhr, status, error) {
                    showToast('حدث خطأ في جلب بيانات المستخدم: ' + error, false);
                }
            });
        });

// Delete user modal
        $('.delete-user').click(function() {
            const username = $(this).data('id');
            $('#delete_username').val(username);
            $('#deleteUserModal').modal('show');
        });

// Activate/Deactivate user
        $('.activate-user, .deactivate-user').click(function() {
            const action = $(this).hasClass('activate-user') ? 'activate_user' : 'deactivate_user';
            const username = $(this).data('id');
            
            $.ajax({
                url: window.location.href,
                method: 'POST',
                data: {
                    action: action,
                    username: username,
                    ajax: '1'
                },
                dataType: 'json',
                success: function(response) {
                    showToast(response.message, response.success);
                    if (response.success) {
                        setTimeout(() => location.reload(), 1000);
                    }
                },
                error: function() {
                    showToast('حدث خطأ في الاتصال بالسيرفر', false);
                }
            });
        });

// Reset devices
        $('.reset-devices').click(function() {
            const username = $(this).data('id');
            if (confirm('هل أنت متأكد من رغبتك في إعادة تعيين جميع الأجهزة لهذا المستخدم؟ سيحتاج جميع المستخدمين تسجيل الدخول مرة أخرى.')) {                
                $.ajax({
                    url: window.location.href,
                    method: 'POST',
                    data: {
                        action: 'reset_devices',
                        username: username,
                        ajax: '1'
                    },
                    dataType: 'json',
                    success: function(response) {
                        showToast(response.message, response.success);
                        if (response.success) {
                            setTimeout(() => location.reload(), 1000);
                        }
                    },
                    error: function() {
                        showToast('حدث خطأ في الاتصال بالسيرفر', false);
                    }
                });
            }
        });
    });
    </script>
</body>
</html>

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

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

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

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

محفوظ

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

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

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

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