Spaces:

droplyvictor89
/

DROPLY

Sleeping

App Files Files Community

droplyvictor89 commited on Feb 8

Commit

c6f7418

verified ·

1 Parent(s): e1184a4

Upload 2 files

Browse files

Files changed (2) hide show

index-3.html +1343 -0
sw.js +198 -0

index-3.html ADDED Viewed

	@@ -0,0 +1,1343 @@

+<!DOCTYPE html>
+<html lang="ro">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/logo.png">
+    <title>DROPLY! v2.1</title>
+    <style>
+        /* --- DESIGN SISTEMIC --- */
+        :root {
+            --bg: #000;
+            --card: #0a0a0a;
+            --accent: #fff;
+            --border: #1a1a1a;
+            --text-muted: #666;
+            --danger: #ff4444;
+            --terminal: #00ff41;
+            --success: #00ff00;
+        }
+        * { box-sizing: border-box; }
+        body {
+            background-color: var(--bg);
+            color: var(--accent);
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+            margin: 0;
+            display: flex;
+            height: 100vh;
+            overflow: hidden;
+        }
+        /* --- SIDEBAR --- */
+        nav {
+            width: 240px;
+            background: #050505;
+            border-right: 1px solid var(--border);
+            display: none;
+            flex-direction: column;
+            padding: 20px 0;
+            flex-shrink: 0;
+        }
+        .nav-logo {
+            padding: 0 25px 30px;
+            font-size: 20px;
+            font-weight: 900;
+            letter-spacing: 2px;
+        }
+        .nav-version {
+            padding: 0 25px 10px;
+            font-size: 9px;
+            color: var(--terminal);
+            font-family: monospace;
+        }
+        .nav-item {
+            padding: 15px 25px;
+            cursor: pointer;
+            color: var(--text-muted);
+            text-transform: uppercase;
+            font-size: 11px;
+            font-weight: bold;
+            transition: 0.3s;
+            border-left: 3px solid transparent;
+        }
+        .nav-item:hover, .nav-item.active {
+            color: #fff;
+            background: #111;
+            border-left-color: #fff;
+        }
+        /* --- ZONA PRINCIPALĂ --- */
+        main {
+            flex-grow: 1;
+            overflow-y: auto;
+            padding: 40px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        .section {
+            width: 100%;
+            max-width: 600px;
+            display: none;
+            animation: fadeIn 0.4s ease;
+        }
+        .section.active { display: block; }
+        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        /* --- CARDURI & INPUTS --- */
+        .card {
+            background: var(--card);
+            border: 1px solid var(--border);
+            padding: 25px;
+            border-radius: 4px;
+            margin-bottom: 20px;
+            word-wrap: break-word;
+            overflow-wrap: break-word;
+        }
+        h2 {
+            font-size: 16px;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            border-left: 3px solid #fff;
+            padding-left: 10px;
+        }
+        label {
+            display: block;
+            font-size: 10px;
+            color: var(--text-muted);
+            margin-bottom: 8px;
+            text-transform: uppercase;
+        }
+        input, textarea, select {
+            width: 100%;
+            background: #000;
+            border: 1px solid var(--border);
+            color: #fff;
+            padding: 12px;
+            margin-bottom: 15px;
+            border-radius: 2px;
+            font-size: 14px;
+            box-sizing: border-box;
+            outline: none;
+            font-family: inherit;
+        }
+        input:focus, textarea:focus, select:focus { border-color: var(--terminal); }
+        button {
+            background: #fff;
+            color: #000;
+            border: none;
+            padding: 15px;
+            font-weight: bold;
+            text-transform: uppercase;
+            cursor: pointer;
+            width: 100%;
+            transition: 0.2s;
+            font-size: 12px;
+        }
+        button:hover { background: #ccc; }
+        .btn-secondary {
+            background: transparent;
+            color: #fff;
+            border: 1px solid #333;
+        }
+        .btn-secondary:hover { background: #111; }
+        .btn-danger {
+            background: var(--danger);
+            color: #fff;
+        }
+        .btn-danger:hover { background: #cc0000; }
+        .btn-small {
+            width: auto;
+            padding: 5px 10px;
+            font-size: 10px;
+            margin-left: 5px;
+        }
+        /* --- TERMINAL LOGS --- */
+        #terminalBox {
+            background: #000;
+            border: 1px solid #111;
+            color: var(--terminal);
+            font-family: 'Courier New', monospace;
+            font-size: 11px;
+            padding: 15px;
+            height: 150px;
+            overflow-y: auto;
+            margin-top: 15px;
+            border-radius: 4px;
+            line-height: 1.5;
+        }
+        /* --- MESAJE & GRUP --- */
+        .msg-card, .group-msg {
+            border-bottom: 1px solid #111;
+            padding: 10px 0;
+            word-wrap: break-word;
+            overflow-wrap: break-word;
+            word-break: break-word;
+            position: relative;
+        }
+        .msg-actions {
+            position: absolute;
+            top: 10px;
+            right: 0;
+        }
+        .group-header {
+            font-size: 10px;
+            color: var(--terminal);
+            margin-bottom: 2px;
+        }
+        .group-time {
+            font-size: 9px;
+            color: #444;
+        }
+        /* --- CONTACTE & LISTE --- */
+        .item-list {
+            border-bottom: 1px solid #111;
+            padding: 10px 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .item-info { font-size: 13px; }
+        /* --- BADGES --- */
+        .badge {
+            background: #111;
+            border: 1px solid var(--terminal);
+            color: var(--terminal);
+            padding: 5px 10px;
+            font-size: 10px;
+            display: inline-block;
+            margin-bottom: 15px;
+            cursor: pointer;
+        }
+        .badge.active { background: var(--terminal); color: #000; }
+        .admin-badge {
+            background: #ff0000;
+            color: #fff;
+            border: none;
+        }
+        /* --- NOTIFICĂRI --- */
+        #notify {
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            background: #fff;
+            color: #000;
+            padding: 10px 20px;
+            font-weight: bold;
+            z-index: 1000;
+            display: none;
+            border-radius: 4px;
+            box-shadow: 0 4px 12px rgba(255,255,255,0.2);
+        }
+        /* Warning Banner */
+        #warningBanner {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: #ff0000;
+            color: #fff;
+            padding: 15px;
+            text-align: center;
+            font-weight: bold;
+            z-index: 2000;
+            display: none;
+            animation: pulse 1s infinite;
+        }
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.7; }
+        }
+        /* --- MODAL POPUP --- */
+        .modal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0,0,0,0.9);
+            z-index: 1500;
+            align-items: center;
+            justify-content: center;
+        }
+        .modal.active { display: flex; }
+        .modal-content {
+            background: var(--card);
+            border: 1px solid var(--border);
+            padding: 30px;
+            max-width: 500px;
+            width: 90%;
+            max-height: 80vh;
+            overflow-y: auto;
+            position: relative;
+            border-radius: 4px;
+        }
+        .modal-close {
+            position: absolute;
+            top: 15px;
+            right: 15px;
+            font-size: 24px;
+            cursor: pointer;
+            color: var(--text-muted);
+        }
+        .modal-close:hover { color: #fff; }
+        /* --- PING INDICATOR --- */
+        .ping-indicator {
+            display: inline-block;
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: var(--success);
+            margin-right: 5px;
+            animation: blink 2s infinite;
+        }
+        @keyframes blink {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.3; }
+        }
+        /* --- RESPONSIVE --- */
+        @media (max-width: 768px) {
+            body { flex-direction: column; }
+            nav {
+                width: 100%;
+                height: auto;
+                flex-direction: row;
+                overflow-x: auto;
+                border-right: none;
+                border-bottom: 1px solid var(--border);
+            }
+            .nav-logo, .nav-version { display: none; }
+            main { padding: 20px; }
+            .section { max-width: 100%; }
+        }
+    </style>
+</head>
+<body>
+<audio id="notifSound" src="/notification.mp3" preload="auto"></audio>
+<div id="notify">ACȚIUNE REUȘITĂ</div>
+<div id="warningBanner">
+    ⚠️ ATENȚIE! Serverul DROPLY! intră în mentenanță. Ne cerem scuze pentru inconvenient! ⚠️
+</div>
+<!-- MODAL pentru vizualizare mesaj inbox -->
+<div id="messageModal" class="modal">
+    <div class="modal-content">
+        <span class="modal-close" onclick="closeMessageModal()">&times;</span>
+        <h2 id="modalFrom">De la:</h2>
+        <div id="modalTime" style="font-size: 11px; color: #666; margin-bottom: 15px;"></div>
+        <div id="modalContent" style="margin-bottom: 15px; white-space: pre-wrap;"></div>
+        <div id="modalFile"></div>
+    </div>
+</div>
+<nav id="sidebar">
+    <div class="nav-logo">DROPLY!</div>
+    <div class="nav-version">v2.1 STABLE</div>
+    <div class="nav-item active" onclick="showSection('home')">Dashboard</div>
+    <div class="nav-item" onclick="showSection('inbox')">Inbox</div>
+    <div class="nav-item" onclick="showSection('group')">Grup</div>
+    <div class="nav-item" onclick="showSection('send')">Trimite</div>
+    <div class="nav-item" onclick="showSection('contacts')">Agendă</div>
+    <div class="nav-item" onclick="showSection('settings')">Setări</div>
+    <div class="nav-item" id="adminNavItem" style="display:none; color: #ff0000;" onclick="showSection('admin')">Admin Panel</div>
+    <div class="nav-item" style="margin-top: auto; color: var(--danger);" onclick="logout()">Ieșire</div>
+</nav>
+<main>    <!-- SECȚIUNE LOGIN -->
+    <div id="authSection" class="section active">
+        <div class="card">
+            <h2>Acces DROPLY! v2.1</h2>
+            <label>Email</label>
+            <input type="text" id="loginEmail" placeholder="Ex: user@droply.md">
+            <label>Parolă</label>
+            <input type="password" id="loginPass">
+            <button onclick="login()">Conectare</button>
+        </div>
+        <div class="card">
+            <h2>Creează Cont DROPLY!</h2>
+            <input type="text" id="regUser" placeholder="Username">
+            <input type="password" id="regPass" placeholder="Parolă">
+            <button class="btn-secondary" onclick="register()">Generează Cont</button>
+        </div>
+    </div>
+    <!-- DASHBOARD -->
+    <div id="home" class="section">
+        <div class="card">
+            <h2 id="userDisplay">Salut!</h2>
+            <div id="idBadge" style="font-family: monospace; color: #555;">ID: 0670...</div>
+            <div id="adminBadgeDisplay" style="display:none; margin-top: 10px;">
+                <span class="badge admin-badge">ADMIN ACCESS</span>
+            </div>
+            <h2 style="margin-top: 30px; border-left: 3px solid var(--terminal);">
+                <span class="ping-indicator"></span>Live System Logs
+            </h2>
+            <div id="terminalBox">
+                [SYSTEM] Waiting for authentication...
+            </div>
+            <button style="margin-top: 20px;" onclick="showAbout()">📋 About v2.1</button>
+        </div>
+    </div>
+    <!-- INBOX -->
+    <div id="inbox" class="section">
+        <div class="card">
+            <h2>Inbox & AI</h2>
+            <div id="saraToggle" class="badge" onclick="toggleSara()">SARA AI: OFF</div>
+            <div id="inboxList" style="max-height: 400px; overflow-y: auto;">
+                Inbox gol. ┐('～` )┌
+            </div>
+        </div>
+    </div>
+    <!-- GRUP GLOBAL -->
+    <div id="group" class="section">
+        <div class="card">
+            <h2>Grup Global DROPLY!</h2>
+            <div id="groupAccessInfo" style="margin-bottom: 15px; padding: 10px; background: #111; border-left: 3px solid var(--terminal);">
+                <div id="groupMemberText" style="display:none;">
+                    ✅ Ai acces la grup
+                </div>
+                <div id="groupNonMemberText" style="display:none;">
+                    ⚠️ Nu ai acces la grup. Poți vizualiza mesajele dar nu poți trimite.
+                    <button style="margin-top: 10px;" onclick="requestGroupInvite()">Cere Invitație</button>
+                </div>
+            </div>
+            <div id="groupList" style="max-height: 300px; overflow-y: auto; margin-bottom: 15px;"></div>
+            <div id="groupInputSection">
+                <textarea id="groupMsgInput" placeholder="Scrie mesaj..." style="height: 80px;"></textarea>
+                <button onclick="sendGroup()">Trimite în Grup</button>
+            </div>
+        </div>
+    </div>
+    <!-- TRIMITE MESAJ PRIVAT -->
+    <div id="send" class="section">
+        <div class="card">
+            <h2>Trimite Mesaj Privat</h2>
+            <label>ID Destinatar</label>
+            <input type="text" id="targetDest" placeholder="Ex: a1b2c3d4e5f6">
+            <label>Mesaj</label>
+            <textarea id="targetMsg" placeholder="Scrie mesajul..." style="height: 100px;"></textarea>
+            <label>Fișier Atașat (Opțional)</label>
+            <input type="file" id="targetFile">
+            <button onclick="sendMail()">📤 Trimite</button>
+            <button class="btn-secondary" style="margin-top: 15px;" onclick="reportBug()">
+                🐛 Raportare Bug
+            </button>
+        </div>
+    </div>
+    <!-- AGENDĂ CONTACTE -->
+    <div id="contacts" class="section">
+        <div class="card">
+            <h2>Agendă Contacte</h2>
+            <input type="text" id="cName" placeholder="Nume contact">
+            <input type="text" id="cId" placeholder="ID utilizator">
+            <button onclick="saveContact()">Salvează Contact</button>
+            <h2 style="margin-top: 30px;">Lista Contacte</h2>
+            <div id="contactList"></div>
+        </div>
+    </div>
+    <!-- SETĂRI -->
+    <div id="settings" class="section">
+        <div class="card">
+            <h2>Setări Cont</h2>
+            <label>Vizibilitate Profil</label>
+            <select id="setVis">
+                <option value="public">Public</option>
+                <option value="private">Privat</option>
+            </select>
+            <label>Cod Secret (pentru profil privat)</label>
+            <input type="text" id="setSecret" placeholder="Ex: ABC123">
+            <label>Notificări Push</label>
+            <select id="setNotif">
+                <option value="1">Activate</option>
+                <option value="0">Dezactivate</option>
+            </select>
+            <button onclick="updateSettings()">💾 Salvează Setări</button>
+        </div>
+        <div class="card">
+            <h2>Resetare Parolă</h2>
+            <label>Parolă Veche</label>
+            <input type="password" id="oldPass" placeholder="Parolă actuală">
+            <label>Parolă Nouă</label>
+            <input type="password" id="newPass" placeholder="Parolă nouă">
+            <button onclick="changePassword()">🔒 Schimbă Parola</button>
+        </div>
+        <div class="card">
+            <h2>Server Status</h2>
+            <div style="display: flex; align-items: center; margin-bottom: 15px;">
+                <span class="ping-indicator"></span>
+                <span id="serverPing">Checking...</span>
+            </div>
+            <button onclick="checkPing()">🔄 Verifică Ping</button>
+        </div>
+    </div>
+    <!-- ADMIN PANEL -->
+    <div id="admin" class="section">
+        <div class="card">
+            <h2 style="color: #ff0000;">🔐 Admin Panel</h2>
+            <h2 style="margin-top: 20px;">Utilizatori Conectați</h2>
+            <div id="adminUsersList" style="max-height: 200px; overflow-y: auto;"></div>
+            <button onclick="loadAdminData()" style="margin-top: 15px;">🔄 Refresh Date</button>
+        </div>
+        <div class="card">
+            <h2>Cereri Invitații Grup</h2>
+            <div id="adminInvitesList" style="max-height: 200px; overflow-y: auto;"></div>
+        </div>
+        <div class="card">
+            <h2 style="color: #ff0000;">⚠️ Maintenance Mode</h2>
+            <p style="font-size: 12px; color: #666; margin-bottom: 15px;">
+                Această acțiune va trimite un warning către TOȚI utilizatorii și va închide serverul în 60 de secunde.
+            </p>
+            <button class="btn-danger" onclick="triggerMaintenance()">
+                🚨 ACTIVEAZĂ MENTENANȚĂ
+            </button>
+        </div>
+    </div>
+</main>
+<script>
+    let lastMsgCount = 0;
+    let isUserLogged = false;
+    let saraEnabled = false;
+    let currentUserData = null;
+    let serviceWorkerRegistration = null;
+    // ===== SERVICE WORKER & NOTIFICĂRI ÎMBUNĂTĂȚITE =====
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('/sw.js')
+            .then(registration => {
+                console.log('✅ Service Worker înregistrat:', registration);
+                serviceWorkerRegistration = registration;
+                addLog('SYSTEM: Service Worker active');
+                // Cere permisiune pentru notificări
+                requestNotificationPermission();
+                // Ascultă mesaje de la Service Worker
+                navigator.serviceWorker.addEventListener('message', event => {
+                    console.log('📩 Message from SW:', event.data);
+                    if (event.data.type === 'PLAY_SOUND') {
+                        playNotificationSound();
+                    }
+                    if (event.data.type === 'CHECK_INBOX') {
+                        refreshInbox();
+                    }
+                });
+            })
+            .catch(err => {
+                console.error('❌ Service Worker eșuat:', err);
+                addLog('ERROR: Service Worker failed');
+            });
+    }
+    // Funcție pentru cerere permisiune notificări
+    async function requestNotificationPermission() {
+        if (!('Notification' in window)) {
+            console.log('Browser-ul nu suportă notificări');
+            addLog('WARNING: Browser does not support notifications');
+            return false;
+        }
+        if (Notification.permission === 'granted') {
+            console.log('✅ Notificări deja permise');
+            addLog('SYSTEM: Notifications enabled');
+            return true;
+        }
+        if (Notification.permission !== 'denied') {
+            const permission = await Notification.requestPermission();
+            if (permission === 'granted') {
+                console.log('✅ Permisiune notificări acordată');
+                addLog('SYSTEM: Notifications enabled');
+                // Test notificare
+                new Notification('DROPLY! v2.1', {
+                    body: 'Notificările funcționează! 🎉',
+                    icon: '/logo.png',
+                    tag: 'test-notification'
+                });
+                return true;
+            } else {
+                console.log('❌ Permisiune notificări refuzată');
+                addLog('WARNING: Notification permission denied');
+                return false;
+            }
+        }
+        return false;
+    }
+    // Funcție pentru redare sunet notificare
+    function playNotificationSound() {
+        try {
+            const audio = document.getElementById('notifSound');
+            if (audio) {
+                audio.currentTime = 0;
+                audio.play().catch(e => {
+                    console.log('Autoplay blocat:', e);
+                });
+            }
+        } catch (e) {
+            console.error('Eroare sunet:', e);
+        }
+    }
+    // Funcție pentru trimitere notificare către Service Worker
+    function sendNotificationToSW(from, content) {
+        if (serviceWorkerRegistration && serviceWorkerRegistration.active) {
+            serviceWorkerRegistration.active.postMessage({
+                type: 'NEW_MESSAGE',
+                from: from,
+                content: content
+            });
+        }
+    }
+    // Auto-login
+    window.addEventListener('DOMContentLoaded', async () => {
+        const sessionToken = localStorage.getItem('droply_session_token');
+        if (sessionToken) {
+            addLog('SYSTEM: Checking saved session...');
+            try {
+                const response = await fetch('/api/check_session', {
+                    method: 'POST',
+                    headers: {'Content-Type': 'application/json'},
+                    body: JSON.stringify({session_token: sessionToken})
+                });
+                const data = await response.json();
+                if (data.success) {
+                    performLogin(data);
+                } else {
+                    localStorage.removeItem('droply_session_token');
+                    addLog('SYSTEM: Session expired, please login.');
+                }
+            } catch(e) {
+                addLog('ERROR: Failed to check session');
+            }
+        } else {
+            addLog('SYSTEM: Waiting for authentication...');
+        }
+        // Check pentru shutdown warning
+        setInterval(checkShutdown, 5000);
+    });
+    // ===== FUNCȚII UTILITARE =====
+    function showSection(id) {
+        document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));
+        document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
+        document.getElementById(id).classList.add('active');
+        const items = document.querySelectorAll('.nav-item');
+        items.forEach(item => {
+            if(item.innerText.toLowerCase().includes(id) ||
+               (id === 'home' && item.innerText.includes('Dashboard')) ||
+               (id === 'admin' && item.innerText.includes('Admin'))) {
+                item.classList.add('active');
+            }
+        });
+        addLog(`Navigated to: ${id.toUpperCase()}`);
+        // Dacă e admin panel, încarcă datele
+        if(id === 'admin' && currentUserData && currentUserData.is_admin) {
+            loadAdminData();
+        }
+    }
+    function addLog(text) {
+        const terminal = document.getElementById('terminalBox');
+        const time = new Date().toLocaleTimeString();
+        terminal.innerHTML += `<div>[${time}] ${text}</div>`;
+        terminal.scrollTop = terminal.scrollHeight;
+    }
+    function showNotify(text) {
+        const n = document.getElementById('notify');
+        n.innerText = text;
+        n.style.display = 'block';
+        setTimeout(() => n.style.display = 'none', 3000);
+    }
+    function logout() {
+        localStorage.removeItem('droply_session_token');
+        location.reload();
+    }
+    // ===== LOGIN & REGISTER =====
+    async function login() {
+        const email = document.getElementById('loginEmail').value;
+        const pass = document.getElementById('loginPass').value;
+        const r = await fetch('/api/login', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({email: email, password: pass})
+        });
+        const d = await r.json();
+        if(d.success) {
+            localStorage.setItem('droply_session_token', d.session_token);
+            performLogin(d);
+        } else {
+            addLog(`FAILED: Login attempt for ${email}`);
+            alert("Eroare la logare!");
+        }
+    }
+    function performLogin(data) {
+        isUserLogged = true;
+        currentUserData = data.user;
+        document.getElementById('authSection').classList.remove('active');
+        document.getElementById('sidebar').style.display = 'flex';
+        document.getElementById('home').classList.add('active');
+        document.getElementById('userDisplay').innerText = data.email;
+        document.getElementById('idBadge').innerText = "ID: " + data.user.id;
+        document.getElementById('setVis').value = data.user.visibility;
+        document.getElementById('setSecret').value = data.user.secret_code;
+        document.getElementById('setNotif').value = data.user.notif_enabled;
+        // Sara AI
+        if(data.user.sara_ai) {
+            saraEnabled = true;
+            document.getElementById('saraToggle').classList.add('active');
+            document.getElementById('saraToggle').innerText = "SARA AI: ONLINE";
+        }
+        // Admin access
+        if(data.user.is_admin) {
+            document.getElementById('adminNavItem').style.display = 'block';
+            document.getElementById('adminBadgeDisplay').style.display = 'block';
+            addLog('ADMIN: Full access granted');
+        }
+        // Group access
+        if(data.user.is_group_member) {
+            document.getElementById('groupMemberText').style.display = 'block';
+            document.getElementById('groupNonMemberText').style.display = 'none';
+        } else {
+            document.getElementById('groupMemberText').style.display = 'none';
+            document.getElementById('groupNonMemberText').style.display = 'block';
+            document.getElementById('groupInputSection').style.display = 'none';
+        }
+        addLog(`SUCCESS: Session started for ${data.email}`);
+        addLog(`UID IDENTIFIED: ${data.user.id}`);
+        // Auto-refresh
+        setInterval(() => {
+            refreshInbox();
+            refreshGroup();
+        }, 500);
+        refreshInbox();
+        loadContacts();
+        checkPing();
+    }
+    async function register() {
+        const r = await fetch('/api/register', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+                username: document.getElementById('regUser').value,
+                password: document.getElementById('regPass').value
+            })
+        });
+        const d = await r.json();
+        if(d.success) {
+            alert("Cont creat! Email: " + d.email + " | ID: " + d.uid);
+            addLog(`IDENTITY GENERATED: ${d.uid}`);
+        } else {
+            alert("Eroare: " + d.error);
+        }
+    }
+    // ===== SARA AI =====
+    function toggleSara() {
+        saraEnabled = !saraEnabled;
+        const btn = document.getElementById('saraToggle');
+        if(saraEnabled) {
+            btn.classList.add('active');
+            btn.innerText = "SARA AI: ONLINE";
+            addLog("SARA AI: Activated auto-responder.");
+            updateSettings();
+        } else {
+            btn.classList.remove('active');
+            btn.innerText = "SARA AI: OFF";
+            addLog("SARA AI: Deactivated.");
+            updateSettings();
+        }
+    }
+    // ===== INBOX =====
+    async function refreshInbox() {
+        if(!isUserLogged) return;
+        try {
+            const r = await fetch('/api/get_inbox');
+            const list = await r.json();
+            // Verificare mesaje noi
+            if(list.length > lastMsgCount) {
+                if(lastMsgCount !== 0 && currentUserData && currentUserData.notif_enabled) {
+                    const lastMessage = list[list.length-1];
+                    // Redăm sunetul
+                    playNotificationSound();
+                    // Arătăm banner-ul
+                    showNotify("MESAJ NOU!");
+                    // Log în terminal
+                    addLog(`INCOMING: New message from ${lastMessage.from}`);
+                    // Browser notification (funcționează și când tab-ul e în fundal)
+                    if('Notification' in window && Notification.permission === 'granted') {
+                        // Verificăm dacă documentul e vizibil
+                        if (document.hidden) {
+                            // Tab-ul e în fundal, folosim Service Worker
+                            sendNotificationToSW(lastMessage.from, lastMessage.content);
+                        } else {
+                            // Tab-ul e activ, notificare directă
+                            new Notification('DROPLY! - Mesaj Nou', {
+                                body: `De la: ${lastMessage.from}\n${lastMessage.content.substring(0, 50)}${lastMessage.content.length > 50 ? '...' : ''}`,
+                                icon: '/logo.png',
+                                badge: '/logo.png',
+                                vibrate: [200, 100, 200],
+                                tag: 'new-message-' + Date.now(),
+                                requireInteraction: false
+                            });
+                        }
+                    }
+                }
+                lastMsgCount = list.length;
+            }
+            const container = document.getElementById('inboxList');
+            container.innerHTML = list.length ? "" : "Inbox gol. ┐('～` )┌";
+            list.reverse().forEach(m => {
+                const div = document.createElement('div');
+                div.className = "msg-card";
+                div.innerHTML = `
+                    <div class="msg-actions">
+                        <button class="btn-small btn-danger" onclick="deleteMessage(${m.id})">🗑️</button>
+                    </div>
+                    <small style="cursor: pointer;" onclick="openMessageModal(${m.id}, '${m.from}', '${m.timestamp}', \`${m.content.replace(/`/g, '\\`')}\`, '${m.file || ''}')">
+                        ${m.from} | ${m.timestamp}
+                    </small><br>
+                    <div style="cursor: pointer; margin-top: 5px;" onclick="openMessageModal(${m.id}, '${m.from}', '${m.timestamp}', \`${m.content.replace(/`/g, '\\`')}\`, '${m.file || ''}')">
+                        ${m.content.substring(0, 50)}${m.content.length > 50 ? '...' : ''}
+                    </div>
+                `;
+                container.appendChild(div);
+            });
+        } catch (e) {
+            console.error("Refresh inbox error:", e);
+        }
+    }
+    function openMessageModal(id, from, time, content, file) {
+        document.getElementById('modalFrom').innerText = `De la: ${from}`;
+        document.getElementById('modalTime').innerText = time;
+        document.getElementById('modalContent').innerText = content;
+        if(file) {
+            document.getElementById('modalFile').innerHTML = `
+                <a href="/download/${file}" target="_blank" download style="color:#fff; background:#222; padding:8px; text-decoration:none; display:inline-block; border-radius:2px;">
+                    📎 Descarcă: ${file}
+                </a>
+            `;
+        } else {
+            document.getElementById('modalFile').innerHTML = '';
+        }
+        document.getElementById('messageModal').classList.add('active');
+    }
+    function closeMessageModal() {
+        document.getElementById('messageModal').classList.remove('active');
+    }
+    async function deleteMessage(msgId) {
+        if(!confirm('Ștergi acest mesaj?')) return;
+        await fetch('/api/delete_message', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({message_id: msgId})
+        });
+        showNotify("MESAJ ȘTERS");
+        refreshInbox();
+    }
+    // ===== SEND MAIL =====
+    async function sendMail() {
+        const fd = new FormData();
+        const dest = document.getElementById('targetDest').value;
+        fd.append('destinatar', dest);
+        fd.append('mesaj', document.getElementById('targetMsg').value);
+        const file = document.getElementById('targetFile').files[0];
+        if(file) fd.append('fisier', file);
+        addLog(`SENDING: Data packet to ${dest}...`);
+        const r = await fetch('/api/send_mail', { method: 'POST', body: fd });
+        const d = await r.json();
+        if(d.success) {
+            showNotify("TRIMIS!");
+            document.getElementById('targetMsg').value = "";
+            document.getElementById('targetFile').value = "";
+            addLog(`SUCCESS: Packet delivered to ${dest}`);
+        } else {
+            addLog(`ERROR: ${d.error}`);
+            alert("Eroare: " + d.error);
+        }
+    }
+    function reportBug() {
+        const now = new Date();
+        const dateStr = `${now.getDate()}/${now.getMonth()+1}/${now.getFullYear()}`;
+        const timeStr = `${now.getHours()}:${String(now.getMinutes()).padStart(2, '0')}`;
+        document.getElementById('targetDest').value = 'admin001';
+        document.getElementById('targetMsg').value = `Raportare Bug: [${dateStr} | Ora ${timeStr}]\n\n`;
+        showSection('send');
+        showNotify("Completează raportarea!");
+        addLog("BUG REPORT: Template loaded");
+    }
+    // ===== GRUP =====
+    async function sendGroup() {
+        const msg = document.getElementById('groupMsgInput').value;
+        if(!msg) return;
+        const r = await fetch('/api/group/send', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({content: msg})
+        });
+        const d = await r.json();
+        if(d.success) {
+            document.getElementById('groupMsgInput').value = "";
+            refreshGroup();
+        } else {
+            alert("Eroare: " + d.error);
+        }
+    }
+    async function refreshGroup() {
+        if(!isUserLogged) return;
+        try {
+            const r = await fetch('/api/group/get');
+            const msgs = await r.json();
+            const box = document.getElementById('groupList');
+            box.innerHTML = msgs.map(m => `
+                <div class="group-msg">
+                    <div class="group-header">
+                        ${m.user} <span class="group-time">[${m.timestamp}]</span>
+                        ${currentUserData && currentUserData.is_admin ?
+                            `<button class="btn-small btn-danger" onclick="deleteGroupMessage(${m.id})" style="float:right;">🗑️</button>`
+                            : ''}
+                    </div>
+                    <div style="color:#fff;">${m.content}</div>
+                </div>
+            `).join('');
+        } catch (e) {
+            console.error("Group refresh error:", e);
+        }
+    }
+    async function deleteGroupMessage(msgId) {
+        if(!confirm('Ștergi acest mesaj din grup?')) return;
+        await fetch('/api/group/delete', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({message_id: msgId})
+        });
+        showNotify("MESAJ ȘTERS");
+        refreshGroup();
+    }
+    async function requestGroupInvite() {
+        const r = await fetch('/api/group/request_invite', { method: 'POST' });
+        const d = await r.json();
+        if(d.success) {
+            showNotify("CERERE TRIMISĂ!");
+            addLog("GROUP: Invitation request sent to admin");
+        } else {
+            alert("Eroare: " + d.error);
+        }
+    }
+    // ===== CONTACTE =====
+    function saveContact() {
+        const name = document.getElementById('cName').value;
+        const id = document.getElementById('cId').value;
+        if(!name || !id) return;
+        let contacts = JSON.parse(localStorage.getItem('droply_contacts') || '[]');
+        contacts.push({name, id});
+        localStorage.setItem('droply_contacts', JSON.stringify(contacts));
+        document.getElementById('cName').value = "";
+        document.getElementById('cId').value = "";
+        loadContacts();
+        showNotify("CONTACT SALVAT");
+        addLog(`CONTACT SAVED: ${name} (${id})`);
+    }
+    function loadContacts() {
+        const contacts = JSON.parse(localStorage.getItem('droply_contacts') || '[]');
+        const container = document.getElementById('contactList');
+        container.innerHTML = "";
+        contacts.forEach((c, index) => {
+            const div = document.createElement('div');
+            div.className = "item-list";
+            div.innerHTML = `
+                <div class="item-info"><b>${c.name}</b><br><small>${c.id}</small></div>
+                <div>
+                    <button class="btn-small" onclick="useContact('${c.id}')">USE</button>
+                    <button class="btn-small btn-danger" onclick="delContact(${index})">X</button>
+                </div>
+            `;
+            container.appendChild(div);
+        });
+    }
+    function useContact(id) {
+        document.getElementById('targetDest').value = id;
+        showSection('send');
+    }
+    function delContact(i) {
+        let contacts = JSON.parse(localStorage.getItem('droply_contacts') || '[]');
+        contacts.splice(i, 1);
+        localStorage.setItem('droply_contacts', JSON.stringify(contacts));
+        loadContacts();
+        addLog(`CONTACT DELETED`);
+    }
+    // ===== SETĂRI =====
+    async function updateSettings() {
+        const notif = parseInt(document.getElementById('setNotif').value);
+        await fetch('/api/update_settings', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+                visibility: document.getElementById('setVis').value,
+                secret_code: document.getElementById('setSecret').value,
+                sara_ai: saraEnabled,
+                notif_enabled: notif
+            })
+        });
+        // Actualizăm currentUserData
+        if(currentUserData) {
+            currentUserData.notif_enabled = notif;
+        }
+        showNotify("SETĂRI SALVATE");
+        addLog(`SETTINGS: Profile updated. Sara AI: ${saraEnabled}, Notif: ${notif ? 'ON' : 'OFF'}`);
+    }
+    async function changePassword() {
+        const oldPass = document.getElementById('oldPass').value;
+        const newPass = document.getElementById('newPass').value;
+        if(!oldPass || !newPass) {
+            alert("Completează ambele câmpuri!");
+            return;
+        }
+        const r = await fetch('/api/change_password', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({old_password: oldPass, new_password: newPass})
+        });
+        const d = await r.json();
+        if(d.success) {
+            showNotify("PAROLĂ SCHIMBATĂ!");
+            document.getElementById('oldPass').value = "";
+            document.getElementById('newPass').value = "";
+            addLog("SECURITY: Password changed successfully");
+        } else {
+            alert("Eroare: " + d.error);
+        }
+    }
+    async function checkPing() {
+        try {
+            const start = Date.now();
+            const r = await fetch('/api/server_ping');
+            const ping = Date.now() - start;
+            document.getElementById('serverPing').innerText = `Server Online - Ping: ${ping}ms`;
+            addLog(`PING: Server responded in ${ping}ms`);
+        } catch(e) {
+            document.getElementById('serverPing').innerText = 'Server Offline';
+            addLog('PING: Server not responding');
+        }
+    }
+    // ===== ADMIN PANEL =====
+    async function loadAdminData() {
+        if(!currentUserData || !currentUserData.is_admin) return;
+        // Load users
+        const rUsers = await fetch('/api/admin/get_users');
+        const dUsers = await rUsers.json();
+        if(dUsers.success) {
+            const container = document.getElementById('adminUsersList');
+            container.innerHTML = '';
+            dUsers.users.forEach(u => {
+                const div = document.createElement('div');
+                div.className = 'item-list';
+                div.innerHTML = `
+                    <div class="item-info">
+                        <b>${u.email}</b><br>
+                        <small>ID: ${u.id} | IP: ${u.ip}</small>
+                    </div>
+                `;
+                container.appendChild(div);
+            });
+            addLog(`ADMIN: Loaded ${dUsers.users.length} users`);
+        }
+        // Load group invitations
+        const rInvites = await fetch('/api/admin/get_invitations');
+        const dInvites = await rInvites.json();
+        if(dInvites.success) {
+            const container = document.getElementById('adminInvitesList');
+            container.innerHTML = '';
+            if(dInvites.invitations.length === 0) {
+                container.innerHTML = '<p style="color:#666; font-size:12px;">Nu există cereri pendinte</p>';
+            } else {
+                dInvites.invitations.forEach(inv => {
+                    const div = document.createElement('div');
+                    div.className = 'item-list';
+                    div.innerHTML = `
+                        <div class="item-info">
+                            <b>${inv.user_email}</b><br>
+                            <small>${inv.timestamp}</small>
+                        </div>
+                        <button class="btn-small" onclick="approveInvite(${inv.id})">✅ Aprobă</button>
+                    `;
+                    container.appendChild(div);
+                });
+            }
+        }
+    }
+    async function approveInvite(inviteId) {
+        const r = await fetch('/api/admin/approve_invitation', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({invitation_id: inviteId})
+        });
+        const d = await r.json();
+        if(d.success) {
+            showNotify("INVITAȚIE APROBATĂ!");
+            loadAdminData();
+            addLog("ADMIN: Group invitation approved");
+        }
+    }
+    async function triggerMaintenance() {
+        if(!confirm('ATENȚIE! Această acțiune va închide serverul în 60 de secunde! Continui?')) {
+            return;
+        }
+        const r = await fetch('/api/admin/broadcast_warning', { method: 'POST' });
+        const d = await r.json();
+        if(d.success) {
+            showNotify("⚠️ MAINTENANCE ACTIVAT!");
+            addLog("ADMIN: Maintenance mode activated - shutdown in 60s");
+            // Arătăm banner-ul
+            document.getElementById('warningBanner').style.display = 'block';
+            // Countdown
+            let seconds = 60;
+            const countdown = setInterval(() => {
+                seconds--;
+                document.getElementById('warningBanner').innerText =
+                    `⚠️ ATENȚIE! Serverul se închide în ${seconds} secunde! ⚠️`;
+                if(seconds <= 0) {
+                    clearInterval(countdown);
+                    document.getElementById('warningBanner').innerText =
+                        '🔴 SERVER OFFLINE - Mentenanță în curs...';
+                }
+            }, 1000);
+        }
+    }
+    async function checkShutdown() {
+        try {
+            const r = await fetch('/api/check_shutdown');
+            const d = await r.json();
+            if(d.shutdown_scheduled && !document.getElementById('warningBanner').style.display) {
+                document.getElementById('warningBanner').style.display = 'block';
+                addLog("WARNING: Server shutdown scheduled!");
+            }
+        } catch(e) {
+            // Server might be down
+        }
+    }
+    // ===== ABOUT =====
+    function showAbout() {
+        alert(`
+╔════════════════════════════════════╗
+║      DROPLY! v2.1 - CHANGELOG      ║
+╚════════════════════════════════════╝
+✨ FUNCȚII NOI v2.1:
+🔐 SETĂRI:
+  ✅ Resetare parolă din setări
+  ✅ Activare/Dezactivare notificări push
+  ✅ Verificare ping server
+👥 GRUP:
+  ✅ Acces controlat de admin
+  ✅ Cerere invitație pentru grup
+  ✅ Ștergere mesaje (doar admin)
+  ✅ Vizualizare mesaje pentru non-membri
+📧 INBOX:
+  ✅ Pop-up detaliat pentru mesaje
+  ✅ Ștergere mesaje din inbox
+  ✅ Vizualizare fișiere atașate
+📤 TRIMITERE:
+  ✅ Simplificare (fără cod secret)
+  ✅ Buton raportare bug rapid
+🔧 ADMIN PANEL (doar admin):
+  ✅ Vizualizare utilizatori + IP
+  ✅ Aprobare invitații grup
+  ✅ Warning broadcast + shutdown
+🎯 ÎMBUNĂTĂȚIRI:
+  ✅ Auto-login persistent
+  ✅ Notificări browser
+  ✅ Service Worker pentru fundal
+  ✅ UI mai clean și responsive
+═══════════════════════════════════
+📝 Admin: victor89@admindroply.md
+🔑 Parolă: 122012
+        `);
+    }
+</script>
+</body>
+</html>

