- <td class="cs-table__column">{{ getRegistrationStatus() }}</td>
- <td class="cs-table__column">{{ getInfo().templateName }}</td>
- <td class="cs-table__column">{{ getVendor() }}</td>
- <td class="cs-table__column">{{ getModel() }}</td>
- <td class="cs-table__column">{{ getFirmwareVersion() }}</td>
+ <td class="cs-table__column">
+ {{ props.chargingStation?.bootNotificationResponse?.status ?? 'Ø' }}
+ </td>
+ <td class="cs-table__column">
+ {{ props.chargingStation.stationInfo.templateName }}
+ </td>
+ <td class="cs-table__column">{{ props.chargingStation.stationInfo.chargePointVendor }}</td>
+ <td class="cs-table__column">{{ props.chargingStation.stationInfo.chargePointModel }}</td>
+ <td class="cs-table__column">
+ {{ props.chargingStation.stationInfo.firmwareVersion ?? 'Ø' }}
+ </td>
+ <td class="cs-table__column">
+ <Button @click="startChargingStation()">Start Charging Station</Button>
+ <Button @click="stopChargingStation()">Stop Charging Station</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">
+ <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">
+ <!-- eslint-disable-next-line vue/valid-v-for -->
+ <CSConnector
+ v-for="(connector, index) in getConnectors()"
+ :hash-id="props.chargingStation.stationInfo.hashId"
+ :connector-id="index + 1"
+ :connector="connector"
+ :atg-status="getATGStatus(index + 1)"
+ :transaction-id="connector.transactionId"
+ :id-tag="props.idTag"
+ />
+ </tbody>
+ </table>
+ </td>