From 659e8f9169e8c12e695594d64c7048806ade544b Mon Sep 17 00:00:00 2001
From: Maxim Devaev <mdevaev@gmail.com>
Date: Mon, 2 Jun 2025 01:22:14 +0300
Subject: [PATCH] web: show model name on the kvmd page

---
 web/kvm/index.html       | 28 ++++++++++++++--------------
 web/kvm/index.pug        |  2 ++
 web/kvm/window-about.pug |  8 ++++----
 web/share/js/kvm/info.js |  1 +
 4 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/web/kvm/index.html b/web/kvm/index.html
index b8617d9c..5cf84b51 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -2280,7 +2280,19 @@
           </tr>
         </table><br>
         <div class="tabs-box">
-              <input checked type="radio" name="about-tab-button" id="about-tab-meta-button">
+              <input checked type="radio" name="about-tab-button" id="about-tab-version-button">
+              <label for="about-tab-version-button">Version</label>
+              <div class="tab">
+                <div class="code" id="about-version"><span class="code-comment">No data</span>
+                </div>
+              </div>
+              <input type="radio" name="about-tab-button" id="about-tab-hardware-button">
+              <label for="about-tab-hardware-button">Hardware</label>
+              <div class="tab">
+                <div class="code" id="about-hardware"><span class="code-comment">No data</span>
+                </div>
+              </div>
+              <input type="radio" name="about-tab-button" id="about-tab-meta-button">
               <label for="about-tab-meta-button">Meta</label>
               <div class="tab">
                 <div class="code" id="about-meta">
@@ -2293,18 +2305,6 @@
                   </div>
                 </div>
               </div>
-              <input type="radio" name="about-tab-button" id="about-tab-hardware-button">
-              <label for="about-tab-hardware-button">Hardware</label>
-              <div class="tab">
-                <div class="code" id="about-hardware"><span class="code-comment">No data</span>
-                </div>
-              </div>
-              <input type="radio" name="about-tab-button" id="about-tab-version-button">
-              <label for="about-tab-version-button">Version</label>
-              <div class="tab">
-                <div class="code" id="about-version"><span class="code-comment">No data</span>
-                </div>
-              </div>
               <input type="radio" name="about-tab-button" id="about-tab-thanks-button">
               <label for="about-tab-thanks-button">Thanks</label>
               <div class="tab">
@@ -2983,7 +2983,7 @@
       </li>
     </ul>
     <ul class="footer">
-      <li class="left"><span id="kvmd-meta-server-host" title="KVM/Server name (see System/About)"></span>&nbsp; | &nbsp;<span id="kvmd-version-kvmd" title="KVMD version"></span>&nbsp; | &nbsp;<span id="kvmd-version-streamer" title="Streamer version"></span></li>
+      <li class="left"><span id="kvmd-meta-server-host" title="KVM/Server name (see System/About)"></span>&nbsp; | &nbsp;<span id="kvmd-info-platform" title="PiKVM Platform"></span>&nbsp; | &nbsp;<span id="kvmd-version-kvmd" title="KVMD version"></span>&nbsp; | &nbsp;<span id="kvmd-version-streamer" title="Streamer version"></span></li>
       <li class="right"><a target="_blank" href="https://pikvm.org">PiKVM Project</a>&nbsp; | &nbsp;<a target="_blank" href="https://docs.pikvm.org">Documentation</a>&nbsp; | &nbsp;<a target="_blank" href="https://pikvm.org/support">Support</a></li>
     </ul>
   </body>
diff --git a/web/kvm/index.pug b/web/kvm/index.pug
index c6ceb57c..9d8e94f4 100644
--- a/web/kvm/index.pug
+++ b/web/kvm/index.pug
@@ -29,6 +29,8 @@ block body
 		li.left
 			span#kvmd-meta-server-host(title="KVM/Server name (see System/About)")
 			| &nbsp; | &nbsp;
+			span#kvmd-info-platform(title="PiKVM Platform")
+			| &nbsp; | &nbsp;
 			span#kvmd-version-kvmd(title="KVMD version")
 			| &nbsp; | &nbsp;
 			span#kvmd-version-streamer(title="Streamer version")
diff --git a/web/kvm/window-about.pug b/web/kvm/window-about.pug
index 5a82987b..5143405f 100644
--- a/web/kvm/window-about.pug
+++ b/web/kvm/window-about.pug
@@ -33,7 +33,10 @@ mixin about_tab(name, title, checked=false)
 								| Copyright &copy; 2018-2024 #[a(target="_blank" href="mailto:mdevaev@gmail.com") Maxim Devaev]
 		br
 		.tabs-box
-			+about_tab("meta", "Meta", true)
+			+about_tab("version", "Version", true)
+			+about_tab("hardware", "Hardware")
+
+			+about_tab("meta", "Meta")
 				div
 					span.code-comment
 						| // You can get this JSON using handle
@@ -43,9 +46,6 @@ mixin about_tab(name, title, checked=false)
 					br
 					pre#kvmd-meta-json No data
 
-			+about_tab("hardware", "Hardware")
-			+about_tab("version", "Version")
-
 			+about_tab("thanks", "Thanks")
 				span.code-comment
 					| // These kind people donated money to the PiKVM project#[br]
diff --git a/web/share/js/kvm/info.js b/web/share/js/kvm/info.js
index 7fbf766f..32f167fc 100644
--- a/web/share/js/kvm/info.js
+++ b/web/share/js/kvm/info.js
@@ -204,6 +204,7 @@ export function Info() {
 			${tools.escape(state.kernel.system)} kernel:
 			${__formatUname(state.kernel)}
 		`;
+		$("kvmd-info-platform").innerText = p.model;
 		$("kvmd-version-kvmd").innerText = state.kvmd.version;
 		$("kvmd-version-streamer").innerText = s.version;
 	};