From 093ca832a5c03ea03f32368b4bf13c1d08ef3a54 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Thu, 22 Feb 2024 17:18:02 +0100
Subject: [PATCH] feat(ui): add charging station options to add action
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 .../components/actions/AddChargingStations.vue    | 15 +++++++++++++--
 .../src/components/actions/StartTransaction.vue   |  3 ++-
 ui/web/src/composables/UIClient.ts                | 10 ++++++++--
 ui/web/src/composables/index.ts                   |  1 +
 ui/web/src/types/ChargingStationType.ts           | 10 ++++++++++
 ui/web/src/types/index.ts                         |  1 +
 6 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/ui/web/src/components/actions/AddChargingStations.vue b/ui/web/src/components/actions/AddChargingStations.vue
index 8412fdd0..0ddf612e 100644
--- a/ui/web/src/components/actions/AddChargingStations.vue
+++ b/ui/web/src/components/actions/AddChargingStations.vue
@@ -17,13 +17,22 @@
     name="number-of-stations"
     placeholder="number of stations"
   />
+  <p>Options:</p>
+  <ul>
+    <li>
+      Auto start:
+      <input v-model="state.autoStart" type="checkbox" true-value="true" false-value="false" />
+    </li>
+  </ul>
   <br />
   <Button
     id="action-button"
     @click="
       () => {
         uiClient
-          .addChargingStations(state.template, state.numberOfStations)
+          .addChargingStations(state.template, state.numberOfStations, {
+            autoStart: convertToBoolean(state.autoStart)
+          })
           .then(() => {
             $toast.success('Charging stations successfully added')
           })
@@ -47,11 +56,13 @@ import { getCurrentInstance, onMounted, reactive } from 'vue'
 import { useToast } from 'vue-toast-notification'
 import Button from '@/components/buttons/Button.vue'
 import type { ResponsePayload } from '@/types'
+import { convertToBoolean } from '@/composables'
 
 const state = reactive({
   ready: false,
   template: '',
-  numberOfStations: 1
+  numberOfStations: 1,
+  autoStart: false
 })
 
 const app = getCurrentInstance()
diff --git a/ui/web/src/components/actions/StartTransaction.vue b/ui/web/src/components/actions/StartTransaction.vue
index 5e83983f..fed7d3be 100644
--- a/ui/web/src/components/actions/StartTransaction.vue
+++ b/ui/web/src/components/actions/StartTransaction.vue
@@ -10,7 +10,7 @@
     @click="
       () => {
         uiClient
-          .startTransaction(props.hashId, parseInt(props.connectorId), state.idTag)
+          .startTransaction(props.hashId, convertToInt(props.connectorId), state.idTag)
           .then(() => {
             $toast.success('Transaction successfully started')
           })
@@ -32,6 +32,7 @@
 <script setup lang="ts">
 import { getCurrentInstance, reactive } from 'vue'
 import Button from '@/components/buttons/Button.vue'
+import { convertToInt } from '@/composables'
 
 const props = defineProps<{
   hashId: string
diff --git a/ui/web/src/composables/UIClient.ts b/ui/web/src/composables/UIClient.ts
index c6e80946..d569b93b 100644
--- a/ui/web/src/composables/UIClient.ts
+++ b/ui/web/src/composables/UIClient.ts
@@ -1,6 +1,7 @@
 import {
   ApplicationProtocol,
   AuthenticationType,
+  type ChargingStationOptions,
   ProcedureName,
   type ProtocolResponse,
   type RequestPayload,
@@ -64,9 +65,14 @@ export class UIClient {
 
   public async addChargingStations(
     template: string,
-    numberOfStations: number
+    numberOfStations: number,
+    options?: ChargingStationOptions
   ): Promise<ResponsePayload> {
-    return this.sendRequest(ProcedureName.ADD_CHARGING_STATIONS, { template, numberOfStations })
+    return this.sendRequest(ProcedureName.ADD_CHARGING_STATIONS, {
+      template,
+      numberOfStations,
+      options
+    })
   }
 
   public async deleteChargingStation(hashId: string): Promise<ResponsePayload> {
diff --git a/ui/web/src/composables/index.ts b/ui/web/src/composables/index.ts
index a4b40639..31e231e8 100644
--- a/ui/web/src/composables/index.ts
+++ b/ui/web/src/composables/index.ts
@@ -1 +1,2 @@
 export { UIClient } from './UIClient'
+export { convertToBoolean, convertToInt } from './Utils'
diff --git a/ui/web/src/types/ChargingStationType.ts b/ui/web/src/types/ChargingStationType.ts
index 9baff1ae..6814737e 100644
--- a/ui/web/src/types/ChargingStationType.ts
+++ b/ui/web/src/types/ChargingStationType.ts
@@ -64,6 +64,16 @@ export const FirmwareStatus = {
 } as const
 export type FirmwareStatus = OCPP16FirmwareStatus
 
+export interface ChargingStationOptions extends JsonObject {
+  supervisionUrls?: string | string[]
+  persistentConfiguration?: boolean
+  autoStart?: boolean
+  autoRegister?: boolean
+  enableStatistics?: boolean
+  ocppStrictCompliance?: boolean
+  stopTransactionsOnStopped?: boolean
+}
+
 export type ChargingStationInfo = {
   hashId: string
   templateIndex: number
diff --git a/ui/web/src/types/index.ts b/ui/web/src/types/index.ts
index 596cc933..a201ca7b 100644
--- a/ui/web/src/types/index.ts
+++ b/ui/web/src/types/index.ts
@@ -1,6 +1,7 @@
 export type {
   ChargingStationData,
   ChargingStationInfo,
+  ChargingStationOptions,
   ConnectorStatus,
   Status
 } from './ChargingStationType'
-- 
2.34.1