[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/ChargingStationType';
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
	1	<template>
	2	<Modal :visibility="props.isVisible">
	3	<div class="card-info">vendor: {{ props.stationInfo.chargePointVendor }}</div>
	4	</Modal>
	5	</template>
	6
	7	<script setup lang="ts">
	8	import type { ChargingStationInfo } from '@/types/ChargingStationType';
	9	import Modal from '@/components/Modal.vue';
	10
	11	const props = defineProps<{
	12	stationInfo: ChargingStationInfo;
	13	isVisible: boolean;
	14	}>();
	15	</script>
	16
	17	<style>
	18	.card-info {
	19	background-color: white;
	20	padding: 15px;
	21	}
	22	</style>