filters on server side integrated

src/components/nav/Results.vue

@@ -8,7 +8,7 @@
       <header class="col-1">
         <h2>Resultats</h2>
         <span class="search-keys">{{ keys }}</span><br>
-        <span class="results-count">{{ resultsCount }}</span>
+        <span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span>
       </header>
       <section class="col-10 results-list">
         <div class="wrapper">
@@ -17,6 +17,7 @@
               <ResultItem :result="result" />
             </li>
             <infinite-loading
+              v-if="offset < resultsQuantity.quantity"
               @infinite="nextResultsBatch"
             />
           </ul>
@@ -52,8 +53,12 @@ export default {
     ...mapState({
       keys: state => state.Search.keys,
       results: state => state.Search.results,
-      resultsCount: state => state.Search.resultsCount
-    })
+      resultsQuantity: state => state.Search.resultsQuantity,
+      offset: state => state.Search.offset
+    }),
+    resultsCount () {
+      return `${this.resultsQuantity.quantity} ${this.resultsQuantity.unit}`
+    }
   },
   methods: {
     close () {

src/components/nav/Search.vue

@@ -114,13 +114,13 @@ export default {
   },
   methods: {
     ...mapActions({
-      getResults: 'Search/getResults',
+      newSearch: 'Search/newSearch',
       setSearchTypeValue: 'Search/setSearchTypeValue',
-      setSearchFiltersValue: 'Search/setSearchFiltersValue'
+      setSearchActiveFilters: 'Search/setSearchActiveFilters'
     }),
     submit () {
       console.log('submited', this.keys)
-      this.getResults()
+      this.newSearch()
     },
     dropDownMenuPos (dropdownList, component, { width }) {
       /**
@@ -170,15 +170,15 @@ export default {
     },
     onFiltersNominumSelected (e) {
       console.log('onFiltersNominumSelected', e)
-      this.setSearchFiltersValue({ index: 'persons', value: e })
+      this.setSearchActiveFilters({ index: 'persons', value: e })
     },
     onFiltersLocorumSelected (e) {
       console.log('onFiltersLocorumSelected', e)
-      this.setSearchFiltersValue({ index: 'places', value: e })
+      this.setSearchActiveFilters({ index: 'places', value: e })
     },
     onFiltersOperumSelected (e) {
       console.log('onFiltersOperumSelected', e)
-      this.setSearchFiltersValue({ index: 'objects', value: e })
+      this.setSearchActiveFilters({ index: 'objects', value: e })
     }
   }
 }