Files
luos/resources/assets/js/components/search/popovers/ParticipatedLevel.vue
Rodrigo Quelca ffda3997d5 fix conflicts
fix

Revert "fix"

This reverts commit 6d21e322081ecd8b89db4d6c07c6c8a82b2549a6.

add advanced-search main

fix header

gif Home

fix missed code

CR notes

CR notes 2

CR notes 5

CR notes 8
2020-12-04 21:36:59 +00:00

74 lines
2.0 KiB
Vue

<template>
<div id="">
<SearchPopover
:target="tag"
@closePopover="onClose"
@savePopover="onOk"
>
<template v-slot:target-item>
<div @click="onClickTag(tag)" :id="tag">
<b-icon icon="tags-fill" font-scale="1"></b-icon>
{{ tagText }}
</div>
</template>
<template v-slot:body>
<h6>Filter: Participated</h6>
<b-form-group
label="Please select the participation for the search"
>
<b-form-checkbox
v-for="option in options"
v-model="selected"
:key="option.value"
:value="option.value"
name="flavour-2a"
stacked
>
{{ option.text }}
</b-form-checkbox>
</b-form-group>
</template>
</SearchPopover>
</div>
</template>
|
<script>
import SearchPopover from "./SearchPopover.vue";
export default {
components: {
SearchPopover,
},
props: ["tag", "info"],
data() {
return {
selected: [], // Must be an array reference!
options: [
{ text: "Started By Me", value: "Started By Me" },
{ text: "Participated", value: "Participated" },
{ text: "Completed By Me", value: "Completed By Me" },
],
};
},
computed: {
tagText: function() {
return `Participated Level`;
},
},
methods: {
onClose() {},
onOk() {
this.$emit("updateSearchTag", {
columnSearch: "APP_TITLE",
search: this.title,
});
},
onRemoveTag() {},
onClickTag(tag) {
this.$root.$emit("bv::hide::popover");
},
},
};
</script>
<style scoped></style>