- <tr v-for="(connector, index) in getConnectors()" class="cs-table__row">
- <CSConnector
- :hash-id="getHashId()"
- :connector="connector"
- :connector-id="index + 1"
- :transaction-id="connector.transactionId"
- :id-tag="props.idTag"
- />
- <td class="cs-table__name-col">{{ getId() }}</td>
- <td class="cs-table__started-col">{{ getStarted() }}</td>
- <td class="cs-table__wsState-col">{{ getWsState() }}</td>
- <td class="cs-table__registration-status-col">{{ getRegistrationStatus() }}</td>
- <td class="cs-table__template-col">{{ getInfo().templateName }}</td>
- <td class="cs-table__vendor-col">{{ getVendor() }}</td>
- <td class="cs-table__model-col">{{ getModel() }}</td>
- <td class="cs-table__firmware-col">{{ getFirmwareVersion() }}</td>
+ <tr class="cs-table__row">
+ <td class="cs-table__column">
+ {{ chargingStation.stationInfo.chargingStationId }}
+ </td>
+ <td class="cs-table__column">{{ chargingStation.started === true ? 'Yes' : 'No' }}</td>
+ <td class="cs-table__column">
+ {{ getSupervisionUrl() }}
+ </td>
+ <td class="cs-table__column">{{ getWSState() }}</td>
+ <td class="cs-table__column">
+ {{ chargingStation.bootNotificationResponse?.status ?? 'Ø' }}
+ </td>
+ <td class="cs-table__column">
+ {{ chargingStation.stationInfo.templateName }}
+ </td>
+ <td class="cs-table__column">{{ chargingStation.stationInfo.chargePointVendor }}</td>
+ <td class="cs-table__column">{{ chargingStation.stationInfo.chargePointModel }}</td>
+ <td class="cs-table__column">
+ {{ chargingStation.stationInfo.firmwareVersion ?? 'Ø' }}
+ </td>
+ <td class="cs-table__column">
+ <Button @click="startChargingStation()">Start Charging Station</Button>
+ <Button @click="stopChargingStation()">Stop Charging Station</Button>
+ <ToggleButton
+ :id="`${chargingStation.stationInfo.hashId}-set-supervision-url`"
+ :shared="true"
+ :on="
+ () => {
+ $router.push({
+ name: 'set-supervision-url',
+ params: {
+ hashId: chargingStation.stationInfo.hashId,
+ chargingStationId: chargingStation.stationInfo.chargingStationId
+ }
+ })
+ }
+ "
+ :off="
+ () => {
+ $router.push({ name: 'charging-stations' })
+ }
+ "
+ @clicked="
+ () => {
+ $emit('need-refresh')
+ }
+ "
+ >
+ Set Supervision Url
+ </ToggleButton>
+ <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>
+ <th scope="col" class="connectors-table__column">Status</th>
+ <th scope="col" class="connectors-table__column">Transaction</th>
+ <th scope="col" class="connectors-table__column">ATG Started</th>
+ <th scope="col" class="connectors-table__column">Actions</th>
+ </tr>
+ </thead>
+ <tbody id="connectors-table__body">
+ <CSConnector
+ v-for="(connector, index) in getConnectorStatuses()"
+ :key="index + 1"
+ :hash-id="chargingStation.stationInfo.hashId"
+ :charging-station-id="chargingStation.stationInfo.chargingStationId"
+ :connector-id="index + 1"
+ :connector="connector"
+ :atg-status="getATGStatus(index + 1)"
+ @need-refresh="$emit('need-refresh')"
+ />
+ </tbody>
+ </table>
+ </td>