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:
@@ -1,5 +1,5 @@
|
|||||||
"""Единый источник версии SAC (API, health, логи, OpenAPI)."""
|
"""Единый источник версии SAC (API, health, логи, OpenAPI)."""
|
||||||
|
|
||||||
APP_NAME = "Security Alert Center"
|
APP_NAME = "Security Alert Center"
|
||||||
APP_VERSION = "0.9.0"
|
APP_VERSION = "0.9.1"
|
||||||
APP_VERSION_LABEL = f"{APP_NAME} v.{APP_VERSION}"
|
APP_VERSION_LABEL = f"{APP_NAME} v.{APP_VERSION}"
|
||||||
|
|||||||
@@ -7,10 +7,22 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p v-if="error" class="error">{{ error }}</p>
|
<p v-if="error" class="error">{{ error }}</p>
|
||||||
<p v-if="success" class="success">{{ success }}</p>
|
<p v-if="loading">Загрузка…</p>
|
||||||
<p v-else-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">
|
<section class="card settings-card settings-policy">
|
||||||
<h2>Интерфейс</h2>
|
<h2>Интерфейс</h2>
|
||||||
<p class="settings-hint settings-hint-top">
|
<p class="settings-hint settings-hint-top">
|
||||||
@@ -137,9 +149,6 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<p v-if="lastCreatedCode" class="settings-created-code">
|
|
||||||
Код (скопируйте сейчас): <code>{{ lastCreatedCode }}</code>
|
|
||||||
</p>
|
|
||||||
<div class="settings-mobile-table-wrap">
|
<div class="settings-mobile-table-wrap">
|
||||||
<table class="settings-severity-table">
|
<table class="settings-severity-table">
|
||||||
<thead>
|
<thead>
|
||||||
@@ -511,6 +520,34 @@ const enrollmentCodes = ref<MobileEnrollmentCode[]>([]);
|
|||||||
const mobileDevices = ref<MobileDevice[]>([]);
|
const mobileDevices = ref<MobileDevice[]>([]);
|
||||||
const sacUsers = ref<UserSummary[]>([]);
|
const sacUsers = ref<UserSummary[]>([]);
|
||||||
const lastCreatedCode = ref("");
|
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({
|
const policyForm = reactive({
|
||||||
min_severity: "warning",
|
min_severity: "warning",
|
||||||
@@ -699,7 +736,6 @@ async function createEnrollmentCode() {
|
|||||||
creatingCode.value = true;
|
creatingCode.value = true;
|
||||||
error.value = "";
|
error.value = "";
|
||||||
success.value = "";
|
success.value = "";
|
||||||
lastCreatedCode.value = "";
|
|
||||||
try {
|
try {
|
||||||
const created = await createMobileEnrollmentCode({
|
const created = await createMobileEnrollmentCode({
|
||||||
label: codeForm.label,
|
label: codeForm.label,
|
||||||
@@ -709,8 +745,8 @@ async function createEnrollmentCode() {
|
|||||||
expires_in_hours: codeForm.expires_in_hours,
|
expires_in_hours: codeForm.expires_in_hours,
|
||||||
});
|
});
|
||||||
lastCreatedCode.value = created.enrollment_code;
|
lastCreatedCode.value = created.enrollment_code;
|
||||||
|
persistLastCreatedCode(created.enrollment_code);
|
||||||
enrollmentCodes.value = await fetchMobileEnrollmentCodes();
|
enrollmentCodes.value = await fetchMobileEnrollmentCodes();
|
||||||
success.value = "Код регистрации создан.";
|
|
||||||
codeForm.label = "";
|
codeForm.label = "";
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
error.value = e instanceof Error ? e.message : "Ошибка создания кода";
|
error.value = e instanceof Error ? e.message : "Ошибка создания кода";
|
||||||
@@ -953,7 +989,10 @@ async function testEmail() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(load);
|
onMounted(() => {
|
||||||
|
restoreLastCreatedCode();
|
||||||
|
load();
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
@@ -1100,9 +1139,42 @@ onMounted(load);
|
|||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-created-code {
|
.settings-enrollment-banner {
|
||||||
color: #6dd196;
|
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;
|
word-break: break-all;
|
||||||
|
user-select: all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-mobile-actions {
|
.settings-mobile-actions {
|
||||||
|
|||||||
Reference in New Issue
Block a user