Feeder homepage: declutter update text

Make the main explanation less verbose (and, frankly, clearer) and hide the duration details behind a toggle. Signed-off-by: Dirk Hohndel <[email protected]>
dirkhh · Dec 25, 2024 · fe51ab3 · fe51ab3
1 parent 8b10f9d
commit fe51ab3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/release-notes.md b/release-notes.md
@@ -1,4 +1,5 @@
 Changes since v2.2.4 include:
+- feeder homepage: small changes to declutter the page
 - dietpi: new images support using ethernet with wifi configured (still needs reboot for ethernet to activate)
 - statistics: send old version to adsb.im after update
 - dietpi: fix os update from webinterface producing a bad state requiring reboot

diff --git a/src/modules/adsb-feeder/filesystem/root/opt/adsb/adsb-setup/templates/index.html b/src/modules/adsb-feeder/filesystem/root/opt/adsb/adsb-setup/templates/index.html
@@ -209,14 +209,16 @@ <h5>
       <h5 class="mt-1">Update feeder applications</h5>
       <form method="POST" onsubmit="show_spinner(); return true;">
         <label for="update_feeder_aps">
-          Update to the current ADS-B feeder applications (i.e. the web UI, setup apps, and
-          containers). Either the latest beta or stable version.
-          <br />
-          <span class="small">If this update brings in new container images, even with a fast internet connection this
-            can easily take more than ten minutes to complete. The web UI will pause while the update is running, but
-            the feeder apps will only be briefly interrupted once all new components have been downloaded.</span>
+          Update the web UI, setup apps, and containers to the latest beta or stable version.
+          <span onclick="$('#update_explain').toggleClass('d-none'); return false;">
+          <a class="small" href="">Toggle update duration information</a>
+          </span>
+          <span class="small d-none" id="update_explain"><br/>If this update brings in new container images, even with a fast
+            internet connection this can easily take more than ten minutes to complete. The web UI will pause while the
+            update is running, but the feeder apps will only be briefly interrupted once all new components have been
+            downloaded.</span>
         </label>
-        <div>
+        <div class="mt-2">
           <button type="submit" class="btn btn-primary mb-3 ml-3 col-md-2" name="update_feeder_aps_beta"
                   id="update_feeder_aps_beta" disabled value="go">Update (beta)</button>
           <button type="submit" class="btn btn-primary mb-3 ml-3 col-md-2" name="update_feeder_aps_stable"