+
⚙️
Moderate Record
+
diff --git a/src/composables/useBulkSelection.ts b/src/composables/useBulkSelection.ts
new file mode 100644
index 0000000..14f9366
--- /dev/null
+++ b/src/composables/useBulkSelection.ts
@@ -0,0 +1,156 @@
+import { ref, computed } from 'vue'
+import type { Ref } from 'vue'
+
+// Heavy bulk: cross-page record selection that survives page navigation
+// (sessionStorage) and named "saved selections" that persist across sessions
+// (localStorage). One module-level store; every consumer of useBulkSelection
+// sees the same set, which is the point — selections accrue as the moderator
+// scrolls through different lists.
+
+export interface BulkRecordEntry {
+ id: string
+ // Human-readable label for the tray; should be self-contained without
+ // needing the original list context (e.g. "player on map · 12.345s").
+ label: string
+}
+
+export interface SavedSelection {
+ name: string
+ saved_at: number
+ entries: BulkRecordEntry[]
+}
+
+const SESSION_KEY = 'mod-bulk-selection-v1'
+const SAVED_KEY = 'mod-bulk-saved-v1'
+
+const loadSession = (): Map
=> {
+ try {
+ const raw = sessionStorage.getItem(SESSION_KEY)
+ if (!raw) return new Map()
+ const arr: BulkRecordEntry[] = JSON.parse(raw)
+ return new Map(arr.map(e => [e.id, e]))
+ } catch {
+ return new Map()
+ }
+}
+
+const loadSaved = (): SavedSelection[] => {
+ try {
+ const raw = localStorage.getItem(SAVED_KEY)
+ if (!raw) return []
+ return JSON.parse(raw)
+ } catch {
+ return []
+ }
+}
+
+const entries: Ref> = ref(loadSession())
+const saved: Ref = ref(loadSaved())
+
+const persistSession = () => {
+ try {
+ sessionStorage.setItem(SESSION_KEY, JSON.stringify(Array.from(entries.value.values())))
+ } catch {
+ // sessionStorage full or disabled — selection is still live in memory
+ }
+}
+
+const persistSaved = () => {
+ try {
+ localStorage.setItem(SAVED_KEY, JSON.stringify(saved.value))
+ } catch {
+ // localStorage full or disabled
+ }
+}
+
+export const useBulkSelection = () => {
+ const count = computed(() => entries.value.size)
+ const ids = computed(() => Array.from(entries.value.keys()))
+ const list = computed(() => Array.from(entries.value.values()))
+ const isEmpty = computed(() => entries.value.size === 0)
+
+ const has = (id: string) => entries.value.has(id)
+
+ const add = (entry: BulkRecordEntry) => {
+ entries.value.set(entry.id, entry)
+ persistSession()
+ }
+
+ const remove = (id: string) => {
+ if (entries.value.delete(id)) persistSession()
+ }
+
+ const toggle = (entry: BulkRecordEntry) => {
+ if (entries.value.has(entry.id)) {
+ entries.value.delete(entry.id)
+ } else {
+ entries.value.set(entry.id, entry)
+ }
+ persistSession()
+ }
+
+ const addMany = (newEntries: BulkRecordEntry[]) => {
+ for (const e of newEntries) entries.value.set(e.id, e)
+ persistSession()
+ }
+
+ const removeMany = (idsToRemove: string[]) => {
+ let changed = false
+ for (const id of idsToRemove) if (entries.value.delete(id)) changed = true
+ if (changed) persistSession()
+ }
+
+ const clear = () => {
+ if (entries.value.size === 0) return
+ entries.value.clear()
+ persistSession()
+ }
+
+ const save = (name: string) => {
+ const trimmed = name.trim()
+ if (!trimmed || entries.value.size === 0) return
+ const existing = saved.value.findIndex(s => s.name === trimmed)
+ const snapshot: SavedSelection = {
+ name: trimmed,
+ saved_at: Date.now(),
+ entries: Array.from(entries.value.values()),
+ }
+ if (existing >= 0) saved.value[existing] = snapshot
+ else saved.value.unshift(snapshot)
+ persistSaved()
+ }
+
+ const restore = (name: string, mode: 'replace' | 'merge' = 'replace') => {
+ const slot = saved.value.find(s => s.name === name)
+ if (!slot) return
+ if (mode === 'replace') entries.value.clear()
+ for (const e of slot.entries) entries.value.set(e.id, e)
+ persistSession()
+ }
+
+ const deleteSaved = (name: string) => {
+ const before = saved.value.length
+ saved.value = saved.value.filter(s => s.name !== name)
+ if (saved.value.length !== before) persistSaved()
+ }
+
+ return {
+ count,
+ ids,
+ list,
+ isEmpty,
+ saved: computed(() => saved.value),
+
+ has,
+ add,
+ remove,
+ toggle,
+ addMany,
+ removeMany,
+ clear,
+
+ save,
+ restore,
+ deleteSaved,
+ }
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index a445034..339144a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -43,6 +43,11 @@ const router = createRouter({
path: '/servers',
name: 'servers',
component: () => import('../views/ServersView.vue')
+ },
+ {
+ path: '/moderation',
+ name: 'moderation',
+ component: () => import('../views/ModerationView.vue')
}
],
})
diff --git a/src/stores/moderation.ts b/src/stores/moderation.ts
index 5993354..7189c09 100644
--- a/src/stores/moderation.ts
+++ b/src/stores/moderation.ts
@@ -49,6 +49,19 @@ export const useModerationStore = () => {
return userPermissions.value.contains(UserPermissions.UNDO_MOD_ACTION)
})
+ // Server owners can self-invalidate runs on their own servers. Backend
+ // requires both SERVER_OWNER_INVALIDATE_TIMES and INVALIDATE_TIMES.
+ const canServerOwnerInvalidate = computed(() => {
+ return userPermissions.value.contains(UserPermissions.SERVER_OWNER_INVALIDATE_TIMES)
+ && userPermissions.value.contains(UserPermissions.INVALIDATE_TIMES)
+ })
+
+ // Truthy for anyone with at least one moderation-adjacent capability —
+ // mods, admins, and server owners. Used to gate the /moderation route.
+ const canAccessModerationPanel = computed(() => {
+ return canModerate.value || canUndoModerationActions.value || canServerOwnerInvalidate.value
+ })
+
const getAvailableActions = (target: ModerationTarget) => {
if (!canModerate.value) return []
@@ -121,6 +134,21 @@ export const useModerationStore = () => {
}
}
+ const performServerOwnerInvalidate = async (recordIds: string[], reason: string): Promise => {
+ if (!reason.trim()) {
+ throw new Error('Reason is required')
+ }
+ if (recordIds.length === 0) {
+ throw new Error('No records selected')
+ }
+ isLoading.value = true
+ try {
+ await OffstylesApi.serverOwnerInvalidate(recordIds, reason.trim())
+ } finally {
+ isLoading.value = false
+ }
+ }
+
const getModerationLogs = async (id: string) => {
return await OffstylesApi.getModerationLogs(id)
}
@@ -144,14 +172,17 @@ export const useModerationStore = () => {
canBanPlayers,
canInvalidateTimes,
canUndoModerationActions,
+ canServerOwnerInvalidate,
+ canAccessModerationPanel,
userPermissions,
-
+
// Actions
getAvailableActions,
openModerationModal,
closeModerationModal,
performModerationAction,
performBulkModerationAction,
+ performServerOwnerInvalidate,
getModerationLogs,
reverseModerationActions,
getRecentModerationLogs
diff --git a/src/types/TimesFilter.ts b/src/types/TimesFilter.ts
index 35c91d1..16568db 100644
--- a/src/types/TimesFilter.ts
+++ b/src/types/TimesFilter.ts
@@ -3,6 +3,7 @@ export type SortOrder = 'Fastest' | 'Slowest' | 'Newest' | 'Oldest';
export type TimesScope =
| { kind: 'map'; map: string }
| { kind: 'player'; steamid: string }
+ | { kind: 'server'; server: string }
| { kind: 'globals'; wr?: boolean; recent?: boolean };
export interface TimesFilter {
diff --git a/src/types/moderation.ts b/src/types/moderation.ts
index 8f48dec..35dc444 100644
--- a/src/types/moderation.ts
+++ b/src/types/moderation.ts
@@ -61,31 +61,75 @@ export class UserPermissions {
static readonly INVALIDATE_TIMES = 1 << 0;
static readonly BAN_PLAYERS = 1 << 1;
static readonly SERVER_OWNER_INVALIDATE_TIMES = 1 << 2;
+ static readonly SERVER_OWNER_EDIT_SERVER = 1 << 3;
static readonly UNDO_MOD_ACTION = 1 << 15;
+ static readonly EDIT_SERVERS = 1 << 28;
static readonly BYPASS_RATELIMITS = 1 << 29;
static readonly CREATE_KEY = 1 << 30;
static readonly MANAGE_KEYS = 1 << 31;
-
+
// Permission groups
static readonly MODERATOR = UserPermissions.INVALIDATE_TIMES | UserPermissions.BAN_PLAYERS;
static readonly ADMIN = UserPermissions.MODERATOR | UserPermissions.UNDO_MOD_ACTION | UserPermissions.CREATE_KEY;
// OWNER would have all permissions
-
+
constructor(private value: number) {}
-
+
contains(permission: number): boolean {
return (this.value & permission) === permission;
}
-
+
isModerator(): boolean {
return this.contains(UserPermissions.MODERATOR);
}
-
+
isAdmin(): boolean {
return this.contains(UserPermissions.ADMIN);
}
}
+export type PermissionTone = 'red' | 'purple' | 'yellow' | 'blue' | 'gray'
+
+export interface PermissionLabel {
+ name: string
+ tone: PermissionTone
+}
+
+const KNOWN_FLAGS: Array<[number, PermissionLabel]> = [
+ [UserPermissions.INVALIDATE_TIMES, { name: 'Invalidate Times', tone: 'red' }],
+ [UserPermissions.BAN_PLAYERS, { name: 'Ban Players', tone: 'red' }],
+ [UserPermissions.SERVER_OWNER_INVALIDATE_TIMES,{ name: 'Server-Owner Invalidate', tone: 'purple' }],
+ [UserPermissions.SERVER_OWNER_EDIT_SERVER, { name: 'Server-Owner Edit', tone: 'purple' }],
+ [UserPermissions.UNDO_MOD_ACTION, { name: 'Reverse Mod Actions', tone: 'purple' }],
+ [UserPermissions.EDIT_SERVERS, { name: 'Edit Servers', tone: 'blue' }],
+ [UserPermissions.BYPASS_RATELIMITS, { name: 'Bypass Rate Limits', tone: 'yellow' }],
+ [UserPermissions.CREATE_KEY, { name: 'Create API Keys', tone: 'blue' }],
+ [UserPermissions.MANAGE_KEYS, { name: 'Manage API Keys', tone: 'blue' }],
+]
+
+export function describePermissions(value: number): PermissionLabel[] {
+ const out: PermissionLabel[] = []
+ let covered = 0
+ for (const [bit, label] of KNOWN_FLAGS) {
+ if ((value & bit) === bit) {
+ out.push(label)
+ covered |= bit
+ }
+ }
+ const rest = value & ~covered
+ if (rest !== 0) {
+ out.push({ name: `Other (0x${rest.toString(16)})`, tone: 'gray' })
+ }
+ return out
+}
+
+export function permissionRoleLabel(value: number): string | null {
+ if ((value & UserPermissions.ADMIN) === UserPermissions.ADMIN) return 'Admin'
+ if ((value & UserPermissions.MODERATOR) === UserPermissions.MODERATOR) return 'Moderator'
+ if ((value & UserPermissions.SERVER_OWNER_INVALIDATE_TIMES) === UserPermissions.SERVER_OWNER_INVALIDATE_TIMES) return 'Server Owner'
+ return null
+}
+
// Standard API error response
export interface JsonError {
error: string;
diff --git a/src/views/ModerationView.vue b/src/views/ModerationView.vue
new file mode 100644
index 0000000..368d5ad
--- /dev/null
+++ b/src/views/ModerationView.vue
@@ -0,0 +1,207 @@
+
+
+
+
+
+
+ Checking permissions…
+
+
+
+
+
Sign in required
+
The moderation panel is for staff only.
+
+
Not authorized
+
Your account doesn't have moderation permissions.
+
+
+
+
+
Moderation
+
+ {{ visibleTabs.find(t => t.key === activeTab)?.description }}
+
+
+
+
Signed in as {{ user.username }}
+
+ {{ role }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+