Implemented negative filters in back-end, added basic fixed filters settings dialog.

components/header/header.vue

@@ -124,6 +124,15 @@
 								</a>
 							</li>
 
+							<li
+								v-close-popper
+								class="menu-item menu-button"
+								@click="showSettings = true"
+							>
+								<Icon icon="equalizer" />
+								Settings
+							</li>
+
 							<li
 								class="menu-button menu-item logout"
 								@click="logout"
@@ -147,6 +156,11 @@
 				</a>
 			</div>
 		</div>
+
+		<Settings
+			v-if="showSettings"
+			@close="showSettings = false"
+		/>
 	</header>
 </template>
 
@@ -160,6 +174,8 @@ import {
 import navigate from '#/src/navigate.js';
 import { del } from '#/src/api.js';
 
+import Settings from '#/components/settings/settings.vue';
+
 import logo from '../../assets/img/logo.svg?raw'; // eslint-disable-line import/no-unresolved
 
 const pageContext = inject('pageContext');
@@ -168,6 +184,7 @@ const user = pageContext.user;
 const query = ref(pageContext.urlParsed.search.q || '');
 const allowLogin = pageContext.env.allowLogin;
 const searchFocused = ref(false);
+const showSettings = ref(false);
 
 const activePage = computed(() => pageContext.urlParsed.pathname.split('/')[1]);
 const currentPath = `${pageContext.urlParsed.pathnameOriginal}${pageContext.urlParsed.searchOriginal || ''}`;