Update app.py

app.py

@@ -175,7 +175,7 @@ BASE_STYLE = '''
         color: white;
     }
     .logout-btn:hover {
-        background %s: #45b7b0;
+        background: #45b7b0;
     }
     .menu-btn {
         display: none;
@@ -312,6 +312,17 @@ NAV_HTML = '''
     </aside>
 '''
 
+# Новый маршрут для увеличения счётчика просмотров
+@app.route('/increment_view/<post_id>', methods=['POST'])
+def increment_view(post_id):
+    data = load_data()
+    post = next((p for p in data['posts'] if p['id'] == post_id), None)
+    if post:
+        post['views'] = post.get('views', 0) + 1
+        save_data(data)
+        return {"status": "success", "views": post['views']}, 200
+    return {"status": "error", "message": "Post not found"}, 404
+
 # Registration
 @app.route('/register', methods=['GET', 'POST'])
 def register():
@@ -521,7 +532,7 @@ def login():
     </body>
     </html>
     '''
-    return render_template_string(html, is_authenticated=is_authenticated, username=username)
+    return render_template_string(html, is_authenticated=isAuthenticated, username=username)
 
 # Logout
 @app.route('/logout')
@@ -663,7 +674,7 @@ def feed():
                             <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                         </video>
                     {% else %}
-                        <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event)">
+                        <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
                     {% endif %}
                     <h2>{{ post['title'] }}</h2>
                     <p>{{ post['description'] }}</p>
@@ -684,12 +695,28 @@ def feed():
                 document.body.classList.toggle('dark');
                 localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
             }
-            function openModal(src, event) {
+            function openModal(src, event, postId) {
                 event.preventDefault();
                 const modal = document.getElementById('imageModal');
                 const modalImg = document.getElementById('modalImage');
                 modal.style.display = 'flex';
                 modalImg.src = src;
+
+                // Увеличиваем счётчик просмотров через AJAX
+                fetch(`/increment_view/${postId}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    }
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        const statsElement = event.target.closest('.post-item').querySelector('.stats');
+                        statsElement.textContent = `Views: ${data.views} | Likes: ${statsElement.textContent.split('|')[1].trim()}`;
+                    }
+                })
+                .catch(error => console.error('Error incrementing view:', error));
             }
             function closeModal(event) {
                 if (event.target.tagName !== 'IMG') {
@@ -818,7 +845,7 @@ def post_page(post_id):
                     <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                 </video>
             {% else %}
-                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src)">
+                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, '{{ post['id'] }}')">
             {% endif %}
             <p>{{ post['description'] }}</p>
             <p>Uploaded by: <a href="{{ url_for('user_profile', username=post['uploader']) }}" class="username-link">{{ post['uploader'] }}</a> | {{ post['upload_date'] }}</p>
@@ -831,7 +858,7 @@ def post_page(post_id):
                 </form>
                 <form method="POST" class="comment-section">
                     <textarea name="comment" placeholder="Leave a comment" rows="4"></textarea>
-                    <button type="submit" class="btn">Submit</button>
+                    <button type="submitNC" class="btn">Submit</button>
                 </form>
             {% endif %}
             <h3 style="margin-top: 40px; font-size: 1.8em;">Comments</h3>
@@ -856,11 +883,26 @@ def post_page(post_id):
                 document.body.classList.toggle('dark');
                 localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
             }
-            function openModal(src) {
+            function openModal(src, postId) {
                 const modal = document.getElementById('imageModal');
                 const modalImg = document.getElementById('modalImage');
                 modal.style.display = 'flex';
                 modalImg.src = src;
+
+                // Увеличиваем счётчик просмотров через AJAX
+                fetch(`/increment_view/${postId}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    }
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        document.querySelector('p:contains("Views:")').textContent = `Views: ${data.views} | Likes: {{ post['likes']|length }}`;
+                    }
+                })
+                .catch(error => console.error('Error incrementing view:', error));
             }
             function closeModal(event) {
                 if (event.target.tagName !== 'IMG') {
@@ -1065,7 +1107,7 @@ def profile():
                                     <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                                 </video>
                             {% else %}
-                                <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event)">
+                                <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
                             {% endif %}
                             <h3>{{ post['title'] }}</h3>
                         </a>
@@ -1093,12 +1135,30 @@ def profile():
                 document.body.classList.toggle('dark');
                 localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
             }
