diff options
| author | Egor Tensin <Egor.Tensin@gmail.com> | 2018-07-04 00:47:52 +0300 |
|---|---|---|
| committer | Egor Tensin <Egor.Tensin@gmail.com> | 2018-07-04 00:47:52 +0300 |
| commit | fb5d1c645cef763c8eaf1285313b17e5b13d0efa (patch) | |
| tree | 734ac0d3483f5d6c414fbe8e35c94c4ec8b1fcde | |
| parent | README update (diff) | |
| download | linux-status-fb5d1c645cef763c8eaf1285313b17e5b13d0efa.tar.gz linux-status-fb5d1c645cef763c8eaf1285313b17e5b13d0efa.zip | |
add expand/collapse buttons
| -rw-r--r-- | index.html | 15 |
1 files changed, 9 insertions, 6 deletions
@@ -3,13 +3,16 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <title></title> + <title>-</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> <style> .height-limited { max-height: 400px; overflow-y: scroll; } +.button-expand { + margin-right: 1em; +} </style> </head> <body> @@ -18,27 +21,27 @@ <div class="col-sm"> <h1 id="hostname">-</h1> <hr> - <p><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 button-expand" data-toggle="collapse" data-target="#collapse_top">+</button><a href="#collapse_top" data-toggle="collapse"><code>top</code></a> <span class="float-right"><small>updated every <span id="top_refresh_interval">-</span> seconds</small></span></p> <div class="collapse" id="collapse_top"> <pre class="height-limited" id="top"></pre> </div> <hr> - <p><a href="#collapse_systemctl_status_system" data-toggle="collapse"><code>systemctl --system status</code></a></p> + <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_status_system">+</button><a href="#collapse_systemctl_status_system" data-toggle="collapse"><code>systemctl --system status</code></a></p> <div class="collapse" id="collapse_systemctl_status_system"> <pre class="height-limited" id="systemctl_status_system"></pre> </div> <hr> - <p><a href="#collapse_systemctl_status_user" data-toggle="collapse"><code>systemctl --user status</code></a></p> + <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_status_user">+</button><a href="#collapse_systemctl_status_user" data-toggle="collapse"><code>systemctl --user status</code></a></p> <div class="collapse" id="collapse_systemctl_status_user"> <pre class="height-limited" id="systemctl_status_user"></pre> </div> <hr> - <p><a href="#collapse_systemctl_timers_system" data-toggle="collapse"><code>systemctl --system list-timers --all</code></a> <span class="float-right"><small>refreshed every <span id="systemctl_timers_system_refresh_interval">-</span> seconds</small></span></p> + <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_timers_system">+</button><a href="#collapse_systemctl_timers_system" data-toggle="collapse"><code>systemctl --system list-timers --all</code></a> <span class="float-right"><small>updated every <span id="systemctl_timers_system_refresh_interval">-</span> seconds</small></span></p> <div class="collapse" id="collapse_systemctl_timers_system"> <pre class="height-limited" id="systemctl_timers_system"></pre> </div> <hr> - <p><a href="#collapse_systemctl_timers_user" data-toggle="collapse"><code>systemctl --user list-timers --all</code></a> <span class="float-right"><small>refreshed every <span id="systemctl_timers_user_refresh_interval">-</span> seconds</small></span></p> + <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_timers_user">+</button><a href="#collapse_systemctl_timers_user" data-toggle="collapse"><code>systemctl --user list-timers --all</code></a> <span class="float-right"><small>updated every <span id="systemctl_timers_user_refresh_interval">-</span> seconds</small></span></p> <div class="collapse" id="collapse_systemctl_timers_user"> <pre class="height-limited" id="systemctl_timers_user"></pre> </div> |