Added wipeUserSessions feature

Author: Fiahblade

src/lib/code/api.ts

@@ -565,6 +565,25 @@ export function deleteUserAccount(deleteUserAccount: IDeleteUserAccount, complet
         })
 }
 
+export function wipeUserSessions(completed: (wasSuccess: boolean) => void) {
+    log("API Request: wipeUserSessions");
+    axiosClient().post(`/api/v2/users/wipe/sessions`)
+        .then((response) => {
+            if (response?.status !== 200) {
+                return Promise.reject(response);
+            }
+
+            log(response?.status);
+            log(response?.data);
+            completed(true);
+        })
+
+        .catch((error) => {
+            console.error(`Failed to wipe user sessions Error: ${error}`)
+            completed(false);
+        })
+}
+
 export function getPanelUserSettings(report: (wasSuccess: boolean, panelUserSettings: IPanelSettings) => void) {
     log("API Request: getPanelUserSettings");
     axiosClient().get(`/api/v2/users/current/settings`)
@@ -1025,7 +1044,6 @@ export function deleteSchedulerTask(serverId: string, taskId: string, completed:
         })
 }
 
-
 export function getApiKeys(report: (apiKey: IApiKey[]) => void, completed: (wasSuccess: boolean) => void): void {
     log("API Request: getApiKeys");
     axiosClient().get(`/api/v2/keys`)

src/lib/pages/users/overview.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { mdiAccountPlus, mdiCheck, mdiClose, mdiRefresh } from '@mdi/js';
-	import { deletePanelUser, getPanelUsers } from '$lib/code/api';
+	import { mdiAccountMultipleRemove, mdiAccountPlus, mdiCheck, mdiClose, mdiRefresh } from '@mdi/js';
+	import { deletePanelUser, getPanelUsers, wipeUserSessions } from '$lib/code/api';
+	import { onMount } from 'svelte';
 	import Icon from '$lib/components/elements/icon.svelte';
 	import { navigateToPage } from '$lib/code/routing';
 	import { Page, type IPanelUser } from '../../../types';
 	import Spinner from '$lib/components/elements/spinner.svelte';
 	import PageTitleBanner from '$lib/components/page/pageTitleBanner.svelte';
-	import { onMount } from 'svelte';
 	import Button from '$lib/components/elements/button.svelte';
 
 	let users: IPanelUser[] = [];
@@ -33,6 +33,21 @@
 		load();
 	}
 
+	function handleLogOutActiveUsersButton() {
+		let allowedToLogout = confirm(`Are you sure you want to clear all active sessions? All users will need to login again, including you.`);
+		if (!allowedToLogout) {
+			return;
+		}
+
+		wipeUserSessions((wasSuccess: boolean) => {
+			if (wasSuccess) {
+				confirm(`User sessions were cleared.`);
+			} else {
+				confirm(`Failed to wipe user sessions.`);
+			}
+		});
+	}
+
 	function handleEditPanelUser(userId: string) {
 		navigateToPage(Page.UsersEdit, userId);
 	}
@@ -72,6 +87,15 @@
 					<Icon data={mdiRefresh} size={5} class="" />
 				</button>
 			</div>
+			<div class="self-center">
+				<button
+					type="button"
+					on:click={handleLogOutActiveUsersButton}
+					class="px-3 py-1.5 text-sm font-medium text-red-600 dark:text-red-500 bg-white border border-gray-200 rounded-lg focus:outline-none hover:bg-red-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:hover:text-white dark:hover:bg-red-700"
+				>
+					<Icon data={mdiAccountMultipleRemove} size={5} class="" />
+				</button>
+			</div>
 			<div class="self-center">
 				<Button icon={mdiAccountPlus} text={'Create User'} on:click={() => navigateToPage(Page.UsersCreate)} reactive={true} />
 			</div>