You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.3 KiB
56 lines
1.3 KiB
<template>
|
|
<v-card outlined class="rounded-xl px-3">
|
|
<v-card-title> {{ $t('Show Status')}} </v-card-title>
|
|
<v-card-text>
|
|
<v-checkbox v-for="(Status, idx) in statuses" :key="idx" v-model="selectedTwoWay" :label="Status.status"
|
|
:value="Status.id" color="#F5CDA8" class="my-n2"></v-checkbox>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ["statuses"],
|
|
data() {
|
|
return {
|
|
StatusList: ["Postponed", "Cancelled", "Upcoming", "Ongoing", "Finished"],
|
|
selected: [],
|
|
};
|
|
},
|
|
computed: {
|
|
selectedComputed() {
|
|
return this.$store.state.myStore.selected;
|
|
},
|
|
selectedTwoWay: {
|
|
get() {
|
|
return this.$store.state.myStore.selected;
|
|
},
|
|
set(value) {
|
|
this.$store.commit("setSelected", value);
|
|
this.$emit("selectStatus", value);
|
|
},
|
|
},
|
|
},
|
|
// watch: {
|
|
// selected(newStatus, oldStatus) {
|
|
// this.$store.commit("setSelected", newStatus);
|
|
// if (newStatus !== oldStatus.length) this.$emit("selectStatus", newStatus);
|
|
// },
|
|
// },
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep() {
|
|
.v-input--selection-controls__input {
|
|
i {
|
|
color: #f5cda8 !important;
|
|
}
|
|
}
|
|
|
|
.v-label {
|
|
color: #232323 !important;
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
</style>
|