- <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__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">{{ getId() }}</td>
+ <td class="cs-table__column">{{ getStarted() }}</td>
+ <td class="cs-table__column">
+ {{ getSupervisionUrl() }}
+ </td>
+ <td class="cs-table__column">{{ getWsState() }}</td>
+ <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">
+ <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>
+ </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="getHashId()"
+ :connector-id="index + 1"
+ :connector="connector"
+ :atg-status="getATGStatus(index + 1)"
+ :transaction-id="connector.transactionId"
+ :id-tag="props.idTag"
+ />
+ </tbody>
+ </table>
+ </td>