From 539aea5ae4e35ba0600b39d34cb459f59527bdae Mon Sep 17 00:00:00 2001
From: Jaifroid <egk10@cam.ac.uk>
Date: Mon, 2 Dec 2024 06:29:42 +0000
Subject: [PATCH] Better message frormatting for mirrors

---
 www/css/app.css          | 6 ++++++
 www/js/lib/kiwixServe.js | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/www/css/app.css b/www/css/app.css
index bf296e00..e40657cc 100644
--- a/www/css/app.css
+++ b/www/css/app.css
@@ -394,6 +394,12 @@ footer .btn-xs {
     background: rgba(34,34,34,0.8) !important;
 }
 
+.console {
+    font-size: medium;
+    font-weight:bold;
+    font-family:consolas,monospace;
+}
+
 pre {
     font-weight: bold;
 }
diff --git a/www/js/lib/kiwixServe.js b/www/js/lib/kiwixServe.js
index 536529b6..60f61124 100644
--- a/www/js/lib/kiwixServe.js
+++ b/www/js/lib/kiwixServe.js
@@ -513,13 +513,13 @@ function requestXhttpData (URL, lang, subj, kiwixDate) {
             // Add event listener for click on return link, to go back to list of archives
             document.getElementById('returnLink').addEventListener('click', submitSelectValues);
         } else {
-            downloadLinks.innerHTML = '<span style="font-weight:bold;font-family:consolas,monospace;">' +
+            downloadLinks.innerHTML = '<div class="console">' +
                 '<p style="color:salmon;">Unable to access the server. Please see message below for reason.</p>' +
-                '<p>You can either try again or else open one of these mirror links in a new browser window:</p><ul>';
+                '<p>Try one of these mirror links (opens in a new browser window):</p><ul>';
             params.kiwixDownloadMirrors.forEach(function (mirror) {
-                downloadLinks.innerHTML += '<li><a href="' + mirror + '"' + target + '>' + mirror + '</a></li>';
+                downloadLinks.innerHTML += '<li class="console"><a href="' + mirror + '"' + target + '>' + mirror.replace(/^([^/]+\/\/[^/]+).*/, '$1') + '</a></li>';
             });
-            downloadLinks.innerHTML += '</ul></span><br />';
+            downloadLinks.innerHTML += '</ul></div><br />';
         }
         downloadLinks.style.display = 'block';
     }