[e-mobility-charging-stations-simulator.git] / ui / web / src / components / charging-stations / CSInfoModal.vue

<template>
  <Modal :visibility="props.isVisible">
    <div class="card-info">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>

<style>
.card-info {
  background-color: white;
  padding: 15px;
}
</style>
Commit	Line	Data
32de5a57	1	<template>
8fc2e5cc	2	<Modal :visibility="props.isVisible">
513c1626	3	<div class="card-info">vendor: {{ props.stationInfo.chargePointVendor }}</div>
32de5a57 LM	4	</Modal>
	5	</template>
	6
	7	<script setup lang="ts">
66a7748d JB	8	import type { ChargingStationInfo } from '@/types'
66a7748d JB	9	import Modal from '@/components/Modal.vue'
32de5a57 LM	10
32de5a57 LM	11	const props = defineProps<{
66a7748d JB	12	stationInfo: ChargingStationInfo
	13	isVisible: boolean
	14	}>()
32de5a57 LM	15	</script>
	16
	17	<style>
	18	.card-info {
	19	background-color: white;
	20	padding: 15px;
	21	}
	22	</style>