-            function openModal(src, event) {
+            function openModal(src, event, postId) {
                 event.preventDefault();
                 const modal = document.getElementById('imageModal');
                 const modalImg = document.getElementById('modalImage');
                 modal.style.display = 'flex';
                 modalImg.src = src;
+
+                // Увеличиваем счётчик просмотров через AJAX
+                fetch(`/increment_view/${postId}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    }
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        // Обновляем общее количество просмотров на странице профиля
+                        const totalViewsElement = document.querySelector('.profile-info p:contains("Views:")');
+                        const currentLikes = totalViewsElement.textContent.split('|')[1].trim();
+                        totalViewsElement.textContent = `Views: ${parseInt(totalViewsElement.textContent.split(' ')[1]) + 1} | ${currentLikes}`;
+                    }
+                })
+                .catch(error => console.error('Error incrementing view:', error));
             }
             function closeModal(event) {
                 if (event.target.tagName !== 'IMG') {
@@ -1265,7 +1325,7 @@ def user_profile(username):
                                     <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                                 </video>
                             {% else %}
-                                <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event)">
+                                <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
                             {% endif %}
                             <h3>{{ post['title'] }}</h3>
                         </a>
@@ -1289,12 +1349,30 @@ def user_profile(username):
                 document.body.classList.toggle('dark');
                 localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
             }
-            function openModal(src, event) {
+            function openModal(src, event, postId) {
                 event.preventDefault();
                 const modal = document.getElementById('imageModal');
                 const modalImg = document.getElementById('modalImage');
                 modal.style.display = 'flex';
                 modalImg.src = src;
+
+                // Увеличиваем счётчик просмотров через AJAX
+                fetch(`/increment_view/${postId}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    }
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        // Обновляем общее количество просмотров на странице профиля
+                        const totalViewsElement = document.querySelector('.profile-info p:contains("Views:")');
+                        const currentLikes = totalViewsElement.textContent.split('|')[1].trim();
+                        totalViewsElement.textContent = `Views: ${parseInt(totalViewsElement.textContent.split(' ')[1]) + 1} | ${currentLikes}`;
+                    }
+                })
+                .catch(error => console.error('Error incrementing view:', error));
             }
             function closeModal(event) {
                 if (event.target.tagName !== 'IMG') {
@@ -1385,7 +1463,7 @@ def upload():
     <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">
+       (groups porn, bbc porn, qos, queen of spades, big black cock">
         <title>Upload Content - Content Hub</title>
         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
@@ -1620,7 +1698,7 @@ def admin_panel():
                                     <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                                 </video>
                             {% else %}
-                                <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}">
+                                <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
                             {% endif %}
                             <h2>{{ post['title'] }}</h2>
                         </a>
@@ -1637,6 +1715,9 @@ def admin_panel():
                 {% endif %}
             </div>
         </div>
+        <div class="modal" id="imageModal" onclick="closeModal(event)">
+            <img id="modalImage" src="">
+        </div>
         <script>
             function toggleSidebar() {
                 document.getElementById('sidebar').classList.toggle('active');
@@ -1645,6 +1726,33 @@ def admin_panel():
                 document.body.classList.toggle('dark');
                 localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
             }
+            function openModal(src, event, postId) {
+                event.preventDefault();
+                const modal = document.getElementById('imageModal');
+                const modalImg = document.getElementById('modalImage');
+                modal.style.display = 'flex';
+                modalImg.src = src;
+
+                // Увеличиваем счётчик просмотров через AJAX
+                fetch(`/increment_view/${postId}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    }
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        alert('View incremented! New count: ' + data.views); // Временное уведомление для проверки
+                    }
+                })
+                .catch(error => console.error('Error incrementing view:', error));
+            }
+            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 videos = document.querySelectorAll('.post-preview');