fix: show copyable enrollment code after issue in Settings

Исправлен v-if, скрывавший весь раздел при success; баннер с полным
кодом, копированием и sessionStorage до Скрыть. Версия 0.9.1.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-10 17:07:49 +10:00
parent e2b5fb7604
commit 5e9f0f8110
2 changed files with 84 additions and 12 deletions
+1 -1
View File
@@ -1,5 +1,5 @@
"""Единый источник версии SAC (API, health, логи, OpenAPI)."""
APP_NAME = "Security Alert Center"
APP_VERSION = "0.9.0"
APP_VERSION = "0.9.1"
APP_VERSION_LABEL = f"{APP_NAME} v.{APP_VERSION}"
+83 -11
View File
@@ -7,10 +7,22 @@
</p>
<p v-if="error" class="error">{{ error }}</p>
<p v-if="success" class="success">{{ success }}</p>
<p v-else-if="loading">Загрузка</p>
<p v-if="loading">Загрузка</p>
<template v-else>
<template v-if="!loading">
<p v-if="success" class="success">{{ success }}</p>
<div v-if="lastCreatedCode" class="settings-enrollment-banner" role="status">
<p class="settings-enrollment-banner-title">Код регистрации Seaca</p>
<p class="settings-enrollment-banner-hint">
Скопируйте и передайте оператору вместе с URL сервера. Полный код показывается только сейчас.
</p>
<div class="settings-enrollment-code-row">
<code class="settings-enrollment-code-value">{{ lastCreatedCode }}</code>
<button type="button" @click="copyEnrollmentCode">Копировать</button>
<button type="button" class="secondary" @click="dismissEnrollmentCode">Скрыть</button>
</div>
</div>
<section class="card settings-card settings-policy">
<h2>Интерфейс</h2>
<p class="settings-hint settings-hint-top">
@@ -137,9 +149,6 @@
</button>
</div>
</form>
<p v-if="lastCreatedCode" class="settings-created-code">
Код (скопируйте сейчас): <code>{{ lastCreatedCode }}</code>
</p>
<div class="settings-mobile-table-wrap">
<table class="settings-severity-table">
<thead>
@@ -511,6 +520,34 @@ const enrollmentCodes = ref<MobileEnrollmentCode[]>([]);
const mobileDevices = ref<MobileDevice[]>([]);
const sacUsers = ref<UserSummary[]>([]);
const lastCreatedCode = ref("");
const ENROLLMENT_CODE_STORAGE_KEY = "sac_mobile_last_enrollment_code";
function restoreLastCreatedCode() {
const stored = sessionStorage.getItem(ENROLLMENT_CODE_STORAGE_KEY);
if (stored) {
lastCreatedCode.value = stored;
}
}
function persistLastCreatedCode(code: string) {
sessionStorage.setItem(ENROLLMENT_CODE_STORAGE_KEY, code);
}
function dismissEnrollmentCode() {
lastCreatedCode.value = "";
sessionStorage.removeItem(ENROLLMENT_CODE_STORAGE_KEY);
}
async function copyEnrollmentCode() {
if (!lastCreatedCode.value) return;
error.value = "";
try {
await navigator.clipboard.writeText(lastCreatedCode.value);
success.value = "Код скопирован в буфер обмена.";
} catch {
error.value = "Не удалось скопировать автоматически — выделите код вручную.";
}
}
const policyForm = reactive({
min_severity: "warning",
@@ -699,7 +736,6 @@ async function createEnrollmentCode() {
creatingCode.value = true;
error.value = "";
success.value = "";
lastCreatedCode.value = "";
try {
const created = await createMobileEnrollmentCode({
label: codeForm.label,
@@ -709,8 +745,8 @@ async function createEnrollmentCode() {
expires_in_hours: codeForm.expires_in_hours,
});
lastCreatedCode.value = created.enrollment_code;
persistLastCreatedCode(created.enrollment_code);
enrollmentCodes.value = await fetchMobileEnrollmentCodes();
success.value = "Код регистрации создан.";
codeForm.label = "";
} catch (e) {
error.value = e instanceof Error ? e.message : "Ошибка создания кода";
@@ -953,7 +989,10 @@ async function testEmail() {
}
}
onMounted(load);
onMounted(() => {
restoreLastCreatedCode();
load();
});
</script>
<style scoped>
@@ -1100,9 +1139,42 @@ onMounted(load);
margin-top: 0.5rem;
}
.settings-created-code {
color: #6dd196;
.settings-enrollment-banner {
margin: 0 0 1.25rem;
padding: 1rem 1.1rem;
border: 1px solid #3d8b5f;
border-radius: 8px;
background: #15251c;
}
.settings-enrollment-banner-title {
margin: 0 0 0.35rem;
font-size: 1.05rem;
font-weight: 600;
color: #8ce8b0;
}
.settings-enrollment-banner-hint {
margin: 0 0 0.75rem;
color: #a8b8c8;
font-size: 0.92rem;
}
.settings-enrollment-code-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.settings-enrollment-code-value {
flex: 1 1 16rem;
padding: 0.55rem 0.65rem;
border-radius: 6px;
background: #0f1419;
color: #e8f0f8;
word-break: break-all;
user-select: all;
}
.settings-mobile-actions {