791aebc346
Some checks failed
continuous-integration/drone/push Build is failing
- Complete GGZ Ecademy Nuxt.js user portal - Learning products browser and management - Member management interface - User authentication and roles - Multi-language support (NL/EN) - Vuex store for state management - Component-based architecture
48 lines
1.2 KiB
Vue
48 lines
1.2 KiB
Vue
<template>
|
|
<v-expansion-panels flat accordion tile v-model="panel">
|
|
<v-expansion-panel v-for="filter in filtersSearchable" :key="filter.title">
|
|
<v-expansion-panel-header>{{
|
|
$t(`learning.filters.${filter.title}`) | capitalize
|
|
}}</v-expansion-panel-header>
|
|
<v-expansion-panel-content>
|
|
<universalFilterSelector
|
|
:filterTitle="filter.title"
|
|
:editMode="true"
|
|
filterType="menu"
|
|
/>
|
|
</v-expansion-panel-content>
|
|
</v-expansion-panel>
|
|
</v-expansion-panels>
|
|
</template>
|
|
|
|
<script>
|
|
import universalFilterSelector from '@/components/UniversalFilterSelector/UniversalFilterSelector'
|
|
|
|
export default {
|
|
components: {
|
|
universalFilterSelector,
|
|
},
|
|
computed: {
|
|
filtersSearchable() {
|
|
return this.$store.getters.filtersSearchable
|
|
},
|
|
subMenu() {
|
|
return this.$store.getters.rightDrawer.subMenu
|
|
},
|
|
panel: {
|
|
get() {
|
|
return this.filtersSearchable.findIndex(
|
|
(filter) => filter.title === this.subMenu
|
|
)
|
|
},
|
|
set(v) {},
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.v-item-group >>> .v-list-item--active.secondary {
|
|
background-color: var(--v-primary-base) !important;
|
|
}
|
|
</style> |