e

Paused

App Files Files Community

Eluza133 commited on Mar 4, 2025

Commit

126c7e2

verified ·

1 Parent(s): a987bf9

Update app.py

Browse files

Files changed (1) hide show

app.py +297 -1

app.py CHANGED Viewed

@@ -1784,7 +1784,303 @@ def chat():
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
     <title>Users - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">

 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>General Chat - Content Hub</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+    <style>
+''' + BASE_STYLE + '''
+        .container {
+            max-width: 800px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
+        }
+        h1 {
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
+            -webkit-background-clip: text;
+            color: transparent;
+        }
+        .messages {
+            max-height: 450px;
+            overflow-y: auto;
+            padding: 12px;
+            background: var(--glass-bg);
+            border-radius: 12px;
+            margin-bottom: 15px;
+            scroll-behavior: smooth;
+        }
+        .message {
+            margin-bottom: 12px;
+            display: flex;
+            align-items: flex-start;
+            gap: 10px;
+            max-width: 70%;
+        }
+        .message.sent {
+            margin-left: auto;
+            flex-direction: row-reverse;
+        }
+        .message.received {
+            margin-right: auto;
+        }
+        .message-avatar {
+            width: 35px;
+            height: 35px;
+            border-radius: 50%;
+            object-fit: cover;
+            box-shadow: var(--shadow);
+            loading: lazy;
+        }
+        .message-content {
+            padding: 10px 15px;
+            background: var(--card-bg);
+            border-radius: 10px;
+            font-size: 0.9em;
+            transition: var(--transition);
+            box-shadow: var(--shadow);
+            border: 1px solid rgba(0, 0, 0, 0.05);
+            word-wrap: break-word;
+        }
+        body.dark .message-content {
+            background: var(--card-bg-dark);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+        }
+        .message.sent .message-content {
+            border-color: var(--primary);
+        }
+        .message.received .message-content {
+            border-color: var(--secondary);
+        }
+        .message:hover .message-content {
+            transform: translateY(-2px);
+        }
+        .message .sender {
+            color: var(--primary);
+            font-weight: 600;
+            text-decoration: none;
+        }
+        .message .sender:hover {
+            color: var(--accent);
+        }
+        .message .time {
+            font-size: 0.8em;
+            color: rgba(0, 0, 0, 0.5);
+            margin-top: 5px;
+            display: block;
+        }
+        body.dark .message .time {
+            color: rgba(255, 255, 255, 0.5);
+        }
+        .message img, .message video {
+            max-width: 250px;
+            max-height: 250px;
+            width: 100%;
+            border-radius: 8px;
+            margin-top: 8px;
+            display: block;
+            loading: lazy;
+        }
+        .message a {
+            color: var(--primary);
+            text-decoration: none;
+        }
+        .message a:hover {
+            color: var(--accent);
+        }
+        .message-form {
+            margin-top: 15px;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        .post-select {
+            padding: 10px;
+            border-radius: 10px;
+            background: var(--glass-bg);
+            color: var(--text-light);
+        }
+        body.dark .post-select {
+            color: var(--text-dark);
+        }
+        @media (max-width: 900px) {
+            .message-avatar {
+                width: 30px;
+                height: 30px;
+            }
+            .message {
+                max-width: 80%;
+            }
+        }
+        @media (max-width: 480px) {
+            .container {
+                padding: 15px;
+            }
+            .messages {
+                max-height: 350px;
+            }
+            .message-avatar {
+                width: 25px;
+                height: 25px;
+            }
+            .message {
+                max-width: 85%;
+            }
+            .message-content {
+                padding: 8px 12px;
+                font-size: 0.85em;
+            }
+            .message img, .message video {
+                max-width: 180px;
+                max-height: 180px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <button class="menu-btn" onclick="toggleSidebar()">☰</button>
+    ''' + NAV_HTML + '''
+    <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
+    <div class="container">
+        <h1>General Chat</h1>
+        <div class="messages" id="messages">
+            {% for message in chat_messages %}
+                <div class="message {{ 'sent' if message['sender'] == username else 'received' }}">
+                    {% if message['sender'] == username %}
+                        {% if avatar %}
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Your Avatar" class="message-avatar" loading="lazy">
+                        {% else %}
+                            <div class="message-avatar" style="background: var(--primary);"></div>
+                        {% endif %}
+                    {% else %}
+                        {% if data['users'][message['sender']].get('avatar') %}
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ data['users'][message['sender']]['avatar'] }}" alt="{{ message['sender'] }} Avatar" class="message-avatar" loading="lazy">
+                        {% else %}
+                            <div class="message-avatar" style="background: var(--secondary);"></div>
+                        {% endif %}
+                    {% endif %}
+                    <div class="message-content">
+                        <a href="{{ url_for('user_profile', username=message['sender']) }}" class="sender">{{ message['sender'] }}</a>
+                        <span class="status-dot {{ 'online' if is_user_online(message['sender']) else 'offline' }}"></span>
+                        {% if 'text' in message %}
+                            <p>{{ message['text'] }}</p>
+                        {% endif %}
+                        {% if 'file' in message %}
+                            {% if message['file_type'] == 'video' %}
+                                <video controls loading="lazy">
+                                    <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" type="video/mp4">
+                                </video>
+                            {% else %}
+                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" alt="Chat file" loading="lazy" onclick="openModal(this.src)">
+                            {% endif %}
+                        {% endif %}
+                        {% if 'post_id' in message %}
+                            {% with post = posts|selectattr('id', 'equalto', message['post_id'])|first %}
+                                {% if post %}
+                                    <p>Shared: <a href="{{ url_for('post_page', post_id=message['post_id']) }}">{{ post['title'] }}</a></p>
+                                {% endif %}
+                            {% endwith %}
+                        {% endif %}
+                        <span class="time">{{ message['time'] }}</span>
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+        {% if is_authenticated %}
+            <form method="POST" enctype="multipart/form-data" class="message-form">
+                <textarea name="message" placeholder="Type a message" rows="2"></textarea>
+                <input type="file" name="file" accept="video/*,image/*">
+                <select name="post_id" class="post-select">
+                    <option value="">Share a post (optional)</option>
+                    {% for post in user_posts %}
+                        <option value="{{ post['id'] }}">{{ post['title'] }}</option>
+                    {% endfor %}
+                </select>
+                <button type="submit" class="btn">Send</button>
+            </form>
+        {% else %}
+            <p style="font-size: 1em;"><a href="{{ url_for('login') }}">Login</a> to send messages.</p>
+        {% endif %}
+    </div>
+    <div class="modal" id="imageModal" onclick="closeModal(event)">
+        <img id="modalImage" src="">
+    </div>
+    <script>
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
+        function toggleTheme() {
+            document.body.classList.toggle('dark');
+            localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
+        }
+        function openModal(src) {
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
+        }
+        function closeModal(event) {
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
+        }
+        window.onload = () => {
+            if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
+            const messagesDiv = document.getElementById('messages');
+            messagesDiv.scrollTop = messagesDiv.scrollHeight;
+        };
+    </script>
+</body>
+</html>
+'''
+    user_posts = [p for p in data['posts'] if p['uploader'] == username] if is_authenticated else []
+    avatar = data['users'][username].get('avatar') if is_authenticated else None
+    return render_template_string(html,
+                                chat_messages=chat_messages,
+                                username=username,
+                                is_authenticated=is_authenticated,
+                                repo_id=REPO_ID,
+                                posts=data['posts'],
+                                user_posts=user_posts,
+                                unread_count=unread_count,
+                                user_count=user_count,
+                                private_unread_count=private_unread_count,
+                                is_online=is_online,
+                                is_user_online=lambda u: is_user_online(data, u),
+                                data=data,
+                                avatar=avatar)
+# Список пользователей
+@app.route('/users', methods=['GET', 'POST'])
+def users():
+    data = load_data()
+    username = session.get('username', None)
+    if username:
+        update_last_seen(data, username)
+    is_authenticated = 'username' in session
+    unread_count = get_unread_count(data, username) if is_authenticated else 0
+    private_unread_count = get_private_unread_count(data, username) if is_authenticated else 0
+    user_count = len(data['users'])
+    is_online = is_user_online(data, username) if is_authenticated else False
+    search_query = request.form.get('search', '').strip().lower() if request.method == 'POST' else ''
+    user_list = [(user, data['users'][user].get('avatar'), is_user_online(data, user))
+                 for user in data['users'] if not search_query or search_query in user.lower()]
+    html = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
     <title>Users - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">