From e2aa960555daf3768329cc7a81537f95d4043249 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Sat, 17 Feb 2024 16:10:27 +0100
Subject: [PATCH] refactor(ui): remove dead code
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 ui/web/src/components/Modal.vue               | 30 ----------------
 .../charging-stations/CSConnector.vue         | 35 -------------------
 .../components/charging-stations/CSData.vue   | 17 ---------
 .../charging-stations/CSInfoModal.vue         | 15 --------
 .../charging-stations/IdTagInputModal.vue     | 26 --------------
 ui/web/src/composables/Utils.ts               |  3 --
 ui/web/src/composables/index.ts               |  1 -
 ui/web/src/views/ChargingStationsView.vue     |  2 +-
 8 files changed, 1 insertion(+), 128 deletions(-)
 delete mode 100644 ui/web/src/components/Modal.vue
 delete mode 100644 ui/web/src/components/charging-stations/CSInfoModal.vue
 delete mode 100644 ui/web/src/components/charging-stations/IdTagInputModal.vue
 delete mode 100644 ui/web/src/composables/Utils.ts

diff --git a/ui/web/src/components/Modal.vue b/ui/web/src/components/Modal.vue
deleted file mode 100644
index 74630868..00000000
--- a/ui/web/src/components/Modal.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <teleport to="body">
-    <div v-if="props.visibility" id="backdrop" @click.self="close()">
-      <slot></slot>
-    </div>
-  </teleport>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  visibility: boolean
-}>()
-
-const emit = defineEmits(['close'])
-
-function close() {
-  emit('close')
-}
-</script>
-
-<style>
-#backdrop {
-  position: fixed;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  inset: 0;
-  background-color: black;
-}
-</style>
diff --git a/ui/web/src/components/charging-stations/CSConnector.vue b/ui/web/src/components/charging-stations/CSConnector.vue
index f6cda45a..a2e94b99 100644
--- a/ui/web/src/components/charging-stations/CSConnector.vue
+++ b/ui/web/src/components/charging-stations/CSConnector.vue
@@ -10,14 +10,6 @@
     </td>
     <td class="connectors-table__column">
       <Button @click="startTransaction()">Start Transaction</Button>
-      <!-- <IdTagInputModal
-        :visibility="state.isIdTagModalVisible"
-        :id-tag="state.idTag"
-        @close="hideIdTagModal()"
-        @done="compose(state.transaction, hideIdTagModal)()"
-      >
-        Start Transaction
-      </IdTagInputModal> -->
       <Button @click="stopTransaction()">Stop Transaction</Button>
       <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
       <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
@@ -27,11 +19,8 @@
 
 <script setup lang="ts">
 import { getCurrentInstance } from 'vue'
-// import { reactive } from 'vue'
-// import IdTagInputModal from '@/components/charging-stations/IdTagInputModal.vue'
 import Button from '@/components/buttons/Button.vue'
 import type { ConnectorStatus, Status } from '@/types'
