Generalized filters bar, added to network page.

assets/js/ui/actions.js

@@ -0,0 +1,20 @@
+// import { get } from '../api';
+
+function initUiActions(_store, _router) {
+    function setFilter({ commit }, filter) {
+        commit('setFilter', filter);
+        localStorage.setItem('filter', filter);
+    }
+
+    function setRange({ commit }, range) {
+        commit('setRange', range);
+        localStorage.setItem('range', range);
+    }
+
+    return {
+        setFilter,
+        setRange,
+    };
+}
+
+export default initUiActions;

assets/js/ui/getters.js

@@ -0,0 +1,34 @@
+import dayjs from 'dayjs';
+
+const dateRanges = {
+    new: () => ({
+        after: dayjs(new Date(0)).format('YYYY-MM-DD'),
+        before: dayjs(new Date()).format('YYYY-MM-DD'),
+    }),
+    upcoming: () => ({
+        after: dayjs(new Date()).format('YYYY-MM-DD'),
+        before: dayjs(new Date(2 ** 42)).format('YYYY-MM-DD'),
+    }),
+    all: () => ({
+        after: dayjs(new Date(0)).format('YYYY-MM-DD'),
+        before: dayjs(new Date(2 ** 42)).format('YYYY-MM-DD'),
+    }),
+};
+
+function rangeDates(state) {
+    return dateRanges[state.range]();
+}
+
+function before(state) {
+    return dateRanges[state.range]().before;
+}
+
+function after(state) {
+    return dateRanges[state.range]().after;
+}
+
+export default {
+    rangeDates,
+    before,
+    after,
+};

assets/js/ui/mutations.js

@@ -0,0 +1,12 @@
+function setFilter(state, filter) {
+    state.filter = filter;
+}
+
+function setRange(state, range) {
+    state.range = range;
+}
+
+export default {
+    setFilter,
+    setRange,
+};

assets/js/ui/state.js

@@ -0,0 +1,7 @@
+const storedFilter = localStorage.getItem('filter');
+const storedRange = localStorage.getItem('range');
+
+export default {
+    filter: storedFilter ? storedFilter.split(',') : ['gay', 'transsexual'],
+    range: storedRange || 'new',
+};

assets/js/ui/ui.js

@@ -0,0 +1,15 @@
+import state from './state';
+import mutations from './mutations';
+import getters from './getters';
+import actions from './actions';
+
+function initUiStore(store, router) {
+    return {
+        state,
+        mutations,
+        getters,
+        actions: actions(store, router),
+    };
+}
+
+export default initUiStore;