85 lines
2.2 KiB
Vue
85 lines
2.2 KiB
Vue
<template>
|
|
<div id="">
|
|
<SearchPopover
|
|
:target="tag"
|
|
@savePopover="onOk"
|
|
:title="info.title"
|
|
:autoShow="info.autoShow || false"
|
|
>
|
|
|
|
<template v-slot:body>
|
|
<p>{{ info.detail }}</p>
|
|
<form ref="form" @submit.stop.prevent="handleSubmit">
|
|
<b-form-group
|
|
:state="valueState"
|
|
label-for="name-input"
|
|
:invalid-feedback="$t('ID_REQUIRED_FIELD')"
|
|
>
|
|
<b-form-input
|
|
id="name-input"
|
|
v-model="filter[0].value"
|
|
:placeholder="$t('ID_TASK_THREAD_TITLE_NAME')"
|
|
:state="valueState"
|
|
required
|
|
></b-form-input>
|
|
</b-form-group>
|
|
</form>
|
|
</template>
|
|
</SearchPopover>
|
|
</div>
|
|
</template>
|
|
|
|
|
<script>
|
|
import SearchPopover from "./SearchPopover.vue";
|
|
|
|
export default {
|
|
components: {
|
|
SearchPopover,
|
|
},
|
|
props: ["tag", "info", "filter"],
|
|
data() {
|
|
return {
|
|
title: "",
|
|
valueState: null,
|
|
};
|
|
},
|
|
methods: {
|
|
/**
|
|
* Check the form validations and requiered fields
|
|
*/
|
|
checkFormValidity() {
|
|
const valid = this.$refs.form.checkValidity();
|
|
this.valueState = valid;
|
|
return valid;
|
|
},
|
|
/**
|
|
* Submit form handler
|
|
*/
|
|
handleSubmit() {
|
|
let self = this;
|
|
// Exit when the form isn't valid
|
|
if (!this.checkFormValidity()) {
|
|
return;
|
|
}
|
|
this.$nextTick(() => {
|
|
this.$emit("updateSearchTag", this.filter);
|
|
self.$root.$emit("bv::hide::popover");
|
|
});
|
|
},
|
|
/**
|
|
* On ok event handler
|
|
*/
|
|
onOk() {
|
|
this.handleSubmit();
|
|
},
|
|
/**
|
|
* On ok event handler
|
|
*/
|
|
onClickTag(tag) {
|
|
this.$root.$emit("bv::hide::popover");
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style scoped></style>
|