frequi_origin/src/components/ftbot/ForceBuyForm.vue

90 lines
2.0 KiB
Vue
Raw Normal View History

2020-05-14 16:10:57 +00:00
<template>
<div>
<b-modal
id="forcebuy-modal"
ref="modal"
title="Force buying a pair"
@show="resetForm"
@hidden="resetForm"
@ok="handleBuy"
>
<form ref="form" @submit.stop.prevent="handleSubmit">
<b-form-group label="Pair" label-for="pair-input" invalid-feedback="Pair is required">
<b-form-input
id="pair-input"
v-model="pair"
@keydown.enter.native="handleBuy"
required
></b-form-input>
</b-form-group>
<b-form-group
label="*Price [optional]"
label-for="price-input"
invalid-feedback="Price must be empty or a positive number"
>
<b-form-input
id="price-input"
v-model="price"
@keydown.enter.native="handleBuy"
type="number"
step="0.01"
></b-form-input>
</b-form-group>
</form>
</b-modal>
</div>
</template>
<script>
import { mapActions } from 'vuex';
export default {
name: 'ForceBuyForm',
created() {
this.$bvModal.show();
},
data() {
return {
pair: '',
price: null,
};
},
methods: {
...mapActions('ftbot', ['forcebuy']),
close() {
this.$emit('close');
},
checkFormValidity() {
const valid = this.$refs.form.checkValidity();
return valid;
},
handleBuy(bvModalEvt) {
// Prevent modal from closing
bvModalEvt.preventDefault();
// Trigger submit handler
this.handleSubmit();
},
resetForm() {
this.pair = '';
this.price = null;
},
handleSubmit() {
// Exit when the form isn't valid
if (!this.checkFormValidity()) {
return;
}
// call forcebuy
const payload = { pair: this.pair };
if (this.price) {
2020-05-17 05:23:53 +00:00
payload.price = Number(this.price);
2020-05-14 16:10:57 +00:00
}
this.forcebuy(payload);
this.$nextTick(() => {
this.$bvModal.hide('forcebuy-modal');
});
},
},
};
</script>