Update app.py

app.py

@@ -18,7 +18,6 @@ REPO_ID = "Eluza133/Z1e1u"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ") or HF_TOKEN_WRITE
 REGISTRATION_CODE = "morshenalphacl"
-ADMIN_PASSWORD = "admin123"  # Установите надежный пароль для админ-панели
 
 cache = Cache(app, config={'CACHE_TYPE': 'simple'})
 logging.basicConfig(level=logging.INFO)
@@ -145,6 +144,14 @@ h1 {
     -webkit-background-clip: text;
     color: transparent;
 }
+h2 {
+    font-size: 1.5em;
+    margin-top: 30px;
+    color: var(--text-light);
+}
+body.dark h2 {
+    color: var(--text-dark);
+}
 input, textarea {
     width: 100%;
     padding: 14px;
@@ -183,41 +190,39 @@ input:focus, textarea:focus {
 }
 .download-btn {
     background: var(--secondary);
-    color: #ffffff;
     margin-top: 10px;
 }
 .download-btn:hover {
     background: #00b8c5;
-    color: #ffffff;
 }
 .delete-btn {
     background: var(--delete-color);
-    color: #ffffff;
     margin-top: 10px;
 }
 .delete-btn:hover {
     background: #cc3333;
-    color: #ffffff;
 }
 .flash {
     color: var(--secondary);
     text-align: center;
     margin-bottom: 15px;
 }
-.file-grid, .user-grid {
+.file-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
     gap: 20px;
     margin-top: 20px;
 }
+.user-list {
+    margin-top: 20px;
+}
 .user-item {
-    background: var(--card-bg);
     padding: 15px;
+    background: var(--card-bg);
     border-radius: 16px;
+    margin-bottom: 10px;
     box-shadow: var(--shadow);
-    text-align: center;
     transition: var(--transition);
-    cursor: pointer;
 }
 body.dark .user-item {
     background: var(--card-bg-dark);
@@ -225,6 +230,24 @@ body.dark .user-item {
 .user-item:hover {
     transform: translateY(-5px);
 }
+.user-item a {
+    color: var(--primary);
+    text-decoration: none;
+    font-weight: 600;
+}
+.user-item a:hover {
+    color: var(--accent);
+}
+@media (max-width: 768px) {
+    .file-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 480px) {
+    .file-grid {
+        grid-template-columns: 1fr;
+    }
+}
 .file-item {
     background: var(--card-bg);
     padding: 15px;
@@ -232,7 +255,6 @@ body.dark .user-item {
     box-shadow: var(--shadow);
     text-align: center;
     transition: var(--transition);
-    display: none; /* Скрыто по умолчанию */
 }
 body.dark .file-item {
     background: var(--card-bg-dark);
@@ -248,15 +270,15 @@ body.dark .file-item {
     margin-bottom: 10px;
     loading: lazy;
 }
-.file-item p, .user-item p {
+.file-item p {
     font-size: 0.9em;
     margin: 5px 0;
 }
-.file-item a, .user-item a {
+.file-item a {
     color: var(--primary);
     text-decoration: none;
 }
-.file-item a:hover, .user-item a:hover {
+.file-item a:hover {
     color: var(--accent);
 }
 .modal {
@@ -292,24 +314,6 @@ body.dark .file-item {
     border-radius: 10px;
     transition: width 0.3s ease;
 }
-#search-bar {
-    width: 100%;
-    padding: 10px;
-    margin: 10px 0;
-    border: none;
-    border-radius: 14px;
-    background: var(--glass-bg);
-    color: var(--text-light);
-    font-size: 1.1em;
-    box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.1);
-}
-body.dark #search-bar {
-    color: var(--text-dark);
-}
-#search-bar:focus {
-    outline: none;
-    box-shadow: 0 0 0 4px var(--primary);
-}
 '''
 
 @app.route('/register', methods=['GET', 'POST'])
@@ -417,9 +421,9 @@ def login():
             <button type="submit" class="btn">Войти</button>
         </form>
         <p style="margin-top: 20px;">Нет аккаунта? <a href="{{ url_for('register') }}">Зарегистрируйтесь</a></p>
-        <p style="margin-top: 10px;"><a href="{{ url_for('admhosto') }}">Админ-панель</a></p>
     </div>
     <script>
+        // Проверка localStorage и автоматический вход
         const savedCredentials = JSON.parse(localStorage.getItem('zeusCredentials'));
         if (savedCredentials) {
             fetch('/', {
@@ -438,6 +442,7 @@ def login():
             .catch(error => console.error('Ошибка автоматического входа:', error));
         }
 
+        // Обработка формы входа
         document.getElementById('login-form').addEventListener('submit', function(e) {
             e.preventDefault();
             const formData = new FormData(this);
@@ -647,6 +652,7 @@ def dashboard():
             xhr.send(formData);
         });
 
+        // Обработка выхода
         document.getElementById('logout-btn').addEventListener('click', function(e) {
             e.preventDefault();
             localStorage.removeItem('zeusCredentials');
@@ -729,18 +735,18 @@ def delete_file(file_path):
     
     return redirect(url_for('dashboard'))
 
-@app.route('/admhosto', methods=['GET', 'POST'])
-def admhosto():
-    if request.method == 'POST':
-        admin_password = request.form.get('admin_password')
-        if admin_password != ADMIN_PASSWORD:
-            flash('Неверный пароль администратора!')
-            return redirect(url_for('admhosto'))
-        session['is_admin'] = True
-        return redirect(url_for('admhosto'))
+@app.route('/logout')
+def logout():
+    session.pop('username', None)
+    return redirect(url_for('login'))
 
-    if 'is_admin' not in session:
-        html = '''
+# Новая админ-панель
+@app.route('/admhosto')
+def admin_panel():
+    data = load_data()
+    users = data['users']
+    
+    html = '''
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -753,39 +759,47 @@ def admhosto():
 <body>
     <div class="container">
         <h1>Админ-панель Zeus Cloud</h1>
-        {% with messages = get_flashed_messages() %}
-            {% if messages %}
-                {% for message in messages %}
-                    <div class="flash">{{ message }}</div>
-                {% endfor %}
+        <h2>Список пользователей</h2>
+        <div class="user-list">
+            {% for username, user_data in users.items() %}
+                <div class="user-item">
+                    <a href="{{ url_for('admin_user_files', username=username) }}">{{ username }}</a>
+                    <p>Дата регистрации: {{ user_data['created_at'] }}</p>
+                    <p>Количество файлов: {{ user_data['files'] | length }}</p>
+                </div>
+            {% endfor %}
+            {% if not users %}
+                <p>Пользователей пока нет.</p>
             {% endif %}
-        {% endwith %}
-        <form method="POST">
-            <input type="password" name="admin_password" placeholder="Введите пароль администратора" required>
-            <button type="submit" class="btn">Войти</button>
-        </form>
+        </div>
     </div>
 </body>
 </html>
 '''
-        return render_template_string(html)
+    return render_template_string(html, users=users)
 
+@app.route('/admhosto/user/<username>')
+def admin_user_files(username):
     data = load_data()
-    users = data['users']
-
+    if username not in data['users']:
+        flash('Пользователь не найден!')
+        return redirect(url_for('admin_panel'))
+    
+    user_files = sorted(data['users'][username]['files'], key=lambda x: x['upload_date'], reverse=True)
+    
     html = '''
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Админ-панель - Zeus Cloud</title>
+    <title>Файлы пользователя {{ username }} - Zeus Cloud</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>''' + BASE_STYLE + '''</style>
 </head>
 <body>
     <div class="container">
-        <h1>Админ-панель Zeus Cloud</h1>
+        <h1>Файлы пользователя: {{ username }}</h1>
         {% with messages = get_flashed_messages() %}
             {% if messages %}
                 {% for message in messages %}
@@ -793,74 +807,54 @@ def admhosto():
                 {% endfor %}
             {% endif %}
         {% endwith %}
-        <input type="text" id="search-bar" placeholder="Поиск по пользователям..." onkeyup="searchUsers()">
-        <div class="user-grid">
-            {% for username in users.keys() %}
-                <div class="user-item" onclick="toggleFiles('{{ username }}')">
-                    <p>Пользователь: {{ username }}</p>
-                    <p>Дата регистрации: {{ users[username]['created_at'] }}</p>
-                </div>
-                <div id="files-{{ username }}" class="file-grid">
-                    {% for file in users[username]['files'] %}
-                        <div class="file-item">
-                            {% if file['type'] == 'video' %}
-                                <p>{{ file['filename'] }} (Video)</p>
-                            {% elif file['type'] == 'image' %}
-                                <p>{{ file['filename'] }} (Image)</p>
-                            {% else %}
-                                <p>{{ file['filename'] }}</p>
-                            {% endif %}
-                            <p>{{ file['upload_date'] }}</p>
-                        </div>
-                    {% endfor %}
-                    {% if not users[username]['files'] %}
-                        <p>Нет файлов</p>
+        <div class="file-grid">
+            {% for file in user_files %}
+                <div class="file-item">
+                    {% if file['type'] == 'video' %}
+                        <video class="file-preview" preload="metadata" muted loading="lazy" onclick="openModal('https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ file['path'] }}', true)">
+                            <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ file['path'] }}" type="video/mp4">
+                        </video>
+                    {% elif file['type'] == 'image' %}
+                        <img class="file-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ file['path'] }}" alt="{{ file['filename'] }}" loading="lazy" onclick="openModal(this.src, false)">
+                    {% else %}
+                        <p>{{ file['filename'] }}</p>
                     {% endif %}
+                    <p>{{ file['upload_date'] }}</p>
+                    <a href="{{ url_for('download_file', file_path=file['path'], filename=file['filename']) }}" class="btn download-btn">Скачать</a>
                 </div>
             {% endfor %}
+            {% if not user_files %}
+                <p>У пользователя пока нет файлов.</p>
+            {% endif %}
         </div>
-        <a href="{{ url_for('logout_admin') }}" class="btn" style="margin-top: 20px;">Выйти</a>
+        <a href="{{ url_for('admin_panel') }}" class="btn" style="margin-top: 20px;">Назад к списку пользователей</a>
+    </div>
+    <div class="modal" id="mediaModal" onclick="closeModal(event)">
+        <div id="modalContent"></div>
     </div>
     <script>
-        function toggleFiles(username) {
-            const filesDiv = document.getElementById(`files-${username}`);
-            if (filesDiv.style.display === 'none' || filesDiv.style.display === '') {
-                filesDiv.style.display = 'grid';
+        function openModal(src, isVideo) {
+            const modal = document.getElementById('mediaModal');
+            const modalContent = document.getElementById('modalContent');
+            if (isVideo) {
+                modalContent.innerHTML = `<video controls><source src="${src}" type="video/mp4"></video>`;
             } else {
-                filesDiv.style.display = 'none';
+                modalContent.innerHTML = `<img src="${src}">`;
             }
+            modal.style.display = 'flex';
         }
-
-        function searchUsers() {
-            const input = document.getElementById('search-bar').value.toLowerCase();
-            const userItems = document.getElementsByClassName('user-item');
-
-            for (let i = 0; i < userItems.length; i++) {
-                const username = userItems[i].getElementsByTagName('p')[0].textContent.toLowerCase().replace('Пользователь: ', '');
-                if (username.includes(input)) {
-                    userItems[i].style.display = '';
-                    userItems[i].nextElementSibling.style.display = 'none'; // Скрываем файлы при поиске
-                } else {
-                    userItems[i].style.display = 'none';
-                    userItems[i].nextElementSibling.style.display = 'none';
-                }
+        function closeModal(event) {
+            if (event.target.tagName !== 'IMG' && event.target.tagName !== 'VIDEO') {
+                const modal = document.getElementById('mediaModal');
+                modal.style.display = 'none';
+                modal.innerHTML = '<div id="modalContent"></div>';
             }
         }
     </script>
 </body>
 </html>
 '''
-    return render_template_string(html, users=users)
-
-@app.route('/logout_admin')
-def logout_admin():
-    session.pop('is_admin', None)
-    return redirect(url_for('admhosto'))
-
-@app.route('/logout')
-def logout():
-    session.pop('username', None)
-    return redirect(url_for('login'))
+    return render_template_string(html, username=username, user_files=user_files, repo_id=REPO_ID)
 
 if __name__ == '__main__':
     threading.Thread(target=periodic_backup, daemon=True).start()