Move web ui code in its own directory

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

diff --git a/ui/web/src/components/charging-stations/IdTagInputModal.vue b/ui/web/src/components/charging-stations/IdTagInputModal.vue
new file mode 100644 (file)
index 0000000..ec3db54
--- /dev/null
+++ b/ui/web/src/components/charging-stations/IdTagInputModal.vue
@@ -0,0 +1,26 @@
+<template>
+  <Modal :visibility="props.visibility">
+    <label for="idTag">IdTag</label>
+    <!-- eslint-disable-next-line vue/no-mutating-props -->
+    <input type="text" name="idTag" v-model="props.idTag" @keypress.enter="done()" />
+    <Button @click="done()">
+      <slot></slot>
+    </Button>
+  </Modal>
+</template>
+
+<script setup lang="ts">
+import Modal from '@/components/Modal.vue';
+import Button from '../buttons/Button.vue';
+
+const props = defineProps<{
+  visibility: boolean;
+  idTag: string;
+}>();
+
+const emit = defineEmits(['done']);
+
+function done() {
+  emit('done');
+}
+</script>