Remove keydown.enter events that disable the submission for line items

This commit is contained in:
benguozakinci@gmail.com 2021-09-02 10:54:36 +03:00
parent ccaa724a3f
commit f0b37c3bc9
2 changed files with 3 additions and 17 deletions

View File

@ -97,18 +97,7 @@ const app = new Vue({
methods: {
onRefFocus(ref, index) {
this.disableFormSubmission();
ref
? ref === 'price'
? setPromiseTimeout(100).then(() => this.$refs[ref][index].$children[0].$el.focus())
: setPromiseTimeout(100).then(() => this.$refs[ref][index].focus())
: {}
},
disableFormSubmission() {
const saveButtonEl = document.getElementsByClassName("btn btn-icon btn-success")[0];
saveButtonEl.setAttribute("type", "button");
setPromiseTimeout(100).then(() => this.$refs[ref][index].focus());
},
onCalculateTotal() {

View File

@ -42,8 +42,7 @@
data-item="name"
v-model="row.name"
@input="onBindingItemField(index, 'name')"
@change="form.errors.clear('items.' + index + '.name')"
@keydown.enter="onRefFocus('description', index)">
@change="form.errors.clear('items.' + index + '.name')"/>
<div class="invalid-feedback d-block"
v-if="form.errors.has('items.' + index + '.name')"
v-html="form.errors.get('items.' + index + '.name')">
@ -68,7 +67,6 @@
resize="none"
@input="onBindingItemField(index, 'description')"
@keydown.enter.exact.prevent
@keydown.enter.exact="onRefFocus('quantity', index)"
></textarea>
@endif
</td>
@ -92,8 +90,7 @@
data-item="quantity"
v-model="row.quantity"
@input="onCalculateTotal"
@change="form.errors.clear('items.' + index + '.quantity')"
@keydown.enter="onRefFocus('price', index)">
@change="form.errors.clear('items.' + index + '.quantity')">
<div class="invalid-feedback d-block"
v-if="form.errors.has('items.' + index + '.quantity')"
v-html="form.errors.get('items.' + index + '.quantity')">