webapp: Show display pin mapping in device manager

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);
 }

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>

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>{}