webapp: created interface for EventlogStatus

webapp/src/components/EventLog.vue

@@ -20,24 +20,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 import { timestampToString } from '@/utils';
-
+import type { EventlogItems } from '@/types/EventlogStatus';
-declare interface EventData {
-    message_id: number,
-    message: string,
-    start_time: number,
-    end_time: number
-}
-
-declare interface EventLogData {
-    count: number,
-    events: { [key: number]: EventData }
-}
 
 export default defineComponent({
     props: {
-        eventLogList: { type: Object as () => EventLogData, required: true },
+        eventLogList: { type: Object as PropType<EventlogItems>, required: true },
     },
     computed: {
         timeInHours() {

webapp/src/types/EventlogStatus.ts

@@ -0,0 +1,11 @@
+export interface EventlogItem {
+    message_id: number,
+    message: string,
+    start_time: number,
+    end_time: number
+}
+
+export interface EventlogItems {
+    count: number,
+    events: Array<EventlogItem>,
+}

webapp/src/views/HomeView.vue

@@ -128,7 +128,7 @@
                             </div>
                         </div>
 
-                        <EventLog v-if="!eventLogLoading" :eventLogList="(eventLogList as any)" />
+                        <EventLog v-if="!eventLogLoading" :eventLogList="eventLogList" />
                     </div>
 
                     <div class="modal-footer">
@@ -342,6 +342,7 @@ import DevInfo from '@/components/DevInfo.vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
 import InverterChannelInfo from "@/components/InverterChannelInfo.vue";
 import type { DevInfoStatus } from '@/types/DevInfoStatus';
+import type { EventlogItems } from '@/types/EventlogStatus';
 
 declare interface Inverter {
     serial: number,
@@ -381,7 +382,7 @@ export default defineComponent({
             inverterData: [] as Inverter[],
             isFirstFetchAfterConnect: true,
             eventLogView: {} as bootstrap.Modal,
-            eventLogList: {},
+            eventLogList: {} as EventlogItems,
             eventLogLoading: true,
             devInfoView: {} as bootstrap.Modal,
             devInfoList: {} as DevInfoStatus,