<td class="cs-table__column">
{{ getSupervisionUrl() }}
</td>
- <td class="cs-table__column">{{ getWsState() }}</td>
+ <td class="cs-table__column">{{ getWSState() }}</td>
<td class="cs-table__column">
{{ props.chargingStation?.bootNotificationResponse?.status ?? 'Ø' }}
</td>
}
})
"
- >Set Supervision Url</Button
>
+ Set Supervision Url
+ </Button>
<Button @click="openConnection()">Open Connection</Button>
<Button @click="closeConnection()">Close Connection</Button>
<Button @click="deleteChargingStation()">Delete Charging Station</Button>
</td>
<td class="cs-table__connectors-column">
<table id="connectors-table">
+ <caption></caption>
<thead id="connectors-table__head">
<tr class="connectors-table__row">
<th scope="col" class="connectors-table__column">Identifier</th>
<tbody id="connectors-table__body">
<!-- eslint-disable-next-line vue/valid-v-for -->
<CSConnector
- v-for="(connector, index) in getConnectors()"
+ v-for="(connector, index) in getConnectorStatuses()"
:hash-id="props.chargingStation.stationInfo.hashId"
:charging-station-id="props.chargingStation.stationInfo.chargingStationId"
:connector-id="index + 1"
chargingStation: ChargingStationData
}>()
-function getConnectors(): ConnectorStatus[] {
+const getConnectorStatuses = (): ConnectorStatus[] => {
if (Array.isArray(props.chargingStation.evses) && props.chargingStation.evses.length > 0) {
- const connectorsStatus: ConnectorStatus[] = []
+ const connectorStatuses: ConnectorStatus[] = []
for (const [evseId, evseStatus] of props.chargingStation.evses.entries()) {
if (evseId > 0 && Array.isArray(evseStatus.connectors) && evseStatus.connectors.length > 0) {
for (const connectorStatus of evseStatus.connectors) {
- connectorsStatus.push(connectorStatus)
+ connectorStatuses.push(connectorStatus)
}
}
}
- return connectorsStatus
+ return connectorStatuses
}
return props.chargingStation.connectors?.slice(1)
}
-function getATGStatus(connectorId: number): Status | undefined {
+const getATGStatus = (connectorId: number): Status | undefined => {
return props.chargingStation.automaticTransactionGenerator
?.automaticTransactionGeneratorStatuses?.[connectorId - 1]
}
-function getSupervisionUrl(): string {
+const getSupervisionUrl = (): string => {
const supervisionUrl = new URL(props.chargingStation.supervisionUrl)
return `${supervisionUrl.protocol}//${supervisionUrl.host.split('.').join('.\u200b')}`
}
-function getWsState(): string {
+const getWSState = (): string => {
switch (props.chargingStation?.wsState) {
case WebSocket.CONNECTING:
return 'Connecting'
const $toast = useToast()
-function startChargingStation(): void {
+const startChargingStation = (): void => {
uiClient
.startChargingStation(props.chargingStation.stationInfo.hashId)
.then(() => {
console.error('Error at starting charging station', error)
})
}
-function stopChargingStation(): void {
+const stopChargingStation = (): void => {
uiClient
.stopChargingStation(props.chargingStation.stationInfo.hashId)
.then(() => {
console.error('Error at stopping charging station', error)
})
}
-function openConnection(): void {
+const openConnection = (): void => {
uiClient
.openConnection(props.chargingStation.stationInfo.hashId)
.then(() => {
console.error('Error at opening connection', error)
})
}
-function closeConnection(): void {
+const closeConnection = (): void => {
uiClient
.closeConnection(props.chargingStation.stationInfo.hashId)
.then(() => {
console.error('Error at closing connection', error)
})
}
-function deleteChargingStation(): void {
+const deleteChargingStation = (): void => {
uiClient
.deleteChargingStation(props.chargingStation.stationInfo.hashId)
.then(() => {
flex-direction: row;
justify-content: center;
align-items: center;
+ border: solid 0.25px black;
}
.connectors-table__row:nth-of-type(even) {