40 lines
871 B
Vue
40 lines
871 B
Vue
<template>
|
|
<div>
|
|
<div ref="comment-input"></div>
|
|
<div class="level">
|
|
<div class="level-left">
|
|
<span class="text-muted">{{ __('Ctrl + Enter to submit') }}</span>
|
|
</div>
|
|
<div class="level-right">
|
|
<button class="btn btn-primary btn-xs" @click="submit_input">{{ __('Submit') }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
mounted() {
|
|
this.make_input();
|
|
},
|
|
methods: {
|
|
make_input() {
|
|
this.message_input = frappe.ui.form.make_control({
|
|
parent: this.$refs['comment-input'],
|
|
on_submit: (message) => {
|
|
this.message_input.reset();
|
|
this.$emit('change', message);
|
|
},
|
|
only_input: true,
|
|
no_wrapper: true
|
|
});
|
|
},
|
|
submit_input() {
|
|
if (!this.message_input) return;
|
|
const value = this.message_input.get_value();
|
|
if (!value) return;
|
|
this.message_input.submit();
|
|
}
|
|
}
|
|
}
|
|
</script>
|