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

<template>
  <Modal :visibility="props.isVisible">
    <div class="card-info">vendor: {{ props.info.chargePointVendor }}</div>
  </Modal>
</template>

<script setup lang="ts">
import Modal from '@/components/Modal.vue';
import type { ChargingStationInfo } from '@/types/ChargingStationType';

const props = defineProps<{
  isVisible: boolean;
  info: ChargingStationInfo;
}>();
</script>

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