From 78d4fedb033351a85eef461d800c8e2aa404a3eb Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Mon, 11 Apr 2022 13:21:28 +0200
Subject: index.html: commands closer to buttons

---
 html/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/html/index.html b/html/index.html
index 89882b9..00ca4b5 100644
--- a/html/index.html
+++ b/html/index.html
@@ -25,34 +25,34 @@
       <div class="row">
         <div class="col">
           <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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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">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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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">
               <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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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">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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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">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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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">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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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">Data not loaded.</pre>
           </div>
@@ -286,7 +286,7 @@ function create_user_block(name, lbl, cmd) {
     let pre_id = `${lbl}_user_${name}`;
     let collapse_id = `collapse_${pre_id}`;
     let button_params = {
-        'class': 'btn btn-outline-primary btn-sm mr-3',
+        'class': 'btn btn-outline-primary btn-sm mr-2',
         'data-toggle': 'collapse',
         'data-target': '#' + collapse_id
     };
-- 
cgit v1.2.3


From 1b4f109dc602a2215500367115d1b4dfad35f0b5 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Mon, 11 Apr 2022 13:25:06 +0200
Subject: index.html: get rid of stupid # <a>nchors

---
 html/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html/index.html b/html/index.html
index 00ca4b5..3ba167a 100644
--- a/html/index.html
+++ b/html/index.html
@@ -16,8 +16,8 @@
               <p class="mb-0 small">refreshed every <span id="status_refresh_interval">-</span> seconds</p>
             </div>
             <div class="btn-group" role="group" id="power_buttons">
-              <a role="button" class="btn btn-sm btn-warning" href="#" onclick="reboot();">Reboot</a>
-              <a role="button" class="btn btn-sm btn-danger" href="#" onclick="shutdown();">Shutdown</a>
+              <button type="button" class="btn btn-sm btn-warning" onclick="reboot();">Reboot</button>
+              <button type="button" class="btn btn-sm btn-danger" onclick="shutdown();">Shutdown</button>
             </div>
           </div>
         </div>
-- 
cgit v1.2.3


From 847d17c41d96722ce1bada22274ce0da1669e127 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Mon, 11 Apr 2022 13:29:26 +0200
Subject: index.html: hostname header too large on mobile

---
 html/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html/index.html b/html/index.html
index 3ba167a..e3ac8b3 100644
--- a/html/index.html
+++ b/html/index.html
@@ -12,7 +12,7 @@
         <div class="col">
           <div style="display: flex; justify-content: space-between; align-items: center; gap: .5em;">
             <div>
-              <h1 id="hostname">-</h1>
+              <h1 class="h2" id="hostname">-</h1>
               <p class="mb-0 small">refreshed every <span id="status_refresh_interval">-</span> seconds</p>
             </div>
             <div class="btn-group" role="group" id="power_buttons">
-- 
cgit v1.2.3


From 23ddfc61a62645231e5c3dc2fc3faeff9670215c Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Mon, 11 Apr 2022 13:37:20 +0200
Subject: index.html: shorten commands

---
 html/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/html/index.html b/html/index.html
index e3ac8b3..c472a34 100644
--- a/html/index.html
+++ b/html/index.html
@@ -37,22 +37,22 @@
             </div>
           </div>
           <hr>
-          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" 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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" data-toggle="collapse" data-target="#collapse_failed_system">+</button><a href="#collapse_failed_system" data-toggle="collapse"><code>systemctl list-units --failed</code></a></p>
           <div class="collapse show" id="collapse_failed_system">
             <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-2" data-toggle="collapse" data-target="#collapse_overview_system">+</button><a href="#collapse_overview_system" data-toggle="collapse"><code>systemctl --system status</code></a></p>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" data-toggle="collapse" data-target="#collapse_overview_system">+</button><a href="#collapse_overview_system" data-toggle="collapse"><code>systemctl status</code></a></p>
           <div class="collapse" id="collapse_overview_system">
             <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-2" 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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" data-toggle="collapse" data-target="#collapse_timers_system">+</button><a href="#collapse_timers_system" data-toggle="collapse"><code>systemctl list-timers --all</code></a></p>
           <div class="collapse" id="collapse_timers_system">
             <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-2" 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>
+          <p><button type="button" class="btn btn-outline-primary btn-sm mr-2" data-toggle="collapse" data-target="#collapse_journal_system">+</button><a href="#collapse_journal_system" data-toggle="collapse"><code>journalctl -b --lines=20</code></a></p>
           <div class="collapse" id="collapse_journal_system">
             <pre class="pre-scrollable" id="journal_system">Data not loaded.</pre>
           </div>
@@ -313,10 +313,10 @@ function add_user(name) {
         .append($('<div/>', {'class': 'col'})
             .append($('<h2/>').text(name))
             .append($('<hr/>'))
-            .append(create_user_block(name, 'failed', 'systemctl --user list-units --failed'))
-            .append(create_user_block(name, 'overview', 'systemctl --user status'))
-            .append(create_user_block(name, 'timers', 'systemctl --user list-timers --all'))
-            .append(create_user_block(name, 'journal', 'journalctl --user -b --lines=20')));
+            .append(create_user_block(name, 'failed', 'systemctl list-units --failed'))
+            .append(create_user_block(name, 'overview', 'systemctl status'))
+            .append(create_user_block(name, 'timers', 'systemctl list-timers --all'))
+            .append(create_user_block(name, 'journal', 'journalctl -b --lines=20')));
 
     $('#users').append(container);
     $('#collapse_failed_user_' + name).addClass('show');
-- 
cgit v1.2.3