index.html: display placeholders if no data

1 files changed, 10 insertions, 7 deletions

diff --git a/html/index.html b/html/index.html
index 5a4f56f..a116867 100644
--- a/html/index.html
+++ b/html/index.html
@@ -25,32 +25,34 @@
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm mr-3" data-toggle="collapse" data-target="#collapse_top">+</button><a href="#collapse_top" data-toggle="collapse"><code>top</code></a> <span class="float-right"><small>refreshed every <span id="top_refresh_interval">-</span> seconds</small></span></p>
           <div class="collapse show" id="collapse_top">
-            <pre class="pre-scrollable" id="top"></pre>
+            <pre class="pre-scrollable" id="top">Data not loaded.</pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm mr-3" data-toggle="collapse" data-target="#collapse_docker">+</button><a href="#collapse_docker" data-toggle="collapse"><code>docker ps -a</code></a></p>
           <div class="collapse" id="collapse_docker">
-            <div id="docker">No data has been loaded yet.</div>
+            <div id="docker">
+              <pre class="pre-scrollable">Data not loaded.</pre>
+            </div>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm mr-3" data-toggle="collapse" data-target="#collapse_failed_system">+</button><a href="#collapse_failed_system" data-toggle="collapse"><code>systemctl --system list-units --failed</code></a></p>
           <div class="collapse show" id="collapse_failed_system">
-            <pre class="pre-scrollable" id="failed_system"></pre>
+            <pre class="pre-scrollable" id="failed_system">Data not loaded.</pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm mr-3" data-toggle="collapse" data-target="#collapse_overview_system">+</button><a href="#collapse_overview_system" data-toggle="collapse"><code>systemctl --system status</code></a></p>
           <div class="collapse" id="collapse_overview_system">
-            <pre class="pre-scrollable" id="overview_system"></pre>
+            <pre class="pre-scrollable" id="overview_system">Data not loaded.</pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm mr-3" data-toggle="collapse" data-target="#collapse_timers_system">+</button><a href="#collapse_timers_system" data-toggle="collapse"><code>systemctl --system list-timers --all</code></a></p>
           <div class="collapse" id="collapse_timers_system">
-            <pre class="pre-scrollable" id="timers_system"></pre>
+            <pre class="pre-scrollable" id="timers_system">Data not loaded.</pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm mr-3" data-toggle="collapse" data-target="#collapse_journal_system">+</button><a href="#collapse_journal_system" data-toggle="collapse"><code>journalctl --system -b --lines=20</code></a></p>
           <div class="collapse" id="collapse_journal_system">
-            <pre class="pre-scrollable" id="journal_system"></pre>
+            <pre class="pre-scrollable" id="journal_system">Data not loaded.</pre>
           </div>
           <hr>
         </div>
@@ -258,7 +260,8 @@ function create_user_block(name, lbl, cmd) {
             .append($('<a/>', a_params)
                 .append($('<code/>').text(cmd))))
         .append($('<div/>', {'class': 'collapse', id: collapse_id})
-            .append($('<pre/>', {'class': 'pre-scrollable', id: pre_id})))
+            .append($('<pre/>', {'class': 'pre-scrollable', id: pre_id})
+                .text('Data not loaded.')))
         .append($('<hr/>'));
 }