Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html

Free Space:

10.27 TB

🔧 Quick Actions

✏️ Editing: shd.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RFID Card Scanner</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 1rem;
        }
        
        .card {
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.85);
            border-radius: 16px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .status-indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 8px;
        }
        
        .status-active {
            background-color: #10b981;
        }
        
        .status-inactive {
            background-color: #ef4444;
        }
        
        .scan-animation {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
            }
        }
        
        .refresh-spin {
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
    </style>
</head>
<body class="flex flex-col items-center justify-center min-h-screen">
    <div class="w-full max-w-md mx-auto">
        
        <div class="flex justify-between items-center mb-6">
            <h1 class="text-2xl font-bold text-white">RFID Scanner</h1>
            <div class="flex space-x-3">
                <button id="refreshBtn" class="bg-white bg-opacity-20 p-2 rounded-full text-white">
                    <i class="fas fa-sync-alt"></i>
                </button>
                <button class="bg-white bg-opacity-20 p-2 rounded-full text-white">
                    <i class="fas fa-cog"></i>
                </button>
            </div>
        </div>
        
        
        <div class="card p-6 mb-6">
            <div class="flex items-center mb-4">
                <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center text-white mr-4 scan-animation">
                    <i class="fas fa-rss text-xl"></i>
                </div>
                <div>
                    <h2 class="text-lg font-semibold">Ready to Scan</h2>
                    <p class="text-gray-600 text-sm">Place RFID card near scanner</p>
                </div>
            </div>
            
            <div class="bg-gray-100 rounded-lg p-4 text-center">
                <p class="text-gray-700 mb-2">Last scanned card:</p>
                <p id="lastCardUID" class="font-mono text-lg font-bold">-</p>
                <p id="lastScanTime" class="text-sm text-gray-500">-</p>
            </div>
            
            <div class="mt-4 flex justify-between">
                <button id="simulateScan" class="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded-lg flex items-center">
                    <i class="fas fa-bolt mr-2"></i> Simulate Scan
                </button>
                <button class="bg-gray-200 hover:bg-gray-300 text-gray-700 py-2 px-4 rounded-lg flex items-center">
                    <i class="fas fa-history mr-2"></i> History
                </button>
            </div>
        </div>
        
        
        <div class="grid grid-cols-2 gap-4 mb-6">
            <div class="card p-4 text-center">
                <p class="text-gray-600 text-sm">Total Cards</p>
                <p id="totalCards" class="text-2xl font-bold">0</p>
            </div>
            <div class="card p-4 text-center">
                <p class="text-gray-600 text-sm">Today's Scans</p>
                <p id="todayScans" class="text-2xl font-bold">0</p>
            </div>
        </div>
        
        
        <div class="card p-6">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-lg font-semibold">Recent Scans</h2>
                <span class="text-sm text-gray-500" id="lastUpdate">Just now</span>
            </div>
            
            <div id="scansList" class="space-y-4 max-h-80 overflow-y-auto">
                
                <div class="text-center py-8 text-gray-500">
                    <i class="fas fa-inbox text-4xl mb-2"></i>
                    <p>No scans yet</p>
                </div>
            </div>
        </div>
    </div>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: shd.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation