From b2b366032fe1db1b8a02613c611ead7b27a137c2 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 4 Dec 2023 12:24:39 +0100
Subject: [PATCH] refs #5633 create componente VnAccountNumber

---
 src/components/common/VnAccountNumber.vue | 42 +++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/components/common/VnAccountNumber.vue

diff --git a/src/components/common/VnAccountNumber.vue b/src/components/common/VnAccountNumber.vue
new file mode 100644
index 000000000..3568ad914
--- /dev/null
+++ b/src/components/common/VnAccountNumber.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, watch } from 'vue';
+import { QInput } from 'quasar';
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: '',
+    },
+});
+
+const emit = defineEmits(['update:modelValue', 'accountShortToStandard']);
+
+let internalValue = ref(props.modelValue);
+
+watch(
+    () => props.modelValue,
+    (newVal) => {
+        internalValue.value = newVal;
+    }
+);
+
+watch(
+    () => internalValue.value,
+    (newVal) => {
+        emit('update:modelValue', newVal);
+        accountShortToStandard();
+    }
+);
+
+function accountShortToStandard() {
+    internalValue.value = internalValue.value.replace(
+        '.',
+        '0'.repeat(11 - internalValue.value.length)
+    );
+    emit('accountShortToStandard', internalValue.value);
+}
+</script>
+
+<template>
+    <q-input v-model="internalValue" />
+</template>