2 <tr v-for="(connector, index) in getConnectors()" class="cs-table__row">
6 :connector-id="index + 1"
7 :transaction-id="connector.transactionId"
10 <td class="cs-table__name-col">{{ getId() }}</td>
11 <td class="cs-table__vendor-col">{{ getVendor() }}</td>
12 <td class="cs-table__model-col">{{ getModel() }}</td>
13 <td class="cs-table__firmware-col">{{ getFirmwareVersion() }}</td>
17 <script setup lang="ts">
18 import CSConnector from './CSConnector.vue';
20 // import { reactive } from 'vue';
21 import Utils from '@/composable/Utils';
26 } from '@/type/ChargingStationType';
28 const props = defineProps<{
29 chargingStation: ChargingStationData;
34 // isTagModalVisible: boolean;
38 // const state: State = reactive({
39 // isTagModalVisible: false,
43 function getHashId(): string {
44 return props.chargingStation.hashId;
46 function getConnectors(): ConnectorStatus[] {
47 return props.chargingStation.connectors.slice(1);
49 function getInfo(): ChargingStationInfo {
50 return props.chargingStation.stationInfo;
52 function getId(): string {
53 return Utils.ifUndefined<string>(getInfo().chargingStationId, 'Ø');
55 function getModel(): string {
56 return getInfo().chargePointModel;
58 function getVendor(): string {
59 return getInfo().chargePointVendor;
61 function getFirmwareVersion(): string {
62 return Utils.ifUndefined<string>(getInfo().firmwareVersion, 'Ø');
64 // function showTagModal(): void {
65 // state.isTagModalVisible = true;
67 // function hideTagModal(): void {
68 // state.isTagModalVisible = false;