Initial commit

block_devices.php

@@ -0,0 +1,16 @@
+<?php
+
+function get_devices()
+{
+    exec("lsblk -J", $raw, $retval);
+
+    if ($retval != 0) {
+        return [];
+    }
+
+    $data = json_decode(implode("", $raw));
+
+    return $data->blockdevices;
+}
+
+?>

device.php

@@ -0,0 +1,123 @@
+<?php
+if ($_GET["name"] == null) {
+    header("Location: /");
+    exit();
+}
+
+function get_data()
+{
+    $cmd = ["sudo", "-n", "/usr/local/sbin/smartctl-proxy.sh", $_GET["name"]];
+    $proc = proc_open($cmd, [1 => ["pipe", "w"]], $pipes);
+
+    if (!is_resource($proc)) {
+        return;
+    }
+
+    $data = stream_get_contents($pipes[1]);
+    fclose($pipes[1]);
+    $retval = proc_close($proc);
+
+    if ($retval == 0) {
+        return json_decode($data);
+    }
+    return $data . "\nProcess exited with $retval";
+}
+
+const NVME_DATA_UNIT = 1000 * 512;
+const GIGABYTE = 10 ** 9;
+const TERABYTE = 10 ** 12;
+
+function data_unit($data)
+{
+    $num = $data * NVME_DATA_UNIT;
+    if ($num < TERABYTE) {
+        return strval(round($num / GIGABYTE, 2)) . " GB";
+    }
+    return strval(round($num / TERABYTE, 2)) . " TB";
+}
+
+$data = get_data();
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="sakura.css">
+	<title>Block Device Status</title>
+</head>
+<body>
+    <h1><?= $_GET["name"] ?></h1>
+    <?php if (is_string($data)) {
+        echo "<pre>";
+        echo $data;
+        echo "</pre>";
+    } else {
+         ?>
+        <table>
+        	<thead>
+        		<tr>
+        			<th>Property</th>
+        			<th>Value</th>
+        		</tr>
+        	</thead>
+        	<tbody>
+                <tr>
+                   	<td>smartctl <?= implode(
+                        ".",
+                        $data->smartctl->version,
+                    ) ?></td>
+                   	<td></td>
+                </tr>
+        		<tr>
+        			<td>Model Name</td>
+        			<td><?= $data->model_name ?></td>
+        		</tr>
+                <tr>
+                    <td>Temperature</td>
+                    <td><?= $data->temperature->current ?> Celcius</td>
+                </tr>
+        	</tbody>
+        </table>
+
+        <h2>SMART data</h2>
+
+        <table>
+            <thead>
+                <tr>
+                    <th>Property</th>
+                    <th>Value</th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php if ($data->device->type == "nvme") {
+                    $health = $data->nvme_smart_health_information_log; ?>
+                    <tr>
+                        <td>Data Units Read</td>
+                        <td><?= number_format($health->data_units_read) .
+                            " (" .
+                            data_unit($health->data_units_read) .
+                            ")" ?></td>
+                    </tr>
+                    <tr>
+                        <td>Data Units Written</td>
+                        <td><?= number_format($health->data_units_written) .
+                            " (" .
+                            data_unit($health->data_units_written) .
+                            ")" ?></td>
+                    </tr>
+                <?php
+                } ?>
+                <tr></tr>
+            </tbody>
+        </table>
+
+        <details>
+            <summary>Original Output</summary>
+            <pre><?= implode("\n", $data->smartctl->output) ?></pre>
+        </details>
+    <?php
+    } ?>
+</body>
+</html>

index.php

@@ -0,0 +1,29 @@
+<?php
+require "block_devices.php";
+
+$devices = get_devices();
+?>
+
+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="stylesheet" href="sakura.css">
+    <title>Server Status</title>
+</head>
+<body>
+    <h1><?php system("hostname"); ?></h1>
+    <ul>
+        <li><a href="zpool.php">ZFS Pool Status</a></li>
+    <?php foreach ($devices as $device) {
+
+        $name = $device->name;
+        if (str_starts_with($name, "zram")) {
+            continue;
+        }
+        ?>
+        <li><a href="device.php?name=<?= $name ?>"><?= $name ?></a></li>
+    <?php
+    } ?>
+    </ul>
+</body>
+</html>

resources/smartctl-proxy.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -euo pipefail
+
+dev="${1:-}"
+
+exec /usr/bin/smartctl --json=co -a "/dev/$dev"
+

resources/sudoers

@@ -0,0 +1 @@
+linesofcodes ALL=(root) NOPASSWD: /usr/local/sbin/smartctl-proxy.sh sd[a-z], /usr/local/sbin/smartctl-proxy.sh nvme[0-9]n[0-9]

sakura.css

