From 972dea297b3e695f92c6d1d8d3dcfc62fa6a0185 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Sat, 22 Jul 2023 15:30:40 +0200
Subject: [PATCH] Fix: Prevent runtime errors in webapp when invalid
 pin_mapping.json is provided

---
 webapp/src/components/PinInfo.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/webapp/src/components/PinInfo.vue b/webapp/src/components/PinInfo.vue
index bb14003..af7e788 100644
--- a/webapp/src/components/PinInfo.vue
+++ b/webapp/src/components/PinInfo.vue
@@ -17,11 +17,11 @@
                                 {{ capitalizeFirstLetter(category) }}</td>
                             <td :class="{ 'table-danger': !isEqual(category, prop) }">{{ prop }}</td>
                             <td>
-                                <template v-if="((selectedPinAssignment as Device)[category as keyof Device])">
+                                <template v-if="selectedPinAssignment && category in selectedPinAssignment">
                                     {{ (selectedPinAssignment as any)[category][prop] }}</template>
                             </td>
                             <td>
-                                <template v-if="((currentPinAssignment as Device)[category as keyof Device])">
+                                <template v-if="currentPinAssignment && category in currentPinAssignment">
                                     {{ (currentPinAssignment as any)[category][prop] }}</template>
                             </td>
                         </tr>
@@ -65,12 +65,12 @@ export default defineComponent({
     methods: {
         properties(category: string): string[] {
             let curArray: Array<string> = [];
-            if ((this.currentPinAssignment as Device)[category as keyof Device]) {
+            if (this.currentPinAssignment && category in this.currentPinAssignment) {
                 curArray = Object.keys((this.currentPinAssignment as Device)[category as keyof Device]);
             }
 
             let selArray: Array<string> = [];
-            if ((this.selectedPinAssignment as Device)[category as keyof Device]) {
+            if (this.selectedPinAssignment && category in this.selectedPinAssignment) {
                 selArray = Object.keys((this.selectedPinAssignment as Device)[category as keyof Device]);
             }
 
@@ -83,10 +83,10 @@ export default defineComponent({
             let comSel = 999999;
             let comCur = 999999;
 
-            if ((this.selectedPinAssignment as Device)[category as keyof Device]) {
+            if (this.selectedPinAssignment && category in this.selectedPinAssignment) {
                 comSel = (this.selectedPinAssignment as any)[category][prop];
             }
-            if ((this.currentPinAssignment as Device)[category as keyof Device]) {
+            if (this.currentPinAssignment && category in this.currentPinAssignment) {
                 comCur = (this.currentPinAssignment as any)[category][prop];
             }