3 <caption id="cs-table__caption">
6 <thead id="cs-table__head">
7 <tr class="cs-table__row">
8 <th scope="col" class="cs-table__column">Name</th>
9 <th scope="col" class="cs-table__column">Started</th>
10 <th scope="col" class="cs-table__column">Supervision Url</th>
11 <th scope="col" class="cs-table__column">WebSocket State</th>
12 <th scope="col" class="cs-table__column">Registration Status</th>
13 <th scope="col" class="cs-table__column">Template</th>
14 <th scope="col" class="cs-table__column">Vendor</th>
15 <th scope="col" class="cs-table__column">Model</th>
16 <th scope="col" class="cs-table__column">Firmware</th>
17 <th scope="col" class="cs-table__column">Actions</th>
18 <th scope="col" class="cs-table__connectors-column">Connector(s)</th>
21 <tbody id="cs-table__body">
23 v-for="chargingStation in chargingStations"
24 :key="chargingStation.stationInfo.hashId"
25 :charging-station="chargingStation"
26 @need-refresh="$emit('need-refresh')"
32 <script setup lang="ts">
33 import CSData from '@/components/charging-stations/CSData.vue'
34 import type { ChargingStationData } from '@/types'
37 chargingStations: ChargingStationData[]
40 const $emit = defineEmits(['need-refresh'])
47 background-color: white;
49 flex-direction: column;
50 overflow: auto hidden;
51 border-collapse: collapse;
59 flex-direction: column;
64 background-color: black;
75 justify-content: center;
77 border: solid 0.25px black;
80 .cs-table__row:nth-of-type(even) {
81 background-color: whitesmoke;
86 width: calc(65% / 10);
88 flex-direction: column;
92 #cs-table__head .cs-table__row {
93 background-color: lightgrey;
96 .cs-table__connectors-column {