From 8738a04dbf409eb517857b14ae7f5e797f8ecead Mon Sep 17 00:00:00 2001
From: Antoine Lambert <anlambert@softwareheritage.org>
Date: Wed, 8 Jan 2025 11:31:57 +0100
Subject: [PATCH] browse: Display a spinner while loading README bytes
Network issues might happen that can slow down the loading
of README byes so display a spinner by default in the card
holding README content.
Fixes #4827.
---
swh/web/browse/templates/includes/readme-display.html | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/swh/web/browse/templates/includes/readme-display.html b/swh/web/browse/templates/includes/readme-display.html
index a1d356542..0ade11050 100644
--- a/swh/web/browse/templates/includes/readme-display.html
+++ b/swh/web/browse/templates/includes/readme-display.html
@@ -5,6 +5,7 @@ License: GNU Affero General Public License version 3, or any later version
See top-level LICENSE file for more information
{% endcomment %}
+{% load static %}
{% load swh_templatetags %}
{% if readme_name %}
@@ -12,7 +13,12 @@ See top-level LICENSE file for more information
<div class="card-header swh-background-gray">
<h4>{{ readme_name }}</h4>
</div>
- <div class="swh-readme card-body"></div>
+ <div class="swh-readme card-body">
+ <div class="text-center">
+ <img src="{% static 'img/swh-spinner.gif' %}" alt="swh spinner" />
+ <p>Loading {{ readme_name }} ...</p>
+ </div>
+ </div>
</div>
{% if readme_html %}
<script>
--
GitLab