-// import { compose } from '@/composables'
 
 const props = defineProps<{
   hashId: string
@@ -42,30 +31,6 @@ const props = defineProps<{
   idTag?: string
 }>()
 
-// type State = {
-//   isIdTagModalVisible: boolean
-//   idTag: string
-//   transaction: () => void
-// }
-
-// const state: State = reactive({
-//   isIdTagModalVisible: false,
-//   idTag: '',
-//   transaction: startTransaction
-// })
-
-// function getIdTag(transaction: () => void): void {
-//   state.transaction = transaction
-//   showTagModal()
-// }
-
-// function showTagModal(): void {
-//   state.isIdTagModalVisible = true
-// }
-// function hideIdTagModal(): void {
-//   state.isIdTagModalVisible = false
-// }
-
 const UIClient = getCurrentInstance()?.appContext.config.globalProperties.$UIClient
 
 function startTransaction(): void {
diff --git a/ui/web/src/components/charging-stations/CSData.vue b/ui/web/src/components/charging-stations/CSData.vue
index 44aed709..c5eda783 100644
--- a/ui/web/src/components/charging-stations/CSData.vue
+++ b/ui/web/src/components/charging-stations/CSData.vue
@@ -53,7 +53,6 @@
 </template>
 
 <script setup lang="ts">
-// import { reactive } from 'vue'
 import { getCurrentInstance } from 'vue'
 import CSConnector from '@/components/charging-stations/CSConnector.vue'
 import type { ChargingStationData, ChargingStationInfo, ConnectorStatus, Status } from '@/types'
@@ -63,16 +62,6 @@ const props = defineProps<{
   idTag: string
 }>()
 
-// type State = {
-//   isTagModalVisible: boolean
-//   idTag: string
-// }
-
-// const state: State = reactive({
-//   isTagModalVisible: false,
-//   idTag: ''
-// })
-
 function getStarted(): string {
   return props.chargingStation.started === true ? 'Yes' : 'No'
 }
@@ -151,12 +140,6 @@ function closeConnection(): void {
 function deleteChargingStation(): void {
   UIClient.deleteChargingStation(getHashId())
 }
-// function showTagModal(): void {
-//   state.isTagModalVisible = true
-// }
-// function hideTagModal(): void {
-//   state.isTagModalVisible = false
-// }
 </script>
 
 <style>
diff --git a/ui/web/src/components/charging-stations/CSInfoModal.vue b/ui/web/src/components/charging-stations/CSInfoModal.vue
deleted file mode 100644
index 9e0d1cd8..00000000
--- a/ui/web/src/components/charging-stations/CSInfoModal.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <Modal :visibility="props.isVisible">
-    <div>vendor: {{ props.stationInfo.chargePointVendor }}</div>
-  </Modal>
-</template>
-
-<script setup lang="ts">
-import type { ChargingStationInfo } from '@/types'
-import Modal from '@/components/Modal.vue'
-
-const props = defineProps<{
-  stationInfo: ChargingStationInfo
-  isVisible: boolean
-}>()
-</script>
diff --git a/ui/web/src/components/charging-stations/IdTagInputModal.vue b/ui/web/src/components/charging-stations/IdTagInputModal.vue
deleted file mode 100644
index ab965a7b..00000000
--- a/ui/web/src/components/charging-stations/IdTagInputModal.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <Modal :visibility="props.visibility">
-    <label for="idTag">IdTag</label>
-    <!-- eslint-disable-next-line vue/no-mutating-props -->
-    <input v-model="props.idTag" type="text" name="idTag" @keypress.enter="done()" />
-    <Button @click="done()">
-      <slot></slot>
-    </Button>
-  </Modal>
-</template>
-
-<script setup lang="ts">
-import Button from '@/components/buttons/Button.vue'
-import Modal from '@/components/Modal.vue'
-
-const props = defineProps<{
-  visibility: boolean
-  idTag: string
-}>()
-
-const emit = defineEmits(['done'])
-
-function done() {
-  emit('done')
-}
-</script>
diff --git a/ui/web/src/composables/Utils.ts b/ui/web/src/composables/Utils.ts
deleted file mode 100644
index 54d926ad..00000000
--- a/ui/web/src/composables/Utils.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const compose = <T>(...fns: ((arg: T) => T)[]): ((x: T) => T) => {
-  return (x: T) => fns.reduceRight((y, fn) => fn(y), x)
-}
diff --git a/ui/web/src/composables/index.ts b/ui/web/src/composables/index.ts
index c5bd756f..a4b40639 100644
--- a/ui/web/src/composables/index.ts
+++ b/ui/web/src/composables/index.ts
@@ -1,2 +1 @@
 export { UIClient } from './UIClient'
-export { compose } from './Utils'
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index 92ec0555..93fc88b2 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -68,7 +68,7 @@ function stopSimulator(): void {
 
 #inputs-container {
   display: flex;
-  justify-content: space-between;
+  flex-direction: row;
 }
 
 #reload-button {
-- 
2.34.1