small loader qol on bib refresh + tweaking bib column span

UCL · Jan 6, 2025 · a9fd110 · a9fd110
1 parent f2e584b
commit a9fd110
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/src/rard/templates/research/citingauthor_detail.html b/src/rard/templates/research/citingauthor_detail.html
@@ -138,16 +138,33 @@ <h5>{% trans 'Linked Material' %}</h5>
             <div>
                 <h5>{% trans 'Bibliography' %}</h5>
             </div>
+            <div class="loader-wrapper">
+            <div class="loader" id="loader"></div>
+        </div>
             <div class="d-flex flex-column">
                 {% if perms.research.change_citingauthor and has_object_lock %}
-                 <button type="button" class='btn text-primary text-right d-block' hx-get="{% url "citingauthor:refresh_bibliography" pk=citingauthor.pk %}" hx-trigger="click">{% trans 'Refresh bibliography from mentions' %}</button>
+                 <button type="button" id="bib-refresh" class='btn text-primary text-right d-block' hx-get="{% url "citingauthor:refresh_bibliography" pk=citingauthor.pk %}" hx-trigger="click">{% trans 'Refresh bibliography from mentions' %}</button>
 
                 {% endif %}
             </div>
         </div>
+
         {% include 'research/partials/citing_author_bibliography_list.html' with bibliography_items=object.bibliography_items %}
     </section>
 
     {% endwith %}
-
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const refreshBtn = document.getElementById("bib-refresh");
+        refreshBtn.addEventListener("click", function() {
+            const loader = document.querySelector('.loader-wrapper > .loader');
+            if (loader) {
+                loader.style.visibility = 'visible';
+                setTimeout(function() {
+                    loader.style.visibility = 'hidden';
+                }, 2000);
+            }
+        });
+    });
+</script>
 {% endblock %}
diff --git a/src/rard/templates/research/partials/bibliography_list_item.html b/src/rard/templates/research/partials/bibliography_list_item.html
@@ -9,8 +9,7 @@
 
             <div class="col-sm-3"><a href='{% url "bibliography:detail" item.pk %}'>{{ item.authors }}</a></div>
             <div class="col-sm-2">{% if item.year %}{{ item.year }}{% endif %}</div>
-            <div class="col-sm-4"><a href='{% url "bibliography:detail" item.pk %}'>{{ item.title|safe }}</a></div>
-
+            <div class="col-sm-6"><a href='{% url "bibliography:detail" item.pk %}'>{{ item.title|safe }}</a></div>
 
     </div>
 </div>
diff --git a/src/rard/templates/research/partials/citing_author_bibliography_list.html b/src/rard/templates/research/partials/citing_author_bibliography_list.html
@@ -3,6 +3,7 @@
 hx-get="{% url 'citingauthor:bibliography' pk=citingauthor.pk %}"
 hx-swap="outerHTML">
 
+
 {% for item in bibliography_items.all %}
 
 {% include 'research/partials/bibliography_list_item.html' with can_edit=perms.research.change_citingauthor has_object_lock=has_object_lock %}