From 86f01e5cc4da9552022aab0d5042c853ce849402 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Tue, 6 Sep 2022 18:45:32 +0200
Subject: [PATCH] webapp: Show complete generated hostname in network info view

---
 src/WebApi_network.cpp                                  | 1 +
 webapp/src/components/NetworkInfoView.vue               | 1 +
 webapp/src/components/partials/InterfaceNetworkInfo.vue | 5 +++++
 3 files changed, 7 insertions(+)

diff --git a/src/WebApi_network.cpp b/src/WebApi_network.cpp
index 839df473..a39ed2a0 100644
--- a/src/WebApi_network.cpp
+++ b/src/WebApi_network.cpp
@@ -32,6 +32,7 @@ void WebApiNetworkClass::onNetworkStatus(AsyncWebServerRequest* request)
     root[F("sta_status")] = ((WiFi.getMode() & WIFI_STA) != 0);
     root[F("sta_ssid")] = WiFi.SSID();
     root[F("sta_rssi")] = WiFi.RSSI();
+    root[F("network_hostname")] = NetworkSettings.getHostname();
     root[F("network_ip")] = NetworkSettings.localIP().toString();
     root[F("network_netmask")] = NetworkSettings.subnetMask().toString();
     root[F("network_gateway")] = NetworkSettings.gatewayIP().toString();
diff --git a/webapp/src/components/NetworkInfoView.vue b/webapp/src/components/NetworkInfoView.vue
index 3f424628..4417df65 100644
--- a/webapp/src/components/NetworkInfoView.vue
+++ b/webapp/src/components/NetworkInfoView.vue
@@ -49,6 +49,7 @@ export default defineComponent({
                 ap_ssid: "",
                 ap_stationnum: 0,
                 // InterfaceNetworkInfo
+                network_hostname: "",
                 network_ip: "",
                 network_netmask: "",
                 network_gateway: "",
diff --git a/webapp/src/components/partials/InterfaceNetworkInfo.vue b/webapp/src/components/partials/InterfaceNetworkInfo.vue
index dfb6aa70..c640da57 100644
--- a/webapp/src/components/partials/InterfaceNetworkInfo.vue
+++ b/webapp/src/components/partials/InterfaceNetworkInfo.vue
@@ -7,6 +7,10 @@
             <div class="table-responsive">
                 <table class="table table-hover table-condensed">
                     <tbody>
+                        <tr>
+                            <th>Hostname</th>
+                            <td>{{ network_hostname }}</td>
+                        </tr>
                         <tr>
                             <th>IP Address</th>
                             <td>{{ network_ip }}</td>
@@ -43,6 +47,7 @@ import { defineComponent } from 'vue';
 
 export default defineComponent({
     props: {
+        network_hostname: String,
         network_ip: String,
         network_netmask: String,
         network_gateway: String,