Skip to content

GitLab

Commit d08757ce authored by IanShaw027's avatar IanShaw027
Browse files

refactor(admin): remove auth migration reports

parent c624cce8
Show whitespace changes
Inline Side-by-side
frontend/src/i18n/locales/en.ts
View file @ d08757ce
......@@ -1438,8 +1438,8 @@ export default {
usage: 'Usage',
concurrency: 'Concurrency',
status: 'Status',
lastLogin: 'Last Login',
lastActive: 'Last Active',
lastUsed: 'Last Used',
created: 'Created',
actions: 'Actions'
},
......
frontend/src/i18n/locales/zh.ts
View file @ d08757ce
......@@ -1464,8 +1464,8 @@ export default {
usage: '用量',
concurrency: '并发数',
status: '状态',
lastLogin: '最后登录',
lastActive: '最后使用',
lastActive: '最后活跃时间',
lastUsed: '最后使用时间',
created: '创建时间',
actions: '操作'
},
......
frontend/src/router/index.ts
View file @ d08757ce
......@@ -341,16 +341,6 @@ const routes: RouteRecordRaw[] = [
descriptionKey: 'admin.users.description'
}
},
{
path: '/admin/users/auth-identity-migration-reports',
name: 'AdminAuthIdentityMigrationReports',
component: () => import('@/views/admin/AuthIdentityMigrationReportsView.vue'),
meta: {
requiresAuth: true,
requiresAdmin: true,
title: 'Auth Identity Migration Reports'
}
},
{
path: '/admin/groups',
name: 'AdminGroups',
......
frontend/src/types/index.ts
View file @ d08757ce
......@@ -84,7 +84,6 @@ export interface User {
balance_notify_threshold: number | null
balance_notify_extra_emails: NotifyEmailEntry[]
subscriptions?: UserSubscription[] // User's active subscriptions
last_login_at?: string | null
last_active_at?: string | null
created_at: string
updated_at: string
......
frontend/src/views/admin/AuthIdentityMigrationReportsView.vue deleted 100644 → 0
View file @ c624cce8
<template>
<AppLayout>
<div class="space-y-6">
<section class="grid gap-4 md:grid-cols-3">
<div class="card p-5">
<p class="text-sm font-medium text-gray-500 dark:text-dark-400">
{{ copy.total }}
</p>
<p data-test="summary-total" class="mt-2 text-3xl font-semibold text-gray-900 dark:text-gray-100">
{{ summary.total }}
</p>
</div>
<div class="card p-5">
<p class="text-sm font-medium text-gray-500 dark:text-dark-400">
{{ copy.open }}
</p>
<p data-test="summary-open" class="mt-2 text-3xl font-semibold text-amber-600 dark:text-amber-400">
{{ summary.open_total }}
</p>
</div>
<div class="card p-5">
<p class="text-sm font-medium text-gray-500 dark:text-dark-400">
{{ copy.resolved }}
</p>
<p data-test="summary-resolved" class="mt-2 text-3xl font-semibold text-emerald-600 dark:text-emerald-400">
{{ summary.resolved_total }}
</p>
</div>
</section>
<TablePageLayout>
<template #actions>
<div class="flex flex-wrap items-center justify-between gap-3">
<div>
<h1 class="text-2xl font-semibold text-gray-900 dark:text-gray-100">
{{ copy.title }}
</h1>
<p class="mt-1 text-sm text-gray-500 dark:text-dark-400">
{{ copy.subtitle }}
</p>
</div>
<button type="button" class="btn btn-secondary" :disabled="loading || resolving" @click="refreshAll">
<Icon name="refresh" size="md" :class="loading || summaryLoading ? 'animate-spin' : ''" />
</button>
</div>
</template>
<template #filters>
<div class="flex flex-wrap items-center gap-3">
<div class="w-full sm:w-80">
<label class="input-label" for="report-type-filter">{{ copy.reportType }}</label>
<select
id="report-type-filter"
v-model="filters.reportType"
data-test="report-type-filter"
class="input"
@change="handleReportTypeChange"
>
<option value="">{{ copy.allReportTypes }}</option>
<option
v-for="option in reportTypeOptions"
:key="option.value"
:value="option.value"
>
{{ option.label }}
</option>
</select>
</div>
</div>
</template>
<template #table>
<DataTable :columns="columns" :data="reports" :loading="loading">
<template #cell-status="{ row }">
<span :class="['badge', row.resolved_at ? 'badge-success' : 'badge-warning']">
{{ row.resolved_at ? copy.resolvedBadge : copy.openBadge }}
</span>
</template>
<template #cell-report_type="{ value }">
<span class="font-mono text-xs text-gray-600 dark:text-dark-300">{{ value }}</span>
</template>
<template #cell-report_key="{ value }">
<span class="font-medium text-gray-900 dark:text-gray-100">{{ value }}</span>
</template>
<template #cell-details_preview="{ row }">
<div class="flex flex-wrap gap-2">
<span
v-for="entry in getDetailHighlights(row.details)"
:key="entry.key"
class="rounded-full bg-gray-100 px-2 py-1 text-xs text-gray-600 dark:bg-dark-700 dark:text-dark-200"
>
{{ entry.key }}: {{ entry.value }}
</span>
</div>
</template>
<template #cell-created_at="{ value }">
<span class="text-sm text-gray-500 dark:text-dark-400">{{ formatDateTime(value) }}</span>
</template>
<template #cell-resolved_at="{ value }">
<span class="text-sm text-gray-500 dark:text-dark-400">
{{ value ? formatDateTime(value) : copy.notResolved }}
</span>
</template>
<template #cell-actions="{ row }">
<button
type="button"
class="btn btn-secondary btn-sm"
:data-test="`select-report-${row.id}`"
@click="selectReport(row)"
>
{{ copy.viewDetails }}
</button>
</template>
</DataTable>
</template>
<template #pagination>
<Pagination
v-if="pagination.total > 0"
:page="pagination.page"
:page-size="pagination.pageSize"
:total="pagination.total"
@update:page="handlePageChange"
@update:pageSize="handlePageSizeChange"
/>
</template>
</TablePageLayout>
<section class="grid gap-6 xl:grid-cols-[minmax(0,1.25fr)_minmax(0,1fr)]">
<div class="card p-6">
<div class="flex items-start justify-between gap-4">
<div>
<h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
{{ copy.detailTitle }}
</h2>
<p class="mt-1 text-sm text-gray-500 dark:text-dark-400">
{{ selectedReport ? selectedReport.report_key : copy.selectPrompt }}
</p>
</div>
<span
v-if="selectedReport"
:class="['badge', selectedReport.resolved_at ? 'badge-success' : 'badge-warning']"
>
{{ selectedReport.resolved_at ? copy.resolvedBadge : copy.openBadge }}
</span>
</div>
<div v-if="selectedReport" class="mt-6 space-y-5">
<dl class="grid gap-4 sm:grid-cols-2">
<div>
<dt class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-dark-400">{{ copy.reportType }}</dt>
<dd class="mt-1 break-all font-mono text-sm text-gray-900 dark:text-gray-100">{{ selectedReport.report_type }}</dd>
</div>
<div>
<dt class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-dark-400">{{ copy.reportKey }}</dt>
<dd class="mt-1 break-all text-sm text-gray-900 dark:text-gray-100">{{ selectedReport.report_key }}</dd>
</div>
<div>
<dt class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-dark-400">{{ copy.createdAt }}</dt>
<dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ formatDateTime(selectedReport.created_at) }}</dd>
</div>
<div>
<dt class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-dark-400">{{ copy.resolvedAt }}</dt>
<dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">
{{ selectedReport.resolved_at ? formatDateTime(selectedReport.resolved_at) : copy.notResolved }}
</dd>
</div>
<div>
<dt class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-dark-400">{{ copy.resolvedBy }}</dt>
<dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ selectedReport.resolved_by_user_id ?? '-' }}</dd>
</div>
<div>
<dt class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-dark-400">{{ copy.resolutionNote }}</dt>
<dd class="mt-1 whitespace-pre-wrap text-sm text-gray-900 dark:text-gray-100">
{{ selectedReport.resolution_note || copy.emptyResolutionNote }}
</dd>
</div>
</dl>
<div>
<h3 class="text-sm font-medium text-gray-700 dark:text-dark-300">{{ copy.keyFields }}</h3>
<div class="mt-3 flex flex-wrap gap-2">
<span
v-for="entry in getDetailHighlights(selectedReport.details)"
:key="entry.key"
class="rounded-full bg-gray-100 px-2 py-1 text-xs text-gray-600 dark:bg-dark-700 dark:text-dark-200"
>
{{ entry.key }}: {{ entry.value }}
</span>
</div>
</div>
<div>
<h3 class="text-sm font-medium text-gray-700 dark:text-dark-300">{{ copy.rawDetails }}</h3>
<pre class="mt-3 max-h-96 overflow-auto rounded-xl bg-gray-950 p-4 text-xs text-gray-100">{{ formatDetailsJson(selectedReport.details) }}</pre>
</div>
</div>
<div v-else class="mt-6 rounded-2xl border border-dashed border-gray-300 p-8 text-center text-sm text-gray-500 dark:border-dark-600 dark:text-dark-400">
{{ copy.selectPrompt }}
</div>
</div>
<div class="card p-6">
<h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
{{ copy.resolveTitle }}
</h2>
<p class="mt-1 text-sm text-gray-500 dark:text-dark-400">
{{ copy.resolveSubtitle }}
</p>
<div class="mt-6 space-y-4">
<div>
<label class="input-label" for="resolution-note">{{ copy.resolutionNote }}</label>
<textarea
id="resolution-note"
v-model="resolutionNote"
data-test="resolution-note"
class="input min-h-40"
:disabled="!selectedReport || Boolean(selectedReport.resolved_at) || resolving"
:placeholder="copy.resolvePlaceholder"
></textarea>
</div>
<button
type="button"
class="btn btn-primary w-full"
data-test="resolve-submit"
:disabled="!canResolve"
@click="submitResolve"
>
{{ resolving ? copy.resolving : copy.resolveAction }}
</button>
</div>
<div class="mt-8 border-t border-gray-200 pt-6 dark:border-dark-700">
<h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">
{{ copy.remediationTitle }}
</h3>
<p class="mt-1 text-sm text-gray-500 dark:text-dark-400">
{{ copy.remediationSubtitle }}
</p>
<div class="mt-6 space-y-4">
<div>
<label class="input-label" for="remediation-user-id">{{ copy.remediationUserID }}</label>
<input
id="remediation-user-id"
v-model="remediation.userID"
data-test="remediation-user-id"
class="input"
:disabled="!selectedReport || Boolean(selectedReport.resolved_at) || binding"
inputmode="numeric"
/>
</div>
<div>
<label class="input-label" for="remediation-provider-type">{{ copy.remediationProviderType }}</label>
<input
id="remediation-provider-type"
v-model="remediation.providerType"
data-test="remediation-provider-type"
class="input"
:disabled="!selectedReport || Boolean(selectedReport.resolved_at) || binding"
/>
</div>
<div>
<label class="input-label" for="remediation-provider-key">{{ copy.remediationProviderKey }}</label>
<input
id="remediation-provider-key"
v-model="remediation.providerKey"
data-test="remediation-provider-key"
class="input"
:disabled="!selectedReport || Boolean(selectedReport.resolved_at) || binding"
/>
</div>
<div>
<label class="input-label" for="remediation-provider-subject">{{ copy.remediationProviderSubject }}</label>
<input
id="remediation-provider-subject"
v-model="remediation.providerSubject"
data-test="remediation-provider-subject"
class="input"
:disabled="!selectedReport || Boolean(selectedReport.resolved_at) || binding"
/>
</div>
<div>
<label class="input-label" for="remediation-issuer">{{ copy.remediationIssuer }}</label>
<input
id="remediation-issuer"
v-model="remediation.issuer"
data-test="remediation-issuer"
class="input"
:disabled="!selectedReport || Boolean(selectedReport.resolved_at) || binding"
/>
</div>
<button
type="button"
class="btn btn-secondary w-full"
data-test="remediation-submit"
:disabled="!canBindRemediation"
@click="submitRemediationBinding"
>
{{ binding ? copy.remediationSubmitting : copy.remediationAction }}
</button>
</div>
</div>
</div>
</section>
</div>
</AppLayout>
</template>
<script setup lang="ts">
import { computed, onMounted, reactive, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { adminAPI } from '@/api/admin'
import type {
AdminBindAuthIdentityRequest,
AuthIdentityMigrationReport,
AuthIdentityMigrationReportSummary,
} from '@/api/admin/users'
import type { Column } from '@/components/common/types'
import AppLayout from '@/components/layout/AppLayout.vue'
import TablePageLayout from '@/components/layout/TablePageLayout.vue'
import DataTable from '@/components/common/DataTable.vue'
import Pagination from '@/components/common/Pagination.vue'
import Icon from '@/components/icons/Icon.vue'
import { useAppStore } from '@/stores/app'
import { formatDateTime } from '@/utils/format'
const { locale } = useI18n()
const appStore = useAppStore()
const isZh = computed(() => locale.value.toLowerCase().startsWith('zh'))
const text = (zh: string, en: string) => (isZh.value ? zh : en)
const copy = computed(() => ({
title: text('Auth Identity Migration Reports', 'Auth Identity Migration Reports'),
subtitle: text('处理 auth identity 迁移过程中需要人工收口的异常记录。', 'Review and resolve auth identity migration records that require manual follow-up.'),
total: text('总报告数', 'Total reports'),
open: text('待处理', 'Open'),
resolved: text('已解决', 'Resolved'),
reportType: text('报告类型', 'Report type'),
allReportTypes: text('全部类型', 'All report types'),
resolvedBadge: text('已解决', 'Resolved'),
openBadge: text('待处理', 'Open'),
notResolved: text('未解决', 'Not resolved'),
viewDetails: text('查看', 'View'),
detailTitle: text('报告详情', 'Report details'),
selectPrompt: text('从列表中选择一条报告以查看详情和处理意见。', 'Select a report from the list to inspect details and submit a resolution note.'),
reportKey: text('报告键', 'Report key'),
createdAt: text('创建时间', 'Created at'),
resolvedAt: text('解决时间', 'Resolved at'),
resolvedBy: text('处理人 ID', 'Resolved by'),
resolutionNote: text('处理备注', 'Resolution note'),
emptyResolutionNote: text('暂无处理备注', 'No resolution note'),
keyFields: text('关键字段', 'Key fields'),
rawDetails: text('原始详情', 'Raw details'),
resolveTitle: text('提交处理结果', 'Submit resolution'),
resolveSubtitle: text('填写运营备注后提交 resolve，后端会记录处理人和处理时间。', 'Submit an operational note to resolve the selected report. The backend will record the resolver and timestamp.'),
resolvePlaceholder: text('填写本次处理动作、用户沟通结果或后续追踪信息。', 'Describe the action taken, user communication, or follow-up context.'),
resolveAction: text('提交 Resolve', 'Submit resolve'),
resolving: text('提交中...', 'Submitting...'),
remediationTitle: text('修复绑定', 'Remediation binding'),
remediationSubtitle: text('可直接把迁移报告中的身份信息绑定到指定用户；已识别字段会自动预填。', 'Bind the migrated identity directly to a user. Recognized fields are prefilled automatically.'),
remediationUserID: text('目标用户 ID', 'Target user ID'),
remediationProviderType: text('Provider Type', 'Provider type'),
remediationProviderKey: text('Provider Key', 'Provider key'),
remediationProviderSubject: text('Provider Subject', 'Provider subject'),
remediationIssuer: text('Issuer', 'Issuer'),
remediationAction: text('提交绑定修复', 'Submit remediation binding'),
remediationSubmitting: text('提交中...', 'Submitting...'),
}))
const summary = ref<AuthIdentityMigrationReportSummary>({
total: 0,
open_total: 0,
resolved_total: 0,
by_type: {},
})
const reports = ref<AuthIdentityMigrationReport[]>([])
const selectedReport = ref<AuthIdentityMigrationReport | null>(null)
const resolutionNote = ref('')
const loading = ref(false)
const summaryLoading = ref(false)
const resolving = ref(false)
const binding = ref(false)
const filters = reactive({
reportType: '',
})
const pagination = reactive({
page: 1,
pageSize: 20,
total: 0,
})
const knownReportTypes = ref<string[]>([])
const remediation = reactive({
userID: '',
providerType: '',
providerKey: '',
providerSubject: '',
issuer: '',
})
const columns: Column[] = [
{ key: 'status', label: text('状态', 'Status') },
{ key: 'report_type', label: text('报告类型', 'Report type') },
{ key: 'report_key', label: text('报告键', 'Report key') },
{ key: 'details_preview', label: text('关键字段', 'Key fields') },
{ key: 'created_at', label: text('创建时间', 'Created at') },
{ key: 'resolved_at', label: text('解决时间', 'Resolved at') },
{ key: 'actions', label: text('操作', 'Actions') },
]
const reportTypeOptions = computed(() =>
knownReportTypes.value
.slice()
.sort((left, right) => left.localeCompare(right))
.map((value) => {
const count = summary.value.by_type[value]
return {
value,
label: count === undefined ? value : `${value} (${count})`,
}
})
)
const canResolve = computed(() =>
Boolean(
selectedReport.value &&
!selectedReport.value.resolved_at &&
resolutionNote.value.trim() &&
!resolving.value
)
)
const canBindRemediation = computed(() =>
Boolean(
selectedReport.value &&
!selectedReport.value.resolved_at &&
remediation.userID.trim() &&
remediation.providerType.trim() &&
remediation.providerKey.trim() &&
remediation.providerSubject.trim() &&
!binding.value
)
)
const mergeKnownReportTypes = (...values: Array<string | null | undefined>) => {
const merged = new Set(knownReportTypes.value)
for (const value of values) {
const normalized = value?.trim()
if (normalized) {
merged.add(normalized)
}
}
knownReportTypes.value = Array.from(merged)
}
const loadSummary = async () => {
summaryLoading.value = true
try {
summary.value = await adminAPI.users.getAuthIdentityMigrationReportSummary()
mergeKnownReportTypes(...Object.keys(summary.value.by_type))
} catch (error) {
console.error('Failed to load auth identity migration report summary:', error)
appStore.showError(text('加载 migration reports 汇总失败', 'Failed to load migration report summary'))
} finally {
summaryLoading.value = false
}
}
const loadReports = async () => {
loading.value = true
try {
const response = await adminAPI.users.listAuthIdentityMigrationReports({
page: pagination.page,
pageSize: pagination.pageSize,
reportType: filters.reportType,
})
reports.value = response.items
pagination.total = response.total
mergeKnownReportTypes(filters.reportType, ...response.items.map((report) => report.report_type))
if (selectedReport.value) {
const refreshed = response.items.find((report) => report.id === selectedReport.value?.id) ?? null
selectedReport.value = refreshed
applyRemediationDefaults(refreshed)
resolutionNote.value = refreshed?.resolved_at
? refreshed.resolution_note ?? ''
: resolutionNote.value
}
} catch (error) {
console.error('Failed to load auth identity migration reports:', error)
appStore.showError(text('加载 migration reports 列表失败', 'Failed to load migration reports'))
} finally {
loading.value = false
}
}
const refreshAll = async () => {
await Promise.all([loadSummary(), loadReports()])
}
const handleReportTypeChange = async () => {
pagination.page = 1
await loadReports()
}
const handlePageChange = async (page: number) => {
pagination.page = page
await loadReports()
}
const handlePageSizeChange = async (pageSize: number) => {
pagination.page = 1
pagination.pageSize = pageSize
await loadReports()
}
const selectReport = (report: AuthIdentityMigrationReport) => {
selectedReport.value = report
resolutionNote.value = report.resolution_note ?? ''
applyRemediationDefaults(report)
}
const formatDetailsJson = (details: Record<string, unknown>) => JSON.stringify(details ?? {}, null, 2)
const isDisplayableValue = (value: unknown) =>
['string', 'number', 'boolean'].includes(typeof value)
const getDetailHighlights = (details: Record<string, unknown>) => {
const preferredKeys = [
'user_id',
'legacy_email',
'provider_key',
'provider_subject',
'email',
'subject',
]
const entries = preferredKeys
.filter((key) => key in details && isDisplayableValue(details[key]))
.map((key) => ({ key, value: String(details[key]) }))
if (entries.length > 0) {
return entries
}
return Object.entries(details)
.filter(([, value]) => isDisplayableValue(value))
.slice(0, 4)
.map(([key, value]) => ({ key, value: String(value) }))
}
const stringDetailValue = (details: Record<string, unknown>, key: string) => {
const value = details[key]
return typeof value === 'string' ? value.trim() : ''
}
const numericDetailValue = (details: Record<string, unknown>, key: string) => {
const value = details[key]
if (typeof value === 'number' && Number.isFinite(value)) {
return String(Math.trunc(value))
}
if (typeof value === 'string' && value.trim()) {
return value.trim()
}
return ''
}
const inferProviderTypeFromReport = (report: AuthIdentityMigrationReport) => {
const explicit = stringDetailValue(report.details, 'provider_type')
if (explicit) {
return explicit
}
if (report.report_type.includes('oidc')) {
return 'oidc'
}
if (report.report_type.includes('wechat')) {
return 'wechat'
}
if (report.report_type.includes('linuxdo')) {
return 'linuxdo'
}
return ''
}
const inferProviderKeyFromReport = (report: AuthIdentityMigrationReport, providerType: string) => {
const explicit = stringDetailValue(report.details, 'provider_key')
if (explicit) {
return explicit
}
if (providerType === 'wechat') {
return 'wechat-main'
}
return ''
}
const inferProviderSubjectFromReport = (report: AuthIdentityMigrationReport) =>
stringDetailValue(report.details, 'provider_subject')
|| stringDetailValue(report.details, 'subject')
|| stringDetailValue(report.details, 'unionid')
const applyRemediationDefaults = (report: AuthIdentityMigrationReport | null) => {
remediation.userID = report ? numericDetailValue(report.details, 'user_id') : ''
remediation.providerType = report ? inferProviderTypeFromReport(report) : ''
remediation.providerKey = report ? inferProviderKeyFromReport(report, remediation.providerType) : ''
remediation.providerSubject = report ? inferProviderSubjectFromReport(report) : ''
remediation.issuer = report ? stringDetailValue(report.details, 'issuer') : ''
}
const submitResolve = async () => {
if (!selectedReport.value) {
appStore.showError(text('请先选择一条报告', 'Select a report first'))
return
}
const note = resolutionNote.value.trim()
if (!note) {
appStore.showError(text('请填写处理备注', 'Enter a resolution note'))
return
}
resolving.value = true
try {
const updated = await adminAPI.users.resolveAuthIdentityMigrationReport(selectedReport.value.id, note)
selectedReport.value = updated
resolutionNote.value = updated.resolution_note ?? ''
appStore.showSuccess(text('处理结果已提交', 'Resolution submitted'))
await refreshAll()
} catch (error) {
console.error('Failed to resolve auth identity migration report:', error)
appStore.showError(text('提交 resolve 失败', 'Failed to resolve report'))
} finally {
resolving.value = false
}
}
const submitRemediationBinding = async () => {
if (!selectedReport.value) {
appStore.showError(text('请先选择一条报告', 'Select a report first'))
return
}
const userID = Number.parseInt(remediation.userID.trim(), 10)
if (!Number.isFinite(userID) || userID <= 0) {
appStore.showError(text('请输入有效的目标用户 ID', 'Enter a valid target user ID'))
return
}
const payload: AdminBindAuthIdentityRequest = {
provider_type: remediation.providerType.trim(),
provider_key: remediation.providerKey.trim(),
provider_subject: remediation.providerSubject.trim(),
issuer: remediation.issuer.trim() || undefined,
metadata: {},
}
binding.value = true
try {
await adminAPI.users.bindUserAuthIdentity(userID, payload)
appStore.showSuccess(text('修复绑定已提交', 'Remediation binding submitted'))
} catch (error) {
console.error('Failed to submit auth identity remediation binding:', error)
appStore.showError(text('提交修复绑定失败', 'Failed to submit remediation binding'))
} finally {
binding.value = false
}
}
onMounted(async () => {
await refreshAll()
})
</script>
frontend/src/views/admin/UsersView.vue
View file @ d08757ce
......@@ -712,8 +712,8 @@ const allColumns = computed<Column[]>(() => [
{ key: 'usage', label: t('admin.users.columns.usage'), sortable: false },
{ key: 'concurrency', label: t('admin.users.columns.concurrency'), sortable: true },
{ key: 'status', label: t('admin.users.columns.status'), sortable: true },
{ key: 'last_used_at', label: t('admin.users.columns.lastUsed'), sortable: true },
{ key: 'last_active_at', label: t('admin.users.columns.lastActive'), sortable: true },
{ key: 'last_used_at', label: t('admin.users.columns.lastUsed'), sortable: true },
{ key: 'created_at', label: t('admin.users.columns.created'), sortable: true },
{ key: 'actions', label: t('admin.users.columns.actions'), sortable: false }
])
......
frontend/src/views/admin/__tests__/AuthIdentityMigrationReportsView.spec.ts deleted 100644 → 0
View file @ c624cce8
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { flushPromises, mount } from '@vue/test-utils'
import { defineComponent, h } from 'vue'
import AuthIdentityMigrationReportsView from '../AuthIdentityMigrationReportsView.vue'
const {
bindUserAuthIdentity,
getAuthIdentityMigrationReportSummary,
listAuthIdentityMigrationReports,
resolveAuthIdentityMigrationReport,
} = vi.hoisted(() => ({
bindUserAuthIdentity: vi.fn(),
getAuthIdentityMigrationReportSummary: vi.fn(),
listAuthIdentityMigrationReports: vi.fn(),
resolveAuthIdentityMigrationReport: vi.fn(),
}))
const { showError, showSuccess } = vi.hoisted(() => ({
showError: vi.fn(),
showSuccess: vi.fn(),
}))
vi.mock('@/api/admin', () => ({
adminAPI: {
users: {
bindUserAuthIdentity,
getAuthIdentityMigrationReportSummary,
listAuthIdentityMigrationReports,
resolveAuthIdentityMigrationReport,
},
},
}))
vi.mock('@/stores/app', () => ({
useAppStore: () => ({
showError,
showSuccess,
}),
}))
vi.mock('vue-i18n', async () => {
const actual = await vi.importActual<typeof import('vue-i18n')>('vue-i18n')
return {
...actual,
useI18n: () => ({
locale: { value: 'en' },
t: (key: string) => key,
}),
}
})
vi.mock('@/utils/format', () => ({
formatDateTime: (value: string | null | undefined) => value ?? '',
}))
const sampleReport = {
id: 1,
report_type: 'oidc_synthetic_email_requires_manual_recovery',
report_key: 'legacy@example.invalid',
details: {
user_id: 42,
legacy_email: 'legacy@example.invalid',
provider_key: 'https://issuer.example',
provider_subject: 'subject-123',
},
created_at: '2026-04-20T01:02:03Z',
resolved_at: null,
resolved_by_user_id: null,
resolution_note: '',
}
const summaryResponse = {
total: 2,
open_total: 1,
resolved_total: 1,
by_type: {
oidc_synthetic_email_requires_manual_recovery: 2,
},
}
const listResponse = {
items: [sampleReport],
total: 1,
page: 1,
page_size: 20,
pages: 1,
}
const AppLayoutStub = defineComponent({
setup(_, { slots }) {
return () => h('div', slots.default?.())
},
})
const TablePageLayoutStub = defineComponent({
setup(_, { slots }) {
return () => h('div', [
slots.actions?.(),
slots.filters?.(),
slots.table?.(),
slots.default?.(),
slots.pagination?.(),
])
},
})
const DataTableStub = defineComponent({
props: {
columns: { type: Array, default: () => [] },
data: { type: Array, default: () => [] },
loading: { type: Boolean, default: false },
},
setup(props, { slots }) {
return () => h('div', { 'data-test': 'data-table' }, [
props.loading
? h('div', 'loading')
: (props.data as Array<Record<string, unknown>>).map((row) =>
h(
'div',
{ key: String(row.id ?? row.report_key) },
(props.columns as Array<{ key: string }>).map((column) => {
const slot = slots[`cell-${column.key}`]
return h(
'div',
{ key: column.key, [`data-test-cell`]: `${String(row.id)}-${column.key}` },
slot
? slot({ row, value: row[column.key] })
: String(row[column.key] ?? '')
)
})
)
),
])
},
})
const PaginationStub = defineComponent({
props: {
total: { type: Number, required: true },
page: { type: Number, required: true },
pageSize: { type: Number, required: true },
},
emits: ['update:page', 'update:pageSize'],
setup(props, { emit }) {
return () => h('div', { 'data-test': 'pagination' }, [
h('button', {
type: 'button',
'data-test': 'next-page',
onClick: () => emit('update:page', props.page + 1),
}, 'next'),
h('button', {
type: 'button',
'data-test': 'page-size-50',
onClick: () => emit('update:pageSize', 50),
}, '50'),
])
},
})
describe('AuthIdentityMigrationReportsView', () => {
beforeEach(() => {
getAuthIdentityMigrationReportSummary.mockReset()
listAuthIdentityMigrationReports.mockReset()
resolveAuthIdentityMigrationReport.mockReset()
bindUserAuthIdentity.mockReset()
showError.mockReset()
showSuccess.mockReset()
getAuthIdentityMigrationReportSummary.mockResolvedValue(summaryResponse)
listAuthIdentityMigrationReports.mockResolvedValue(listResponse)
resolveAuthIdentityMigrationReport.mockResolvedValue({
...sampleReport,
resolved_at: '2026-04-20T02:00:00Z',
resolved_by_user_id: 100,
resolution_note: 'resolved by admin',
})
bindUserAuthIdentity.mockResolvedValue({
identity_id: 77,
provider_type: 'oidc',
provider_key: 'https://issuer.example',
provider_subject: 'subject-123',
})
})
const mountView = () =>
mount(AuthIdentityMigrationReportsView, {
global: {
stubs: {
AppLayout: AppLayoutStub,
TablePageLayout: TablePageLayoutStub,
DataTable: DataTableStub,
Pagination: PaginationStub,
Icon: true,
},
},
})
it('loads summary and first page of reports on mount', async () => {
const wrapper = mountView()
await flushPromises()
expect(getAuthIdentityMigrationReportSummary).toHaveBeenCalledTimes(1)
expect(listAuthIdentityMigrationReports).toHaveBeenCalledWith({
page: 1,
pageSize: 20,
reportType: '',
})
expect(wrapper.get('[data-test="summary-total"]').text()).toContain('2')
expect(wrapper.get('[data-test="summary-open"]').text()).toContain('1')
expect(wrapper.get('[data-test="summary-resolved"]').text()).toContain('1')
expect(wrapper.text()).toContain('legacy@example.invalid')
})
it('reloads list when the report type filter changes', async () => {
const wrapper = mountView()
await flushPromises()
listAuthIdentityMigrationReports.mockClear()
await wrapper.get('[data-test="report-type-filter"]').setValue(
'oidc_synthetic_email_requires_manual_recovery'
)
await flushPromises()
expect(listAuthIdentityMigrationReports).toHaveBeenCalledWith({
page: 1,
pageSize: 20,
reportType: 'oidc_synthetic_email_requires_manual_recovery',
})
})
it('submits resolve note for the selected report and refreshes data', async () => {
const wrapper = mountView()
await flushPromises()
getAuthIdentityMigrationReportSummary.mockClear()
listAuthIdentityMigrationReports.mockClear()
await wrapper.get('[data-test="select-report-1"]').trigger('click')
await wrapper.get('[data-test="resolution-note"]').setValue('resolved by admin')
await wrapper.get('[data-test="resolve-submit"]').trigger('click')
await flushPromises()
expect(resolveAuthIdentityMigrationReport).toHaveBeenCalledWith(1, 'resolved by admin')
expect(showSuccess).toHaveBeenCalled()
expect(getAuthIdentityMigrationReportSummary).toHaveBeenCalledTimes(1)
expect(listAuthIdentityMigrationReports).toHaveBeenCalledWith({
page: 1,
pageSize: 20,
reportType: '',
})
})
it('pre-fills and submits remediation binding for the selected report', async () => {
const wrapper = mountView()
await flushPromises()
await wrapper.get('[data-test="select-report-1"]').trigger('click')
await flushPromises()
expect((wrapper.get('[data-test="remediation-user-id"]').element as HTMLInputElement).value).toBe('42')
expect((wrapper.get('[data-test="remediation-provider-type"]').element as HTMLInputElement).value).toBe('oidc')
expect((wrapper.get('[data-test="remediation-provider-key"]').element as HTMLInputElement).value).toBe(
'https://issuer.example'
)
expect((wrapper.get('[data-test="remediation-provider-subject"]').element as HTMLInputElement).value).toBe(
'subject-123'
)
await wrapper.get('[data-test="remediation-submit"]').trigger('click')
await flushPromises()
expect(bindUserAuthIdentity).toHaveBeenCalledWith(42, {
provider_type: 'oidc',
provider_key: 'https://issuer.example',
provider_subject: 'subject-123',
issuer: undefined,
metadata: {},
})
expect(showSuccess).toHaveBeenCalled()
})
it('keeps report type filter options available from list data when summary fails', async () => {
getAuthIdentityMigrationReportSummary.mockRejectedValueOnce(new Error('summary failed'))
listAuthIdentityMigrationReports.mockResolvedValueOnce(listResponse)
const wrapper = mountView()
await flushPromises()
const options = wrapper
.get('[data-test="report-type-filter"]')
.findAll('option')
.map((node) => node.element.value)
expect(showError).toHaveBeenCalled()
expect(options).toContain('oidc_synthetic_email_requires_manual_recovery')
})
})
frontend/src/views/admin/__tests__/UsersView.spec.ts
View file @ d08757ce
......@@ -70,7 +70,6 @@ const createAdminUser = (): AdminUser => ({
created_at: '2026-04-17T00:00:00Z',
updated_at: '2026-04-17T00:00:00Z',
notes: '',
last_login_at: '2026-04-16T01:00:00Z',
last_active_at: '2026-04-16T02:00:00Z',
last_used_at: '2026-04-17T02:00:00Z',
current_concurrency: 0
......@@ -113,7 +112,7 @@ describe('admin UsersView', () => {
getBatchUserAttributes.mockResolvedValue({ values: {} })
})
it('shows active and used activity columns, hides last_login_at, and requests last_used_at sort', async () => {
it('shows active, used, and created activity columns in order and requests last_used_at sort', async () => {
const wrapper = mount(UsersView, {
global: {
stubs: {
......@@ -145,9 +144,9 @@ describe('admin UsersView', () => {
await flushPromises()
const columns = wrapper.get('[data-test="columns"]').text()
expect(columns).toContain('last_used_at')
expect(columns).toContain('last_active_at')
expect(columns).not.toContain('last_login_at')
const visibleColumns = columns.split(',')
expect(visibleColumns.slice(-4, -1)).toEqual(['last_active_at', 'last_used_at', 'created_at'])
expect(visibleColumns).not.toContain('last_login_at')
await wrapper.get('[data-test="sort-last-used"]').trigger('click')
await flushPromises()
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment