repositories
/
e-mobility-charging-stations-simulator.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Web UI: rename some directories to a sensible name
[e-mobility-charging-stations-simulator.git]
/
src
/
ui
/
web
/
src
/
components
/
charging-stations
/
CSData.vue
diff --git
a/src/ui/web/src/components/charging-stations/CSData.vue
b/src/ui/web/src/components/charging-stations/CSData.vue
index 1d2fc0202bd76d02dccd33ee5a887e0a25d8ba13..3de9a7d6ebe4d0d41ac43e031aedcbd8d83aee98 100644
(file)
--- a/
src/ui/web/src/components/charging-stations/CSData.vue
+++ b/
src/ui/web/src/components/charging-stations/CSData.vue
@@
-1,14
+1,17
@@
<template>
<template>
- <tr v-for="(connector, index) in getConnector()" class="cs-table__row">
+ <tr v-for="(connector, index) in getConnector
s
()" class="cs-table__row">
<CSConnector
:hash-id="getHashId()"
:connector="connector"
:connector-id="index + 1"
<CSConnector
:hash-id="getHashId()"
:connector="connector"
:connector-id="index + 1"
- :tag="props.tag"
+ :transaction-id="connector.transactionId"
+ :id-tag="props.idTag"
/>
<td class="cs-table__name-col">{{ getId() }}</td>
/>
<td class="cs-table__name-col">{{ getId() }}</td>
- <td class="cs-table__model-col">{{ getModel() }}</td>
+ <td class="cs-table__stopped-col">{{ getStopped() }}</td>
+ <td class="cs-table__registration-status-col">{{ getRegistrationStatus() }}</td>
<td class="cs-table__vendor-col">{{ getVendor() }}</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>
</template>
<td class="cs-table__firmware-col">{{ getFirmwareVersion() }}</td>
</tr>
</template>
@@
-16,32
+19,33
@@
<script setup lang="ts">
import CSConnector from './CSConnector.vue';
<script setup lang="ts">
import CSConnector from './CSConnector.vue';
-import { reactive } from 'vue';
-import Utils from '@/composable/Utils';
-import {
+
//
import { reactive } from 'vue';
+import Utils from '@/composable
s
/Utils';
+import
type
{
ChargingStationData,
ChargingStationInfo,
ConnectorStatus,
ChargingStationData,
ChargingStationInfo,
ConnectorStatus,
-} from '@/type/ChargingStationType';
+} from '@/type
s
/ChargingStationType';
const props = defineProps<{
chargingStation: ChargingStationData;
const props = defineProps<{
chargingStation: ChargingStationData;
-
t
ag: string;
+
idT
ag: string;
}>();
}>();
-type State = {
- isTagModalVisible: boolean;
- // tag: string;
-};
-const state: State = reactive({
- isTagModalVisible: false,
- // tag: '',
-});
+// type State = {
+// isTagModalVisible: boolean;
+// idTag: string;
+// };
+
+// const state: State = reactive({
+// isTagModalVisible: false,
+// idTag: '',
+// });
function getHashId(): string {
return props.chargingStation.hashId;
}
function getHashId(): string {
return props.chargingStation.hashId;
}
-function getConnector
(): Array<ConnectorStatus>
{
+function getConnector
s(): ConnectorStatus[]
{
return props.chargingStation.connectors.slice(1);
}
function getInfo(): ChargingStationInfo {
return props.chargingStation.connectors.slice(1);
}
function getInfo(): ChargingStationInfo {
@@
-59,6
+63,12
@@
function getVendor(): string {
function getFirmwareVersion(): string {
return Utils.ifUndefined<string>(getInfo().firmwareVersion, 'Ø');
}
function getFirmwareVersion(): string {
return Utils.ifUndefined<string>(getInfo().firmwareVersion, 'Ø');
}
+function getStopped(): string {
+ return props.chargingStation.stopped === true ? 'Yes' : 'No';
+}
+function getRegistrationStatus(): string {
+ return props.chargingStation?.bootNotificationResponse?.status ?? 'Ø';
+}
// function showTagModal(): void {
// state.isTagModalVisible = true;
// }
// function showTagModal(): void {
// state.isTagModalVisible = true;
// }