added "enabledFilter" & "enabledFilterOptions" options, updated "filterMode" handling

src/components/VueShuffle.vue

@@ -8,6 +8,8 @@
                                     @filterModeChange="filterModeChange"
                                     :filter-mode="filterMode"
                                     :filter="filterOptions"
+                                    :enabled-filter="settings.enabledFilter"
+                                    :enabled-filter-options="settings.enabledFilterOptions"
                                     :enabled-search="settings.enabledSearch"
                                     :enabled-sort="settings.enabledSort">
                 </vue-shuffle-navbar>
@@ -52,7 +54,9 @@
       }
     },
     created () {},
-    mounted () {},
+    mounted () {
+      // console.log('settings => ', JSON.stringify(this.settings, null, 2))
+    },
     updated () {
       // TODO: check initializing e.g. mounted (lifecycle hooks https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks)
       if (!this.shuffle && document.querySelectorAll('.shuffle-item').length) {
@@ -134,7 +138,7 @@
           easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)', // easeOutQuart
           itemSelector: '.shuffle-item',
           sizer: '.sizer-element',
-          filterMode: Shuffle.FilterMode.ANY
+          filterMode: (this.settings.filterMode === 'and') ? Shuffle.FilterMode.ANY : Shuffle.FilterMode.ALL
         })
 
         this.filterKeys = this.getAvailableFilters()

src/components/VueShuffleNavbar.vue

@@ -4,7 +4,7 @@
             <div class="navbar-collapse">
                 <ul class="nav nav-header">
                     <li class="col-sm-4">
-                        <div class="checkbox pull-left">
+                        <div class="checkbox pull-left" v-if="enabledFilterOptions">
                             <label>
                                 <input type="checkbox" v-model="checked" @change="filterModeChange"> {{ $t('vsp-message.filter-option-desc') }}
                             </label>
@@ -43,7 +43,7 @@
                         </div>
                     </li>
                 </ul>
-                <ul class="nav navbar-nav" v-if="filter">
+                <ul class="nav navbar-nav" v-if="filter && enabledFilter">
                     <li v-for="(item, index) in filter" :key="item.id" class="select-wrap col-sm-4">
                         <multiselect
                                 :id="index"
@@ -81,13 +81,14 @@
     props: [
       'filter',
       'filterMode',
+      'enabledFilter',
+      'enabledFilterOptions',
       'enabledSearch',
       'enabledSort'
     ],
     data () {
       return {
         filtered: [],
-        checked: (this.filterMode === Shuffle.FilterMode.ALL),
         searchBy: null,
         sortBy: null,
         sortOptions: [
@@ -103,6 +104,11 @@
         selectedFilters: {}
       }
     },
+    computed: {
+      checked () {
+        return (this.filterMode === Shuffle.FilterMode.ALL)
+      }
+    },
     mounted () {
       this.checkUrlQueryParams()
     },