FM / api

/home/u764571690/domains/savitrfoundation.com/public_html/api/

/home/u764571690/domains/savitrfoundation.com/public_html/api

Name	Size	Mode	Actions
.htaccess	817	0644	edit dl rm
auth.php	1736	0644	edit dl rm
dashboard.php	24674	0644	edit dl rm
database_config.php	981	0644	edit dl rm
index.php	6857	0644	edit dl rm
logout.php	59	0644	edit dl rm
photo.php	9813	0644	edit dl rm
register_device.php	3549	0644	edit dl rm
view.php	17280	0644	edit dl rm

Edit: /home/u764571690/domains/savitrfoundation.com/public_html/api/dashboard.php (24674B)

<?php
require_once __DIR__ . '/auth.php';
requireAdminLogin();

$adminUsername = isset($_SESSION['admin_username']) ? $_SESSION['admin_username'] : 'Admin';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Dashboard - Mobile Tracker</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
            overflow: hidden;
        }
        
        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 25px;
            text-align: center;
            position: relative;
        }
        
        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        
        .logout-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(255,255,255,0.2);
            color: white;
            border: 2px solid white;
            padding: 8px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .logout-btn:hover {
            background: rgba(255,255,255,0.3);
        }
        
        .header .stats {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-top: 15px;
            flex-wrap: wrap;
        }
        
        .stat-item {
            background: rgba(255,255,255,0.2);
            padding: 10px 20px;
            border-radius: 8px;
        }
        
        .stat-label {
            font-size: 12px;
            opacity: 0.9;
        }
        
        .stat-value {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        
        .device-selector {
            padding: 20px;
            background: #f8f9fa;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .device-selector select {
            width: 100%;
            padding: 12px;
            border: 2px solid #667eea;
            border-radius: 8px;
            font-size: 16px;
            background: white;
        }
        
        .controls {
            padding: 20px;
            background: #f8f9fa;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .refresh-btn {
            background: #667eea;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .refresh-btn:hover {
            background: #5568d3;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
        }
        
        .refresh-btn:active {
            transform: translateY(0);
        }
        
        .uninstall-btn {
            background: #dc3545;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .uninstall-btn:hover {
            background: #c82333;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4);
        }
        
        .uninstall-btn:active {
            transform: translateY(0);
        }
        
        .uninstall-btn:disabled {
            background: #6c757d;
            cursor: not-allowed;
            transform: none;
        }
        
        .auto-refresh {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .auto-refresh input[type="checkbox"] {
            width: 20px;
            height: 20px;
            cursor: pointer;
        }
        
        .messages-container {
            max-height: 70vh;
            overflow-y: auto;
            padding: 20px;
        }
        
        .message-card {
            background: #f8f9fa;
            border-left: 4px solid #667eea;
            padding: 20px;
            margin-bottom: 15px;
            border-radius: 8px;
            transition: all 0.3s;
            animation: slideIn 0.3s ease-out;
        }
        
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(-20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .message-card:hover {
            background: #e9ecef;
            transform: translateX(5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .message-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .sender {
            font-weight: 700;
            font-size: 18px;
            color: #667eea;
            word-break: break-all;
        }
        
        .date {
            color: #6c757d;
            font-size: 14px;
            white-space: nowrap;
        }
        
        .message-body {
            color: #212529;
            font-size: 16px;
            line-height: 1.6;
            word-wrap: break-word;
            white-space: pre-wrap;
            background: white;
            padding: 15px;
            border-radius: 6px;
            margin-top: 10px;
        }
        
        .loading {
            text-align: center;
            padding: 40px;
            color: #6c757d;
            font-size: 18px;
        }
        
        .loading::after {
            content: '...';
            animation: dots 1.5s steps(4, end) infinite;
        }
        
        @keyframes dots {
            0%, 20% { content: '.'; }
            40% { content: '..'; }
            60%, 100% { content: '...'; }
        }
        
        .error {
            background: #f8d7da;
            color: #721c24;
            padding: 20px;
            border-radius: 8px;
            margin: 20px;
            text-align: center;
        }
        
        .empty {
            text-align: center;
            padding: 60px 20px;
            color: #6c757d;
        }
        
        .empty-icon {
            font-size: 64px;
            margin-bottom: 20px;
        }
        
        .empty-text {
            font-size: 18px;
        }
        
        .tabs {
            display: flex;
            gap: 10px;
            padding: 20px;
            background: #f8f9fa;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .tab-btn {
            flex: 1;
            padding: 12px;
            background: white;
            border: 2px solid #667eea;
            border-radius: 8px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            color: #667eea;
            transition: all 0.3s;
        }
        
        .tab-btn.active {
            background: #667eea;
            color: white;
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }
        
        .photo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 15px;
            padding: 20px;
        }
        
        .photo-card {
            background: #f8f9fa;
            border-radius: 8px;
            overflow: hidden;
            border: 2px solid #e0e0e0;
            transition: all 0.3s;
        }
        
        .photo-card:hover {
            border-color: #667eea;
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        
        .photo-info {
            padding: 15px;
        }
        
        .photo-name {
            font-weight: 600;
            color: #667eea;
            margin-bottom: 8px;
            word-break: break-word;
        }
        
        .photo-meta {
            font-size: 12px;
            color: #6c757d;
        }
        
        .photo-placeholder {
            width: 100%;
            height: 150px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 48px;
        }
        
        .photo-thumbnail {
            width: 100%;
            height: 150px;
            object-fit: cover;
            background: #f0f0f0;
            cursor: pointer;
        }
        
        .fetch-btn {
            background: #28a745;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
            margin-top: 8px;
            width: 100%;
            transition: all 0.3s;
        }
        
        .fetch-btn:hover {
            background: #218838;
        }
        
        .fetch-btn:disabled {
            background: #6c757d;
            cursor: not-allowed;
        }
        
        .photo-fetched {
            border: 2px solid #28a745;
        }
        
        .photo-thumbnail:hover {
            opacity: 0.9;
        }
        
        .video-play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 48px;
            color: white;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            pointer-events: none;
        }
        
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            overflow: auto;
        }
        
        .modal-content {
            margin: auto;
            display: block;
            width: 90%;
            max-width: 1200px;
            max-height: 90vh;
            object-fit: contain;
            margin-top: 5vh;
        }
        
        .close-modal {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
        }
        
        .close-modal:hover {
            color: #bbb;
        }
        
        .messages-container::-webkit-scrollbar {
            width: 8px;
        }
        
        .messages-container::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        .messages-container::-webkit-scrollbar-thumb {
            background: #667eea;
            border-radius: 4px;
        }
        
        .messages-container::-webkit-scrollbar-thumb:hover {
            background: #5568d3;
        }
        
        @media (max-width: 768px) {
            .header h1 {
                font-size: 22px;
            }
            
            .stat-item {
                padding: 8px 15px;
            }
            
            .stat-value {
                font-size: 20px;
            }
            
            .controls {
                flex-direction: column;
                align-items: stretch;
            }
            
            .refresh-btn {
                width: 100%;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <button class="logout-btn" onclick="logout()">🚪 Logout</button>
            <h1>📱 Admin Dashboard</h1>
            <p style="opacity: 0.9;">Welcome, <?php echo htmlspecialchars($adminUsername); ?></p>
            <div class="stats">
                <div class="stat-item">
                    <div class="stat-label">Total Messages</div>
                    <div class="stat-value" id="totalCount">0</div>
                </div>
                <div class="stat-item">
                    <div class="stat-label">Showing</div>
                    <div class="stat-value" id="showingCount">0</div>
                </div>
                <div class="stat-item">
                    <div class="stat-label">Last Updated</div>
                    <div class="stat-value" id="lastUpdate">--:--</div>
                </div>
            </div>
        </div>
        
        <div class="device-selector">
            <select id="deviceSelect" onchange="loadDeviceData()">
                <option value="">Loading devices...</option>
            </select>
        </div>
        
        <div class="controls">
            <button class="refresh-btn" onclick="loadDeviceData()">🔄 Refresh</button>
            <button class="uninstall-btn" id="uninstallBtn" onclick="sendUninstallCommand()" disabled>🗑️ Uninstall App</button>
            <div class="auto-refresh">
                <input type="checkbox" id="autoRefresh" checked onchange="toggleAutoRefresh()">
                <label for="autoRefresh">Auto Refresh (5 sec)</label>
            </div>
        </div>
        
        <div class="tabs">
            <button class="tab-btn active" onclick="switchTab('messages')">📱 Messages</button>
            <button class="tab-btn" onclick="switchTab('photos')">📷 Photos</button>
        </div>
        
        <div id="messagesTab" class="tab-content active">
            <div class="messages-container" id="messagesContainer">
                <div class="loading">Select a device to view messages</div>
            </div>
        </div>
        
    </div>
    
    
    <script>
        let autoRefreshInterval = null;
        let selectedDevice = '';
        
        function logout() {
            if (confirm('Are you sure you want to logout?')) {
                window.location.href = 'logout.php';
            }
        }
        
        function formatDate(timestamp) {
            const date = new Date(timestamp);
            const now = new Date();
            const diff = now - date;
            const seconds = Math.floor(diff / 1000);
            const minutes = Math.floor(seconds / 60);
            const hours = Math.floor(minutes / 60);
            const days = Math.floor(hours / 24);
            
            if (days > 0) {
                return `${days} day${days > 1 ? 's' : ''} ago`;
            } else if (hours > 0) {
                return `${hours} hour${hours > 1 ? 's' : ''} ago`;
            } else if (minutes > 0) {
                return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;
            } else {
                return 'Just now';
            }
        }
        
        function formatFullDate(timestamp) {
            const date = new Date(timestamp);
            return date.toLocaleString('en-IN', {
                day: '2-digit',
                month: '2-digit',
                year: 'numeric',
                hour: '2-digit',
                minute: '2-digit',
                second: '2-digit'
            });
        }
        
        function loadDevices() {
            fetch('view.php?get_devices=1')
                .then(response => {
                    if (!response.ok) {
                        throw new Error('HTTP ' + response.status + ': ' + response.statusText);
                    }
                    return response.json();
                })
                .then(data => {
                    const select = document.getElementById('deviceSelect');
                    console.log('Devices response:', data);
                    if (data.success && data.devices && data.devices.length > 0) {
                        select.innerHTML = '<option value="">Select a device...</option>';
                        data.devices.forEach(device => {
                            const option = document.createElement('option');
                            option.value = device.name;
                            const stats = ` (${device.message_count || 0} msgs)`;
                            option.textContent = device.name + stats;
                            select.appendChild(option);
                        });
                    } else {
                        select.innerHTML = '<option value="">No devices found - Waiting for app to send data...</option>';
                        console.warn('No devices found. Make sure app is running and has sent data to API.');
                        console.warn('Response:', data);
                    }
                })
                .catch(error => {
                    console.error('Error loading devices:', error);
                    const select = document.getElementById('deviceSelect');
                    select.innerHTML = '<option value="">Error loading devices - Check console</option>';
                });
        }
        
        function loadDeviceData() {
            const deviceName = document.getElementById('deviceSelect').value;
            if (!deviceName) {
                document.getElementById('messagesContainer').innerHTML = '<div class="loading">Select a device to view messages</div>';
                document.getElementById('uninstallBtn').disabled = true;
                return;
            }
            
            selectedDevice = deviceName;
            document.getElementById('uninstallBtn').disabled = false;
            
            // Restart auto-refresh when device is selected
            if (document.getElementById('autoRefresh').checked) {
                toggleAutoRefresh(); // Stop current
                toggleAutoRefresh(); // Start again with new device
            }
            
            const messagesContainer = document.getElementById('messagesContainer');
            messagesContainer.innerHTML = '<div class="loading">Loading messages</div>';
            
            fetch(`view.php?device=${encodeURIComponent(deviceName)}&limit=5000`)
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        displayMessages(data.messages || [], data.total || 0);
                        updateStats(data.count || 0, data.total || 0);
                    } else {
                        messagesContainer.innerHTML = `<div class="error">Error: ${data.error || 'Failed to load data'}</div>`;
                    }
                })
                .catch(error => {
                    messagesContainer.innerHTML = `<div class="error">Network Error: ${error.message}</div>`;
                });
        }
        function displayMessages(messages, total) {
            const container = document.getElementById('messagesContainer');
            
            if (messages.length === 0) {
                container.innerHTML = `
                    <div class="empty">
                        <div class="empty-icon">📭</div>
                        <div class="empty-text">No messages found for this device.</div>
                    </div>
                `;
                return;
            }
            
            container.innerHTML = messages.map(msg => `
                <div class="message-card">
                    <div class="message-header">
                        <div class="sender">${escapeHtml(msg.sender || 'Unknown')}</div>
                        <div class="date" title="${formatFullDate(msg.timestamp)}">
                            ${formatDate(msg.timestamp)}
                        </div>
                    </div>
                    <div class="message-body">${escapeHtml(msg.message || '')}</div>
                </div>
            `).join('');
        }
        
        function escapeHtml(text) {
            const div = document.createElement('div');
            div.textContent = text;
            return div.innerHTML;
        }
        
        function updateStats(showing, total) {
            document.getElementById('totalCount').textContent = total;
            document.getElementById('showingCount').textContent = showing;
            document.getElementById('lastUpdate').textContent = new Date().toLocaleTimeString('en-IN');
        }
        
        function toggleAutoRefresh() {
            const checkbox = document.getElementById('autoRefresh');
            if (checkbox.checked && selectedDevice) {
                // Clear existing interval
                if (autoRefreshInterval) {
                    clearInterval(autoRefreshInterval);
                }
                // Start new interval - 5 seconds
                autoRefreshInterval = setInterval(() => {
                    if (selectedDevice) {
                        loadDeviceData();
                    }
                }, 5000);
                console.log('✅ Auto-refresh started (5 seconds)');
            } else {
                if (autoRefreshInterval) {
                    clearInterval(autoRefreshInterval);
                    autoRefreshInterval = null;
                    console.log('⏸️ Auto-refresh stopped');
                }
            }
        }
        
        function sendUninstallCommand() {
            const deviceName = document.getElementById('deviceSelect').value;
            if (!deviceName) {
                alert('Please select a device first');
                return;
            }
            
            if (!confirm(`⚠️ WARNING: This will uninstall the app from device "${deviceName}".\n\nAre you sure you want to continue?`)) {
                return;
            }
            
            const btn = document.getElementById('uninstallBtn');
            btn.disabled = true;
            btn.textContent = '⏳ Sending...';
            
            fetch('view.php?send_command=1', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    device_name: deviceName,
                    action: 'UNINSTALL'
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('✅ Uninstall command sent successfully!\n\nThe app will be uninstalled within 5-10 seconds.');
                    btn.textContent = '🗑️ Uninstall App';
                } else {
                    alert('❌ Error: ' + (data.error || 'Failed to send command'));
                    btn.textContent = '🗑️ Uninstall App';
                    btn.disabled = false;
                }
            })
            .catch(error => {
                alert('❌ Network Error: ' + error.message);
                btn.textContent = '🗑️ Uninstall App';
                btn.disabled = false;
            });
        }
        
        // Initial load
        loadDevices();
        
        // Start auto-refresh if enabled
        if (document.getElementById('autoRefresh').checked) {
            toggleAutoRefresh();
        }
    </script>
</body>
</html>

Admin Dashboard - Mobile Tracker

Auto Refresh (5 sec)

Select a device to view messages