ui/web/src/components/charging-stations/IdTagInputModal.vue

   1 <template>
   2   <Modal :visibility="props.visibility">
   3     <label for="idTag">IdTag</label>
   4     <!-- eslint-disable-next-line vue/no-mutating-props -->
   5     <input v-model="props.idTag" type="text" name="idTag" @keypress.enter="done()" />
   6     <Button @click="done()">
   7       <slot></slot>
   8     </Button>
   9   </Modal>
  10 </template>
  11
  12 <script setup lang="ts">
  13 import Button from '../buttons/Button.vue'
  14 import Modal from '@/components/Modal.vue'
  15
  16 const props = defineProps<{
  17   visibility: boolean
  18   idTag: string
  19 }>()
  20
  21 const emit = defineEmits(['done'])
  22
  23 function done() {
  24   emit('done')
  25 }
  26 </script>