feat(ui): add right action bar and use it to start transaction

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

diff --git a/ui/web/src/router/index.ts b/ui/web/src/router/index.ts
index 5a6eca115af9618365f979339fed312ca325991d..0d250c5101a48e6402934fad6a038f7c64dac78e 100644 (file)
--- a/ui/web/src/router/index.ts
+++ b/ui/web/src/router/index.ts
@@ -1,17 +1,34 @@
-import { type RouteRecordRaw, createRouter, createWebHistory } from 'vue-router';
-import ChargingStationsView from '@/views/ChargingStationsView.vue';
+import { createRouter, createWebHistory } from 'vue-router'
+import ChargingStationsView from '@/views/ChargingStationsView.vue'
+import StartTransaction from '@/components/actions/StartTransaction.vue'
+import AddChargingStations from '@/components/actions/AddChargingStations.vue'
 
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/',
-    name: 'charging-stations',
-    component: ChargingStationsView,
-  },
-];
-
-const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
-  routes,
-});
-
-export default router;
+export const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/',
+      name: 'charging-stations',
+      components: {
+        default: ChargingStationsView
+      }
+    },
+    {
+      path: '/add-charging-stations',
+      name: 'add-charging-stations',
+      components: {
+        default: ChargingStationsView,
+        action: AddChargingStations
+      }
+    },
+    {
+      path: '/start-transaction/:hashId/:chargingStationId/:connectorId',
+      name: 'start-transaction',
+      components: {
+        default: ChargingStationsView,
+        action: StartTransaction
+      },
+      props: { default: false, action: true }
+    }
+  ]
+})