124 featcatalog content poster selection and merging

.env.example

@@ -1,3 +1,4 @@
 API_KEY_8080=secret8080
 API_KEY_8081=secret8081
 API_KEY_8082=secret8082
+DATABASE_URL=postgres://mi_usuario:mi_password_seguro@db:5432/joinproject_db

.github/scripts/depth_conditional_nesting_GP.py

@@ -85,10 +85,10 @@ def visit_If(self, node: ast.If) -> None:
 
 def get_status_code(max_depth: int) -> str:
     if max_depth > CRITICAL_THRESHOLD:
-        return "❌ CRITICAL"
+        return "CRITICAL"
     if max_depth >= WARNING_THRESHOLD:
-        return "🚨 WARNING"
-    return "✅ OK"
+        return "WARNING"
+    return "OK"
 
 
 def get_metrics(filepath: Path) -> Optional[Dict[str, Any]]:
@@ -144,7 +144,7 @@ def main() -> None:
             all_results.append({
                 "file": str(filepath),
                 "avg_depth": metrics["avg"],
-                "max_depth": metrics["max"],
+                "max_nesting_depth": metrics["max"],
                 "status_code": metrics["status_code"]
             })
             if metrics["max"] > CRITICAL_THRESHOLD:

.github/scripts/fog_comments_indexGP.py

@@ -1,12 +1,10 @@
-import re
-import os
-import sys
-import json
-import textstat
+import re, os, sys, json, textstat
 from pathlib import Path
 
 SUPPORTED_EXTENSIONS = {'.py', '.js', '.ts', '.cpp', '.java', '.html'}
 
+EXCLUDE_DIRS = {'.git', 'node_modules', 'venv', 'env', '__pycache__', 'dist'}
+
 def extract_comments(file_path):
     extension = os.path.splitext(file_path)[1]
 
@@ -75,7 +73,7 @@ def scan(target_path):
 
     files = (
         [path] if path.is_file()
-        else [f for f in path.rglob('*') if f.suffix in SUPPORTED_EXTENSIONS]
+        else [f for f in path.rglob('*') if f.suffix in SUPPORTED_EXTENSIONS and not any(part in EXCLUDE_DIRS for part in f.parts)]
     )
 
     results = []
@@ -92,7 +90,7 @@ def scan(target_path):
         results.append({
             "file": str(file),
             "avg_fog": round(avg, 1) if avg else None,
-            "max_fog": round(max_score, 1) if max_score else None,
+            "fog_score": round(max_score, 1) if max_score else None,
             "status_code": status
         })
 

.github/scripts/render-integrity-html.js

