Generalized filters bar, added to network page.

assets/components/home/home.vue

@@ -1,11 +1,6 @@
 <template>
     <div class="content">
-        <FilterBar
-            :filter="filter"
-            :range="range"
-            @set-filter="setFilter"
-            @set-range="setRange"
-        />
+        <FilterBar :fetch-releases="fetchReleases" />
 
         <div class="content-inner">
             <ul class="scenes nolist">
@@ -22,30 +17,11 @@
 </template>
 
 <script>
-import FilterBar from './filter-bar.vue';
+import FilterBar from '../header/filter-bar.vue';
 import ReleaseTile from '../tile/release.vue';
 
-import rangeDates from '../../js/range-dates';
-
 async function fetchReleases() {
-    this.releases = await this.$store.dispatch('fetchReleases', {
-        filter: this.filter,
-        ...rangeDates(this.range),
-    });
-}
-
-async function setFilter(filter) {
-    this.filter = filter;
-    localStorage.setItem('filter', this.filter);
-
-    await this.fetchReleases();
-}
-
-async function setRange(range) {
-    this.range = range;
-    localStorage.setItem('range', this.range);
-
-    await this.fetchReleases();
+    this.releases = await this.$store.dispatch('fetchReleases');
 }
 
 async function mounted() {
@@ -60,12 +36,7 @@ export default {
         ReleaseTile,
     },
     data() {
-        const storedFilter = localStorage.getItem('filter');
-        const storedRange = localStorage.getItem('range');
-
         return {
-            filter: storedFilter ? storedFilter.split(',') : ['gay', 'transsexual'],
-            range: storedRange || 'new',
             releases: [],
             networks: [],
             pageTitle: null,
@@ -74,8 +45,6 @@ export default {
     mounted,
     methods: {
         fetchReleases,
-        setFilter,
-        setRange,
     },
 };
 </script>