31 lines
748 B
JavaScript
31 lines
748 B
JavaScript
import Vue from 'vue';
|
|
|
|
const initFilter = element => {
|
|
const index = JSON.parse(element.getAttribute('data-index'));
|
|
|
|
const filter = new Vue({
|
|
el: element,
|
|
template: element.outerHTML,
|
|
data: {
|
|
ring: 'all',
|
|
index,
|
|
},
|
|
methods: {
|
|
setRing(ring, event) {
|
|
if (event) event.preventDefault()
|
|
this.ring = ring;
|
|
},
|
|
isRingVisible(ring) {
|
|
return this.ring === 'all' || ring === this.ring;
|
|
},
|
|
isGroupVisible(letter) {
|
|
const itemsInLetter = this.index[letter] || [];
|
|
const visibleItems = itemsInLetter.filter((item) => this.isRingVisible(item.attributes.ring));
|
|
return visibleItems.length > 0;
|
|
},
|
|
},
|
|
});
|
|
};
|
|
|
|
export default initFilter;
|