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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user