@@ -164,15 +164,15 @@ function buildQualitySection(key, data) {
 
   const results = data.results || []
   const totalFiles = (data.summary && data.summary.total_files != null) ? data.summary.total_files : results.length
-  const violations = results.filter((r) => r.status_code !== 'OK' && r.status_code !== 'OK!')
+  const violations = results.filter((r) => r.status_code !== 'OK' && r.status_code !== 'OK!' && r.status_code !== 'NO DATA')
   const passed = totalFiles - violations.length
 
   const findingsHtml = violations.length === 0
     ? `<p style="color:#64748b;font-style:italic;margin:0;font-size:14px">All ${totalFiles} file(s) passed — no violations found.</p>`
     : violations.map((r) => {
         const val = r[qm.metric]
         const display = typeof val === 'number' ? val.toFixed(qm.decimals) : (val ?? '?')
-        const lvl = (r.status_code === 'DANGER' || r.status_code === '⚠️ IMPROVE NAMING') ? 'error' : 'warning'
+        const lvl = (r.status_code === 'DANGER' || r.status_code === '⚠️ IMPROVE NAMING' || r.status_code === 'COMPLEX') ? 'error' : 'warning'
         return `
       <div style="display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f1f5f9">
         <div style="flex-shrink:0;padding-top:1px">${chip(lvl)}</div>
@@ -225,7 +225,7 @@ const qualitySummaryRows = quality
       const qm = QUALITY_META[key]
       const data = quality[key]
       const status = qualityJobStatus(data)
-      const violations = data ? (data.results || []).filter((r) => r.status_code !== 'OK' && r.status_code !== 'OK!').length : 0
+      const violations = data ? (data.results || []).filter((r) => r.status_code !== 'OK' && r.status_code !== 'OK!' && r.status_code !== 'NO DATA').length : 0
       return `
   <tr>
     <td style="padding:12px 16px"><strong>${qm.icon} ${esc(qm.name)}</strong></td>

.github/workflows/quality-pipeline.yml

@@ -328,7 +328,7 @@ jobs:
       - name: Run fog index analysis
         run: |
           mkdir -p quality-job4
-          python .github/scripts/fog_comments_indexGP.py src/ \
+          python .github/scripts/fog_comments_indexGP.py . \
             > quality-job4/fog-results.json
           cat quality-job4/fog-results.json
 

.gitignore

@@ -14,4 +14,4 @@ db.sqlite3
 media/
 env/
 staticfiles/
-
+.vscode/

Dockerfile

@@ -1,18 +1,15 @@
-FROM python:3.13-slim
+FROM python:3.12-slim
 
 WORKDIR /app
 
 COPY ./requirements.txt /app/
 
-RUN pip install -r requirements.txt
+RUN pip install --upgrade pip && pip install -r requirements.txt
 
 COPY . .
 
 EXPOSE 8000
 
 RUN python manage.py collectstatic --noinput
 
-CMD python3 manage.py migrate && python3 manage.py runserver 0.0.0.0:8000
-
-
-
+CMD python3 manage.py migrate --fake-initial && gunicorn web.wsgi:application --bind 0.0.0.0:${PORT:-8000} --timeout 90

Templates/Details/details_base.html

@@ -8,21 +8,28 @@
 {% block content %}
 <div class="details-wrapper">
     <aside class="details-sidebar">
+        {% if content.poster_path %}
+        <div class="poster-container">
+            <img src="{{ content.poster_path }}" alt="{{ content.title }}" class="details-poster">
+        </div>
+        {% endif %}
         <div class="side-meta">
-            <span class="label-neon">StreamSync Premium</span>
             <h1 class="main-title">{{ content.title }}</h1>
 
             <div class="badge-group">
+                {% if content.genre %}
                 <span class="badge">{{ content.genre.name }}</span>
+                {% endif %}
                 {% if content.age_rating %}
                     <span class="badge">{{ content.age_rating.description }}</span>
                 {% endif %}
+                {% if content.rating %}
                 <span class="badge" style="color: var(--rating); border-color: rgba(245, 197, 24, 0.2);">★ {{ content.rating }}</span>
+                {% endif %}
             </div>
         </div>
 
         <div class="side-info-list" style="display: flex; flex-direction: column; gap: 12px;">
-            {# Los archivos hijos (movie_detail y series_detail) rellenarán esto #}
             {% block content_metadata %}{% endblock %}
 
             {% if content.director %}
@@ -31,8 +38,22 @@ <h1 class="main-title">{{ content.title }}</h1>
                 <div class="data-card-value">{{ content.director.name }}</div>
             </div>
             {% endif %}
-
-            {% block platforms %}{% endblock %}
+
+            <div class="data-card">
+                <div class="data-card-label">Disponible en:</div>
+                <div class="data-card-value api-buttons-container">
+                    {% for api in available_apis %}
+                        <button class="api-btn track-platform-btn"
+                                data-contingut-id="{{ content.contingut.id }}"
+                                data-api-id="{{ api.id }}">
+                            {{ api.name|default:api.port }}
+                            <span class="api-stats"></span>
+                        </button>
+                    {% empty %}
+                        <span style="font-size: 12px; color: var(--tm);">No hay información de API disponible.</span>
+                    {% endfor %}
+                </div>
+            </div>
         </div>
     </aside>
 
@@ -48,51 +69,129 @@ <h2 class="section-title">Sinopsis</h2>
             <h2 class="section-title">Acciones</h2>
             <div style="display: flex; gap: 16px;">
                 {% if user.is_authenticated %}
-                    <button id="btn-save" class="btn-action" 
+                    <button id="btn-save" class="btn-action"
                             data-url="{% block favorite_url %}{% endblock %}">
                         {% if is_favorite %} Dejar de seguir {% else %} Seguir {% endif %}
                     </button>
                 {% endif %}
             </div>
         </section>
+
+        <section class="community-reviews-section">
+            <h2 class="section-title">Valoracions de la comunitat</h2>
+
+            <div class="rating-summary">
+                {% if total_reviews > 0 %}
+                    <span class="stars-avg">★ {{ avg_rating|floatformat:1 }}</span>
+                    <span class="count">({{ total_reviews }})</span>
+                {% else %}
+                    <span class="count" style="font-style: italic;">Sense valoracions encara</span>
+                {% endif %}
+            </div>
+
+            {% if user.is_authenticated %}
+            <div class="review-form-container">
+                <h4>Deixa la teva opinió</h4>
+                <form action="{% url 'submit_review' content.contingut.id %}" method="POST">
+                    {% csrf_token %}
+
+                    <div class="star-rating-input">
+                        {% for i in "54321" %}
+                        <input type="radio" id="star{{i}}" name="rating" value="{{i}}" required />
+                        <label for="star{{i}}" class="star-label">★</label>
+                        {% endfor %}
+                    </div>
+
+                    <textarea name="comment" class="review-textarea" placeholder="Què t'ha semblat?"></textarea>
+
+                    <button type="submit" class="submit-btn mt-3">Publicar valoració</button>
+                </form>
+            </div>
+            {% endif %}
+
+            <div class="reviews-list">
+                {% for review in reviews %}
+                <div class="review-card">
+                    <div class="review-header">
+                        <span class="review-user">{{ review.user.username }}</span>
+                        <span class="review-stars">
+                            {% for i in "12345" %}
+                                {% if forloop.counter <= review.puntuacio %}★{% else %}<span style="opacity:0.3">★</span>{% endif %}
+                            {% endfor %}
+                        </span>
+                    </div>
+                    <div class="review-date">{{ review.creada_a|date:"d M Y" }}</div>
+                    {% if review.comentari %}
+                        <p class="review-text">{{ review.comentari }}</p>
+                    {% endif %}
+                </div>
+                {% empty %}
+                <p style="color: rgba(255,255,255,0.5);">Sigues el primer en valorar aquest contingut!</p>
+                {% endfor %}
+            </div>
+        </section>
     </div>
 </div>
 
+<div id="history-toast" class="toast-notification">✅ Añadido a tu historial</div>
+
 <script>
 document.addEventListener('DOMContentLoaded', () => {
+    // 1. Lógica del botón de favoritos (Seguir / Dejar de seguir)
     const favoriteBtn = document.getElementById('btn-save');
-
     if (favoriteBtn) {
         favoriteBtn.addEventListener('click', function() {
-            // Lee la URL específica generada por el bloque de Django
             const targetUrl = this.getAttribute('data-url');
-            const btn = this;
-
             fetch(targetUrl, {
+                method: 'POST',
+                headers: { 'X-CSRFToken': '{{ csrf_token }}', 'Content-Type': 'application/json' }
+            })
+            .then(response => response.json())
+            .then(data => {
+                this.innerText = (data.status === 'added') ? 'Dejar de seguir' : 'Seguir';
+                this.style.color = (data.status === 'added') ? 'var(--cyan)' : 'var(--tm)';
+            });
+        });
+    }
+
+    // 2. Lógica de tracking asíncrono de clics en plataformas (Issue #24)
+    const platformButtons = document.querySelectorAll('.track-platform-btn');
+    const toast = document.getElementById('history-toast');
+
+    platformButtons.forEach(btn => {
+        btn.addEventListener('click', function() {
+            const contingutId = this.getAttribute('data-contingut-id');
+            const apiId = this.getAttribute('data-api-id');
+            const statsSpan = this.querySelector('.api-stats');
+
+            fetch("{% url 'register_platform_click' %}", {
                 method: 'POST',
                 headers: {
-                    // Al estar incrustado en el template, Django inyecta el token aquí directamente
                     'X-CSRFToken': '{{ csrf_token }}',
                     'Content-Type': 'application/json'
-                }
+                },
+                body: JSON.stringify({ contingut_id: contingutId, api_id: apiId })
             })
             .then(response => {
-                if (!response.ok) throw new Error('Error en la petición');
+                if (!response.ok) throw new Error('Error en el registro del clic');
                 return response.json();
             })
             .then(data => {
-                // Actualización directa de la interfaz gráfica
-                if (data.status === 'added') {
-                    btn.innerText = 'Quitar de la lista';
-                    btn.style.color = 'var(--cyan)';
-                } else {
-                    btn.innerText = 'Seguir';
-                    btn.style.color = 'var(--tm)';
+                if (data.status === 'success') {
+                    // Feedback visual inmediato en el botón e inyección de la métrica
+                    this.classList.add('clicked');
+                    statsSpan.innerText = `(${data.total_clicks} views)`;
+
+                    // Disparar el banner flotante (Toast)
+                    toast.classList.add('show');
+                    setTimeout(() => {
+                        toast.classList.remove('show');
+                    }, 3000);
                 }
             })
-            .catch(error => console.error('Error:', error));
+            .catch(error => console.error('Error tracking click:', error));
         });
-    }
+    });
 });
 </script>
 {% endblock %}

Templates/Details/details_movie.html

@@ -7,4 +7,26 @@
 </div>
 {% endblock %}
 
-{% block favorite_url %}{% url 'toggle_movie_favorite' content.id %}{% endblock %}
+{% block favorite_url %}{% url 'toggle_movie_favorite' content.id %}{% endblock %}
+
+{% block extra_main_content %}
+<div class="recommendations-section" style="margin: 30px 0;">
+    <h3 class="section-title">També et pot agradar...</h3>
+    <div class="recommendations-grid" style="display: flex; gap: 15px; overflow-x: auto; padding-bottom: 10px;">
+        {% for rec in recommendations %}
+            <a href="{% url 'movie_detail' rec.id %}" style="text-decoration: none; color: white; min-width: 140px;">
+                {% if rec.poster_path %}
+                    <img src="{{ rec.poster_path }}" alt="{{ rec.title }}" style="width: 140px; height: 210px; object-fit: cover; border-radius: 8px;">
+                {% else %}
+                    <div style="width: 140px; height: 210px; background: rgba(255,255,255,0.05); border-radius: 8px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px;">
+                        {{ rec.title }}
+                    </div>
+                {% endif %}
+                <p style="font-size: 0.9rem; margin-top: 8px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ rec.title }}</p>
+            </a>
+        {% empty %}
+            <p style="color: rgba(255,255,255,0.5);">No hi ha recomanacions disponibles.</p>
+        {% endfor %}
+    </div>
+</div>
+{% endblock %}

Templates/base.html

@@ -32,8 +32,6 @@
             {% if user.is_authenticated %}
             <span class="welcome-text">{% trans "Welcome" %} {{ user.username }}</span>
             {% endif %}
-        </div>
-        <div class="header-right">
             <form action="{% url 'set_language' %}" method="post" class="nav-item dropdown">
                 {% csrf_token %}
                 <input name="next" type="hidden" value="{{ redirect_to }}">
@@ -111,7 +109,12 @@
 
         {% if user.is_authenticated %}
         <div class="menu-user">
-            <a href="{% url 'profile' %}">
+            {% if user.type == 'Consumer' %}
+                <a href="{% url 'user_profile' %}" class="hidden-link">
+            {% else %}
+                <a href="{% url 'admin_dashboard' %}" class="hidden-link">
+            {% endif %}
+
                 <div class="user-info">
                     <div class="user-avatar">{{ user.username|first|upper }}</div>
                     <div class="user-details">