From e3d2de03191da5f306057df363ddea82cf6f26d0 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Thu, 19 Jan 2023 21:01:30 +0100
Subject: [PATCH] webapp: Show display pin mapping in device manager

---
 src/WebApi_device.cpp             |  7 +++++++
 webapp/src/components/PinInfo.vue | 27 +++++++++++++++++++++++++++
 webapp/src/types/PinMapping.ts    |  9 +++++++++
 3 files changed, 43 insertions(+)

diff --git a/src/WebApi_device.cpp b/src/WebApi_device.cpp
index e3638696..ab403b1e 100644
--- a/src/WebApi_device.cpp
+++ b/src/WebApi_device.cpp
@@ -55,6 +55,13 @@ void WebApiDeviceClass::onDeviceAdminGet(AsyncWebServerRequest* request)
     ethObj[F("type")] = pin.eth_type;
     ethObj[F("clk_mode")] = pin.eth_clk_mode;
 
+    JsonObject displayObj = curPin.createNestedObject("display");
+    displayObj[F("type")] = pin.display_type;
+    displayObj[F("data")] = pin.display_data;
+    displayObj[F("clk")] = pin.display_clk;
+    displayObj[F("cs")] = pin.display_cs;
+    displayObj[F("reset")] = pin.display_reset;
+
     response->setLength();
     request->send(response);
 }
diff --git a/webapp/src/components/PinInfo.vue b/webapp/src/components/PinInfo.vue
index e3946b57..de7524b7 100644
--- a/webapp/src/components/PinInfo.vue
+++ b/webapp/src/components/PinInfo.vue
@@ -80,6 +80,33 @@
                         <td>{{ currentPinAssignment?.eth?.clk_mode }}</td>
                     </tr>
 
+                    <tr>
+                        <td rowspan="6">Display</td>
+                        <td>type</td>
+                        <td>{{ selectedPinAssignment?.display?.type }}</td>
+                        <td>{{ currentPinAssignment?.display?.type }}</td>
+                    </tr>
+                    <tr>
+                        <td>data</td>
+                        <td>{{ selectedPinAssignment?.display?.data }}</td>
+                        <td>{{ currentPinAssignment?.display?.data }}</td>
+                    </tr>
+                    <tr>
+                        <td>clk</td>
+                        <td>{{ selectedPinAssignment?.display?.clk }}</td>
+                        <td>{{ currentPinAssignment?.display?.clk }}</td>
+                    </tr>
+                    <tr>
+                        <td>cs</td>
+                        <td>{{ selectedPinAssignment?.display?.cs }}</td>
+                        <td>{{ currentPinAssignment?.display?.cs }}</td>
+                    </tr>
+                    <tr>
+                        <td>reset</td>
+                        <td>{{ selectedPinAssignment?.display?.reset }}</td>
+                        <td>{{ currentPinAssignment?.display?.reset }}</td>
+                    </tr>
+
                 </tbody>
             </table>
         </div>
diff --git a/webapp/src/types/PinMapping.ts b/webapp/src/types/PinMapping.ts
index fa7bf493..0445c1f8 100644
--- a/webapp/src/types/PinMapping.ts
+++ b/webapp/src/types/PinMapping.ts
@@ -17,10 +17,19 @@ export interface Ethernet {
     clk_mode: number;
 }
 
+export interface Display {
+    type: number;
+    data: number;
+    clk: number;
+    cs: number;
+    reset: number;
+}
+
 export interface Device  {
     name: string;
     nrf24: Nrf24;
     eth: Ethernet;
+    display: Display;
 }
 
 export interface PinMapping extends Array<Device>{}
\ No newline at end of file