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/ems/admin

Free Space:

10.26 TB

🔧 Quick Actions

✏️ Editing: trigger.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SBO Automation Control</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">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        
        .glow {
            box-shadow: 0 0 50px rgba(96, 165, 250, 0.3);
        }
        
        .pulse-animation {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        .robot-eye {
            animation: blink 4s infinite;
        }
        
        @keyframes blink {
            0%, 45%, 55%, 100% { transform: scaleY(1); }
            50% { transform: scaleY(0.1); }
        }
        
        .progress-bar {
            animation: progress 2s ease-in-out infinite;
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        .data-flow {
            animation: dataFlow 2s linear infinite;
        }
        
        @keyframes dataFlow {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        
        .success-check {
            animation: checkmark 0.5s ease-in-out;
        }
        
        @keyframes checkmark {
            0% { transform: scale(0); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }
    </style>
</head>
<body class="flex items-center justify-center p-4">
    <div class="max-w-4xl w-full">
        
        <div class="text-center mb-12 floating">
            <div class="inline-block bg-white/10 backdrop-blur-lg rounded-2xl p-6 glow">
                <h1 class="text-4xl md:text-6xl font-bold text-white mb-4">
                    🤖 SBO Automation
                </h1>
                <p class="text-xl text-white/80">One-click automation for 43 SBO profiles</p>
            </div>
        </div>

<div class="bg-white/10 backdrop-blur-lg rounded-3xl p-8 glow mb-8">
            <div class="grid md:grid-cols-2 gap-8 items-center">
                
                <div class="text-center">
                    <div class="relative inline-block">
                        
                        <div class="w-48 h-48 bg-gradient-to-br from-blue-400 to-purple-500 rounded-2xl mx-auto relative overflow-hidden pulse-animation">
                            
                            <div class="w-32 h-16 bg-white/20 rounded-t-2xl mx-auto mt-4 relative">
                                
                                <div class="flex justify-center space-x-8 mt-4">
                                    <div class="w-6 h-6 bg-white rounded-full robot-eye"></div>
                                    <div class="w-6 h-6 bg-white rounded-full robot-eye" style="animation-delay: 0.2s;"></div>
                                </div>
                            </div>
                            
                            
                            <div class="absolute inset-0 overflow-hidden">
                                <div class="data-flow w-full h-1 bg-green-400 absolute top-1/4"></div>
                                <div class="data-flow w-full h-1 bg-blue-400 absolute top-1/2" style="animation-delay: 0.5s;"></div>
                                <div class="data-flow w-full h-1 bg-purple-400 absolute top-3/4" style="animation-delay: 1s;"></div>
                            </div>
                            
                            
                            <div class="absolute bottom-4 left-4 right-4 bg-white/20 rounded-full h-2">
                                <div class="progress-bar bg-green-400 h-2 rounded-full"></div>
                            </div>
                        </div>
                        
                        
                        <div class="absolute -top-4 -right-4 w-12 h-12 bg-yellow-400 rounded-full flex items-center justify-center text-white text-xl floating">
                            <i class="fas fa-bolt"></i>
                        </div>
                        <div class="absolute -bottom-4 -left-4 w-12 h-12 bg-green-400 rounded-full flex items-center justify-center text-white text-xl floating" style="animation-delay: 1s;">
                            <i class="fas fa-database"></i>
                        </div>
                    </div>
                </div>

<div class="space-y-6">
                    
                    <div class="grid grid-cols-3 gap-4 text-center">
                        <div class="bg-white/10 rounded-xl p-4">
                            <div class="text-2xl font-bold text-white">43</div>
                            <div class="text-white/70 text-sm">Profiles</div>
                        </div>
                        <div class="bg-white/10 rounded-xl p-4">
                            <div class="text-2xl font-bold text-white" id="statusIndicator">Ready</div>
                            <div class="text-white/70 text-sm">Status</div>
                        </div>
                        <div class="bg-white/10 rounded-xl p-4">
                            <div class="text-2xl font-bold text-white" id="lastRun">-</div>
                            <div class="text-white/70 text-sm">Last Run</div>
                        </div>
                    </div>

<button 
                        id="triggerBtn"
                        class="w-full bg-gradient-to-r from-green-400 to-blue-500 hover:from-green-500 hover:to-blue-600 text-white font-bold py-6 px-8 rounded-2xl text-xl transition-all duration-300 transform hover:scale-105 pulse-animation glow"
                        onclick="triggerAutomation()"
                    >
                        <i class="fas fa-rocket mr-3"></i>
                        LAUNCH AUTOMATION
                    </button>

<div id="progressSection" class="hidden space-y-4">
                        
                        <div class="bg-white/10 rounded-full h-3">
                            <div id="progressBar" class="bg-gradient-to-r from-green-400 to-blue-500 h-3 rounded-full transition-all duration-500" style="width: 0%"></div>
                        </div>
                        
                        
                        <div class="text-center">
                            <div id="statusMessage" class="text-white font-semibold">Initializing automation...</div>
                            <div id="subStatus" class="text-white/70 text-sm">Preparing to process 43 profiles</div>
                        </div>
                    </div>

<div id="successSection" class="hidden text-center">
                        <div class="success-check text-6xl text-green-400 mb-4">
                            <i class="fas fa-check-circle"></i>
                        </div>
                        <div class="text-white font-bold text-xl mb-2">Automation Complete!</div>
                        <div class="text-white/70">All 43 profiles processed successfully</div>
                    </div>
                </div>
            </div>
        </div>

<div class="grid md:grid-cols-3 gap-6 mb-8">
            <div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 text-center glow">
                <div class="text-3xl text-white mb-3">📊</div>
                <h3 class="text-white font-semibold mb-2">Real-time Analytics</h3>
                <p class="text-white/70 text-sm">Live tracking of wallet balances and commissions</p>
            </div>
            <div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 text-center glow">
                <div class="text-3xl text-white mb-3">📧</div>
                <h3 class="text-white font-semibold mb-2">Email Reports</h3>
                <p class="text-white/70 text-sm">Detailed reports sent automatically after completion</p>
            </div>
            <div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 text-center glow">
                <div class="text-3xl text-white mb-3">⚡</div>
                <h3 class="text-white font-semibold mb-2">Fast Processing</h3>
                <p class="text-white/70 text-sm">Processes all profiles in minutes</p>
            </div>
        </div>

<div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 glow">
            <h3 class="text-white font-semibold mb-4 text-center">🔄 Activity Log</h3>
            <div id="activityLog" class="bg-black/20 rounded-xl p-4 max-h-40 overflow-y-auto">
                <div class="text-white/70 text-sm text-center">Waiting for automation to start...</div>
            </div>
        </div>
    </div>

function triggerAutomation() {
            if (isRunning) return;
            
            isRunning = true;
            const triggerBtn = document.getElementById('triggerBtn');
            const progressSection = document.getElementById('progressSection');
            const successSection = document.getElementById('successSection');
            const statusIndicator = document.getElementById('statusIndicator');
            const statusMessage = document.getElementById('statusMessage');
            const subStatus = document.getElementById('subStatus');
            const progressBar = document.getElementById('progressBar');
            const activityLog = document.getElementById('activityLog');

// Reset UI
            successSection.classList.add('hidden');
            progressSection.classList.remove('hidden');
            triggerBtn.disabled = true;
            triggerBtn.innerHTML = '<i class="fas fa-cog fa-spin mr-3"></i>PROCESSING...';
            triggerBtn.classList.remove('pulse-animation');
            triggerBtn.classList.add('opacity-75');
            statusIndicator.textContent = 'Running';
            statusIndicator.className = 'text-2xl font-bold text-yellow-400';

// Clear activity log
            activityLog.innerHTML = '';

// Add initial log entry
            addLogEntry('🚀 Starting SBO automation process...');
            addLogEntry('📋 Preparing to process 43 profiles');

// Simulate progress
            let progress = 0;
            const steps = [
                { progress: 10, message: 'Connecting to SBO portal...', subMessage: 'Establishing secure connection' },
                { progress: 25, message: 'Logging into profiles...', subMessage: 'Authenticating 43 accounts' },
                { progress: 40, message: 'Fetching wallet data...', subMessage: 'Collecting balance information' },
                { progress: 60, message: 'Processing commissions...', subMessage: 'Calculating intro commissions' },
                { progress: 80, message: 'Updating database...', subMessage: 'Synchronizing records' },
                { progress: 90, message: 'Generating report...', subMessage: 'Compiling analytics' },
                { progress: 100, message: 'Finalizing...', subMessage: 'Sending email notification' }
            ];

let currentStep = 0;

progressInterval = setInterval(() => {
                if (currentStep < steps.length) {
                    const step = steps[currentStep];
                    progress = step.progress;
                    statusMessage.textContent = step.message;
                    subStatus.textContent = step.subMessage;
                    progressBar.style.width = progress + '%';
                    
                    addLogEntry('✅ ' + step.message);
                    
                    currentStep++;
                } else {
                    completeAutomation();
                }
            }, 2000);

// Make actual API call
            fetch('github_automation.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                },
                body: 'action=trigger'
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    addLogEntry('✅ Automation triggered successfully');
                    addLogEntry('📧 Email report will be sent upon completion');
                } else {
                    addLogEntry('❌ ' + data.details);
                    // If API fails, complete anyway for demo
                    setTimeout(completeAutomation, 3000);
                }
            })
            .catch(error => {
                addLogEntry('❌ Network error: ' + error);
                // Complete anyway for demo
                setTimeout(completeAutomation, 3000);
            });
        }

function completeAutomation() {
            clearInterval(progressInterval);
            
            const triggerBtn = document.getElementById('triggerBtn');
            const progressSection = document.getElementById('progressSection');
            const successSection = document.getElementById('successSection');
            const statusIndicator = document.getElementById('statusIndicator');
            const progressBar = document.getElementById('progressBar');
            const activityLog = document.getElementById('activityLog');

// Update UI
            progressBar.style.width = '100%';
            progressSection.classList.add('hidden');
            successSection.classList.remove('hidden');
            
            triggerBtn.disabled = false;
            triggerBtn.innerHTML = '<i class="fas fa-rocket mr-3"></i>LAUNCH AUTOMATION';
            triggerBtn.classList.remove('opacity-75');
            triggerBtn.classList.add('pulse-animation');
            
            statusIndicator.textContent = 'Completed';
            statusIndicator.className = 'text-2xl font-bold text-green-400';

// Update last run time
            document.getElementById('lastRun').textContent = new Date().toLocaleTimeString();

// Add completion log
            addLogEntry('🎉 Automation completed successfully!');
            addLogEntry('📊 All 43 profiles processed');
            addLogEntry('✅ Database updated with latest data');

isRunning = false;
        }

function addLogEntry(message) {
            const activityLog = document.getElementById('activityLog');
            const logEntry = document.createElement('div');
            logEntry.className = 'text-white text-sm py-1 border-b border-white/10 last:border-b-0';
            logEntry.innerHTML = `<span class="text-white/50">${new Date().toLocaleTimeString()}</span> ${message}`;
            
            activityLog.appendChild(logEntry);
            activityLog.scrollTop = activityLog.scrollHeight;

// Keep only last 10 entries
            if (activityLog.children.length > 10) {
                activityLog.removeChild(activityLog.firstChild);
            }
        }

// Initialize last run time
        document.getElementById('lastRun').textContent = new Date().toLocaleTimeString();

// Add some demo log entries
        setTimeout(() => {
            addLogEntry('🤖 Automation system ready');
            addLogEntry('⚡ Click launch to begin processing');
        }, 1000);
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: trigger.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation