Enhance topic detail view by prefetching author yearly stats and update footer styling for improved layout

core/templates/base.html

@@ -59,7 +59,7 @@
     </main>
 
     <!-- Footer -->
-    <footer class="bg-dark text-white text-center py-1 mt-auto">
+    <footer class="bg-dark text-white text-center mt-2 pt-2">
         <div class="container">
             <p>&copy; 2025 BridgeMentor. All rights reserved. v0.001, α-testing </p>
             <div style="border: 1px solid #ccc; margin-bottom: 20px; text-align: center;">

core/templates/topic/detail.html

@@ -1,11 +1,70 @@
 {% extends "base.html" %}
 {% block title %}{{ item.name }}{% endblock %}
+{% block css %}
+<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css">
+{% endblock %}
 {% block content %}
 <h2>{{ item.name }}</h2>
 <h3>Researchers in this Topic:</h3>
-<ul>
-    {% for author_topic in authors %}
-    <li><a href="{% url 'author_detail' author_topic.author.id %}">{{ author_topic.author.name }}</a></li>
-    {% endfor %}
-</ul>
+<table id="authors-table" class="display responsive nowrap" style="width:100%">
+    <thead>
+        <tr>
+            <th>Name</th>
+            <th>Affiliation</th>
+            <th>i10</th>
+            <th>Cited</th>
+            <th>Works</th>
+            <th>Mean 2-Year Citedness</th>
+            <th>Active</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for author_topic in authors %}
+        <tr>
+            <td>
+                <a href="{% url 'author_detail' author_topic.author.id %}">
+                    {{ author_topic.author.name }}
+                </a>
+            </td>
+            <td>
+                {% with author_topic.author.latest_affiliation as affiliation %}
+                {% if affiliation %}
+                {{ affiliation.institution.name }}
+                {% else %}
+                Latest affiliation
+                {% endif %}
+                {% endwith %}
+            </td>
+            <td>{{ author_topic.author.i10_index }}</td>
+            <td>{{ author_topic.author.cited_by_count }}</td>
+            <td>{{ author_topic.author.works_count }}</td>
+            <td>{{ author_topic.author.mean_2yr_citedness|floatformat:2 }}</td>
+            <td>
+                {% with author_topic.author.yearly_stats.last as last_stat %}
+                {% if last_stat %}
+                {{ last_stat.year }}
+                {% else %}
+                N/A
+                {% endif %}
+                {% endwith %}
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+{% endblock %}
+{% block js %}
+<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
+<script>
+    document.addEventListener("DOMContentLoaded", function () {
+        $('#authors-table').DataTable({
+            responsive: true, // Ensures responsiveness
+            search: true,
+            paging: true,
+            ordering: true,
+            info: true,
+        });
+    });
+</script>
 {% endblock %}

core/views.py

@@ -160,7 +160,8 @@ def topic_list(request):
 
 def topic_detail(request, pk):
     topic = get_object_or_404(Topic, id=pk)
-    authors = AuthorTopic.objects.filter(topic=topic).select_related('author')
+    authors = AuthorTopic.objects.filter(topic=topic).select_related(
+        'author').prefetch_related('author__yearly_stats')
     return render(request, 'topic/detail.html', {'item': topic, 'authors': authors})
 
 # Author views