Better navigation on admin app.

This commit is contained in:
Leo Vasanko 2025-09-01 20:04:56 -06:00
parent 5a9bee9a1d
commit 70551cebb7

View File

@ -312,6 +312,12 @@ const selectedUser = computed(() => {
return null return null
}) })
const pageHeading = computed(() => {
if (selectedUser.value) return 'Organization Admin'
if (selectedOrg.value) return 'Organization Admin'
return (authStore.settings?.rp_name || 'Passkey') + ' Admin'
})
watch(selectedUser, async (u) => { watch(selectedUser, async (u) => {
if (!u) { userDetail.value = null; return } if (!u) { userDetail.value = null; return }
try { try {
@ -426,11 +432,16 @@ async function submitDialog() {
<template> <template>
<div class="container"> <div class="container">
<h1 v-if="!selectedUser"> <h1>
<template v-if="!selectedOrg">{{ (authStore.settings?.rp_name || 'Passkey') + ' Admin' }}</template> {{ pageHeading }}
<template v-else>Organization Admin</template>
<a href="/auth/" class="back-link" title="Back to User App">User</a> <a href="/auth/" class="back-link" title="Back to User App">User</a>
<a v-if="selectedOrg && info?.is_global_admin" @click.prevent="goOverview" href="#overview" class="nav-link" title="Back to overview">Overview</a> <a
v-if="info?.is_global_admin && (selectedOrg || selectedUser)"
@click.prevent="goOverview"
href="#overview"
class="nav-link"
title="Back to overview"
>Overview</a>
</h1> </h1>
<div v-if="loading">Loading</div> <div v-if="loading">Loading</div>
<div v-else-if="error" class="error">{{ error }}</div> <div v-else-if="error" class="error">{{ error }}</div>