docs(ui): update Web UI screenshot

[e-mobility-charging-stations-simulator.git] / ui / web / src / main.ts

diff --git a/ui/web/src/main.ts b/ui/web/src/main.ts
index 0e79968462d64a39b87bd39afc86d0b3feaea48a..5d34ae912e8ecb44f36c276b9542e6c0dc2c6bdc 100644 (file)
--- a/ui/web/src/main.ts
+++ b/ui/web/src/main.ts
@@ -1,6 +1,6 @@
 import { type App as AppType, createApp } from 'vue'
 import ToastPlugin from 'vue-toast-notification'
-import type { ConfigurationData, ResponsePayload } from '@/types'
+import type { ConfigurationData } from '@/types'
 import { router } from '@/router'
 import { UIClient, getFromLocalStorage, setToLocalStorage } from '@/composables'
 import App from '@/App.vue'
@@ -21,6 +21,9 @@ const initializeApp = (app: AppType, config: ConfigurationData) => {
   if (app.config.globalProperties.$configuration == null) {
     app.config.globalProperties.$configuration = config
   }
+  if (!Array.isArray(app.config.globalProperties.$templates)) {
+    app.config.globalProperties.$templates = []
+  }
   if (!Array.isArray(app.config.globalProperties.$chargingStations)) {
     app.config.globalProperties.$chargingStations = []
   }
@@ -37,25 +40,8 @@ const initializeApp = (app: AppType, config: ConfigurationData) => {
         getFromLocalStorage<number>('uiServerConfigurationIndex', 0)
       ]
     )
-    app.config.globalProperties.$uiClient.registerWSEventListener(
-      'open',
-      () => {
-        app.config.globalProperties.$uiClient
-          .listChargingStations()
-          .then((response: ResponsePayload) => {
-            app.config.globalProperties.$chargingStations = response.chargingStations
-          })
-          .catch((error: Error) => {
-            // TODO: add code for UI notifications or other error handling logic
-            console.error('Error at fetching charging stations:', error)
-          })
-          .finally(() => {
-            app.use(router).use(ToastPlugin).mount('#app')
-          })
-      },
-      { once: true }
-    )
   }
+  app.use(router).use(ToastPlugin).mount('#app')
 }
 
 fetch('/config.json')
@@ -68,12 +54,7 @@ fetch('/config.json')
     response
       .json()
       .then(config => {
-        try {
-          initializeApp(app, config)
-        } catch (error) {
-          // TODO: add code for UI notifications or other error handling logic
-          console.error('Error at initializing app:', error)
-        }
+        initializeApp(app, config)
       })
       .catch(error => {
         // TODO: add code for UI notifications or other error handling logic