@@ -0,0 +1,243 @@
+/* Sakura.css v1.5.1
+ * ================
+ * Minimal css theme.
+ * Project: https://github.com/oxalorg/sakura/
+ */
+/* Body */
+html {
+  font-size: 62.5%;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+}
+
+body {
+  font-size: 1.8rem;
+  line-height: 1.618;
+  max-width: 38em;
+  margin: auto;
+  color: #4a4a4a;
+  background-color: #f9f9f9;
+  padding: 13px;
+}
+
+@media (max-width: 684px) {
+  body {
+    font-size: 1.53rem;
+  }
+}
+@media (max-width: 382px) {
+  body {
+    font-size: 1.35rem;
+  }
+}
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.1;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+  font-weight: 700;
+  margin-top: 3rem;
+  margin-bottom: 1.5rem;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -ms-word-break: break-all;
+  word-break: break-word;
+}
+
+h1 {
+  font-size: 2.35em;
+}
+
+h2 {
+  font-size: 2em;
+}
+
+h3 {
+  font-size: 1.75em;
+}
+
+h4 {
+  font-size: 1.5em;
+}
+
+h5 {
+  font-size: 1.25em;
+}
+
+h6 {
+  font-size: 1em;
+}
+
+p {
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+}
+
+small, sub, sup {
+  font-size: 75%;
+}
+
+hr {
+  border-color: #1d7484;
+}
+
+a {
+  text-decoration: none;
+  color: #1d7484;
+}
+a:visited {
+  color: #144f5a;
+}
+a:hover {
+  color: #982c61;
+  border-bottom: 2px solid #4a4a4a;
+}
+
+ul {
+  padding-left: 1.4em;
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+}
+
+li {
+  margin-bottom: 0.4em;
+}
+
+blockquote {
+  margin-left: 0px;
+  margin-right: 0px;
+  padding-left: 1em;
+  padding-top: 0.8em;
+  padding-bottom: 0.8em;
+  padding-right: 0.8em;
+  border-left: 5px solid #1d7484;
+  margin-bottom: 2.5rem;
+  background-color: #f1f1f1;
+}
+
+blockquote p {
+  margin-bottom: 0;
+}
+
+img, video {
+  height: auto;
+  max-width: 100%;
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+}
+
+/* Pre and Code */
+pre {
+  background-color: #f1f1f1;
+  display: block;
+  padding: 1em;
+  overflow-x: auto;
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+  font-size: 0.9em;
+}
+
+code, kbd, samp {
+  font-size: 0.9em;
+  padding: 0 0.5em;
+  background-color: #f1f1f1;
+  white-space: pre-wrap;
+}
+
+pre > code {
+  padding: 0;
+  background-color: transparent;
+  white-space: pre;
+  font-size: 1em;
+}
+
+/* Tables */
+table {
+  text-align: justify;
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 2rem;
+}
+
+td, th {
+  padding: 0.5em;
+  border-bottom: 1px solid #f1f1f1;
+}
+
+/* Buttons, forms and input */
+input, textarea {
+  border: 1px solid #4a4a4a;
+}
+input:focus, textarea:focus {
+  border: 1px solid #1d7484;
+}
+
+textarea {
+  width: 100%;
+}
+
+.button, button,
+input[type=submit],
+input[type=reset],
+input[type=button],
+input[type=file]::file-selector-button {
+  display: inline-block;
+  padding: 5px 10px;
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  background-color: #1d7484;
+  color: #f9f9f9;
+  border-radius: 1px;
+  border: 1px solid #1d7484;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+.button:hover, button:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+input[type=button]:hover,
+input[type=file]::file-selector-button:hover {
+  background-color: #982c61;
+  color: #f9f9f9;
+  outline: 0;
+}
+
+.button[disabled], button[disabled],
+input[type=submit][disabled],
+input[type=reset][disabled],
+input[type=button][disabled],
+input[type=file][disabled] {
+  cursor: default;
+  opacity: 0.5;
+}
+.button:focus-visible, button:focus-visible,
+input[type=submit]:focus-visible,
+input[type=reset]:focus-visible,
+input[type=button]:focus-visible,
+input[type=file]:focus-visible {
+  outline-style: solid;
+  outline-width: 2px;
+}
+
+textarea, select, input {
+  color: #4a4a4a;
+  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+  margin-bottom: 10px;
+  background-color: #f1f1f1;
+  border: 1px solid #f1f1f1;
+  border-radius: 4px;
+  box-shadow: none;
+  box-sizing: border-box;
+}
+textarea:focus, select:focus, input:focus {
+  border: 1px solid #1d7484;
+  outline: 0;
+}
+
+input[type=checkbox]:focus {
+  outline: 1px dotted #1d7484;
+}
+
+label, legend, fieldset {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+}

zpool.php

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="sakura.css">
+	<title>ZFS Pool</title>
+</head>
+<body>
+    <pre><?= system("zpool status") ?></pre>
+</body>
+</html>