sw.js ADDED Viewed

	@@ -0,0 +1,198 @@

+// Service Worker pentru DROPLY! v2.1 - Notificări Complete
+const CACHE_NAME = 'droply-v2.1';
+const urlsToCache = [
+  '/',
+  '/logo.png',
+  '/notification.mp3'
+];
+let lastMessageCount = 0;
+// Instalare Service Worker
+self.addEventListener('install', event => {
+  console.log('[SW] Installing...');
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then(cache => {
+        console.log('[SW] Caching files');
+        return cache.addAll(urlsToCache);
+      })
+  );
+  self.skipWaiting();
+});
+// Activare Service Worker
+self.addEventListener('activate', event => {
+  console.log('[SW] Activating...');
+  event.waitUntil(
+    caches.keys().then(cacheNames => {
+      return Promise.all(
+        cacheNames.map(cacheName => {
+          if (cacheName !== CACHE_NAME) {
+            console.log('[SW] Deleting old cache:', cacheName);
+            return caches.delete(cacheName);
+          }
+        })
+      );
+    })
+  );
+  self.clients.claim();
+});
+// Interceptare cereri - Nu bloca API-urile
+self.addEventListener('fetch', event => {
+  // Nu cache-uim API calls
+  if (event.request.url.includes('/api/')) {
+    return;
+  }
+  event.respondWith(
+    caches.match(event.request)
+      .then(response => response || fetch(event.request))
+      .catch(() => caches.match('/'))
+  );
+});
+// Primire notificări push
+self.addEventListener('push', event => {
+  console.log('[SW] Push notification received');
+  const data = event.data ? event.data.json() : {};
+  const title = data.title || 'DROPLY!';
+  const options = {
+    body: data.body || 'Mesaj nou primit!',
+    icon: '/logo.png',
+    badge: '/logo.png',
+    vibrate: [200, 100, 200],
+    tag: 'droply-notification-' + Date.now(),
+    requireInteraction: false,
+    data: {
+      url: '/'
+    }
+  };
+  event.waitUntil(
+    self.registration.showNotification(title, options)
+  );
+});
+// Click pe notificare
+self.addEventListener('notificationclick', event => {
+  console.log('[SW] Notification clicked');
+  event.notification.close();
+  event.waitUntil(
+    clients.matchAll({ type: 'window', includeUncontrolled: true })
+      .then(clientList => {
+        // Dacă avem deja o fereastră deschisă, o aducem în față
+        for (let client of clientList) {
+          if (client.url.includes(self.location.origin) && 'focus' in client) {
+            return client.focus();
+          }
+        }
+        // Altfel deschidem una nouă
+        if (clients.openWindow) {
+          return clients.openWindow('/');
+        }
+      })
+  );
+});
+// Message handler - primește mesaje de la pagina principală
+self.addEventListener('message', event => {
+  console.log('[SW] Message received:', event.data);
+  if (event.data && event.data.type === 'CHECK_MESSAGES') {
+    checkForNewMessages();
+  }
+  if (event.data && event.data.type === 'NEW_MESSAGE') {
+    showNotification(event.data.from, event.data.content);
+  }
+});
+// Funcție pentru afișare notificare
+async function showNotification(from, content) {
+  const title = 'DROPLY! - Mesaj Nou';
+  const options = {
+    body: `De la: ${from}\n${content.substring(0, 50)}${content.length > 50 ? '...' : ''}`,
+    icon: '/logo.png',
+    badge: '/logo.png',
+    vibrate: [200, 100, 200, 100, 200],
+    tag: 'droply-message-' + Date.now(),
+    requireInteraction: false,
+    actions: [
+      {
+        action: 'open',
+        title: 'Deschide'
+      },
+      {
+        action: 'close',
+        title: 'Închide'
+      }
+    ],
+    data: {
+      url: '/',
+      from: from
+    }
+  };
+  try {
+    await self.registration.showNotification(title, options);
+    console.log('[SW] Notification shown');
+    // Încercăm să redăm sunetul
+    const clients = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' });
+    clients.forEach(client => {
+      client.postMessage({
+        type: 'PLAY_SOUND'
+      });
+    });
+  } catch (error) {
+    console.error('[SW] Error showing notification:', error);
+  }
+}
+// Verificare periodică pentru mesaje noi (se apelează din pagina principală)
+async function checkForNewMessages() {
+  try {
+    console.log('[SW] Checking for new messages...');
+    // Obținem toate client-urile (tab-urile) deschise
+    const clients = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' });
+    // Trimitem mesaj către toate tab-urile să verifice inbox-ul
+    clients.forEach(client => {
+      client.postMessage({
+        type: 'CHECK_INBOX'
+      });
+    });
+  } catch (error) {
+    console.error('[SW] Error checking messages:', error);
+  }
+}
+// Background Sync pentru mesaje în așteptare
+self.addEventListener('sync', event => {
+  console.log('[SW] Background sync:', event.tag);
+  if (event.tag === 'sync-messages') {
+    event.waitUntil(checkForNewMessages());
+  }
+});
+// Periodic Background Sync (pentru verificare automată când app-ul e închis)
+// NOTĂ: Funcționează doar pe Android cu Chrome
+self.addEventListener('periodicsync', event => {
+  console.log('[SW] Periodic sync:', event.tag);
+  if (event.tag === 'check-new-messages') {
+    event.waitUntil(checkForNewMessages());
+  }
+});
+// Handler pentru acțiuni notificare
+self.addEventListener('notificationclose', event => {
+  console.log('[SW] Notification closed:', event.notification.tag);
+});
+console.log('[SW] Service Worker loaded successfully');