feat: новая функция

2025-10-22 15:17:08 +03:00
parent 0cbc31812a
commit b2e0795e8a
15 changed files with 724 additions and 36 deletions
--- a/frontend/src/views/settings/AI/DatabaseSettingsView.vue
+++ b/frontend/src/views/settings/AI/DatabaseSettingsView.vue
@@ -48,6 +48,23 @@
          <div class="view-row"><span>Database:</span> <b>{{ form.dbName }}</b> <span class="readonly-badge">(неизменяемо)</span></div>
          <div class="view-row"><span>User:</span> <b>{{ form.dbUser }}</b></div>
          <div class="view-row"><span>Password:</span> <b>••••••••••••••••••••••••••••••••</b></div>
+          <div class="view-row encryption-key-row">
+            <span>Ключ шифрования:</span> 
+            <div class="encryption-key-inline">
+              <div class="encryption-key-field">
+                <span class="key-display">{{ displayKey }}</span>
+                <button type="button" class="eye-btn" @click="toggleKeyVisibility" v-if="encryptionKeyState.exists">
+                  {{ showKey ? '👁️' : '👁️‍🗨️' }}
+                </button>
+              </div>
+              <span class="key-status" :class="keyStatusClass">
+                {{ keyStatus }}
+              </span>
+              <button type="button" class="generate-key-btn" @click="generateNewEncryptionKey">
+                {{ buttonText }}
+              </button>
+            </div>
+          </div>
          <button type="button" class="edit-btn" @click="editMode = true">Изменить</button>
          <button type="button" class="cancel-btn" @click="goBack">Закрыть</button>
        </div>
@@ -59,7 +76,7 @@
 <script setup>
 import BaseLayout from '@/components/BaseLayout.vue';
 import { useRouter } from 'vue-router';
-import { reactive, ref, onMounted } from 'vue';
+import { reactive, ref, onMounted, nextTick, computed, watch } from 'vue';
 import api from '@/api/axios';

 const router = useRouter();
@@ -74,6 +91,36 @@ const form = reactive({
 });
 const original = reactive({});
 const editMode = ref(false);
+const encryptionKeyState = reactive({ exists: false, key: null });
+const showKey = ref(false);
+
+// Computed свойство для отображения статуса ключа
+const keyStatus = computed(() => {
+  return encryptionKeyState.exists ? 'Настроен' : 'Не настроен';
+});
+
+const keyStatusClass = computed(() => {
+  return encryptionKeyState.exists ? 'key-exists' : 'key-missing';
+});
+
+const buttonText = computed(() => {
+  return encryptionKeyState.exists ? 'Сгенерировать новый' : 'Сгенерировать ключ';
+});
+
+const displayKey = computed(() => {
+  if (!encryptionKeyState.exists) return 'Ключ не найден';
+  if (!encryptionKeyState.key) return 'Ключ не загружен';
+  return showKey.value ? encryptionKeyState.key : '••••••••••••••••••••••••••••••••';
+});
+
+const toggleKeyVisibility = () => {
+  showKey.value = !showKey.value;
+};
+
+// Watch для отслеживания изменений состояния ключа
+watch(() => encryptionKeyState.exists, (newValue, oldValue) => {
+  console.log('encryptionKeyState.exists changed from', oldValue, 'to', newValue);
+}, { immediate: true });

 const loadDbSettings = async () => {
  try {
@@ -92,8 +139,49 @@ const loadDbSettings = async () => {
  }
 };

+const checkEncryptionKey = async () => {
+  try {
+    const res = await api.get('/settings/encryption-key/status');
+    console.log('Encryption key status response:', res.data);
+    encryptionKeyState.exists = res.data.exists;
+    encryptionKeyState.key = res.data.key; // Сохраняем ключ из API
+    console.log('encryptionKeyState.exists updated to:', encryptionKeyState.exists);
+    console.log('encryptionKeyState.key updated to:', encryptionKeyState.key);
+    console.log('encryptionKeyState.exists type:', typeof encryptionKeyState.exists);
+    console.log('encryptionKeyState.exists === true:', encryptionKeyState.exists === true);
+    
+    // Принудительно обновляем DOM
+    await nextTick();
+    console.log('DOM updated after nextTick');
+  } catch (e) {
+    console.error('Ошибка проверки ключа шифрования:', e);
+    encryptionKeyState.exists = false;
+    encryptionKeyState.key = null;
+  }
+};
+
+const generateNewEncryptionKey = async () => {
+  try {
+    const confirmRotate = confirm('Сгенерировать новый ключ шифрования? Все зашифрованные данные будут безопасно перешифрованы новым ключом.');
+    if (!confirmRotate) return;
+    
+    // Безопасная смена ключа (работает как для первой генерации, так и для смены)
+    const res = await api.post('/settings/encryption-key/rotate');
+    if (res.data.success) {
+      alert(res.data.message);
+      await checkEncryptionKey();
+    } else {
+      alert('Ошибка смены ключа шифрования');
+    }
+  } catch (e) {
+    console.error('Ошибка генерации ключа шифрования:', e);
+    alert('Ошибка генерации ключа шифрования');
+  }
+};
+
 onMounted(async () => {
  await loadDbSettings();
+  await checkEncryptionKey();
  editMode.value = false;
 });

@@ -250,4 +338,86 @@ h2 {
  font-size: 0.8em;
  margin-left: 0.5rem;
 }
+
+.encryption-key-row {
+  align-items: center !important;
+}
+
+.encryption-key-inline {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.encryption-key-field {
+  background: #f8f8f8;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 0.5rem 1rem;
+  font-family: monospace;
+  font-size: 0.9em;
+  word-break: break-all;
+  max-width: 300px;
+  flex: 1;
+  min-width: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.key-display {
+  color: #333;
+  font-weight: 500;
+  flex: 1;
+}
+
+.eye-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 1.2em;
+  padding: 0.2rem;
+  border-radius: 3px;
+  transition: background 0.2s;
+}
+
+.eye-btn:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.key-status {
+  padding: 0.3rem 0.8rem;
+  border-radius: 4px;
+  font-size: 0.9em;
+  font-weight: 500;
+}
+
+.key-exists {
+  background: #d4edda;
+  color: #155724;
+  border: 1px solid #c3e6cb;
+}
+
+.key-missing {
+  background: #f8d7da;
+  color: #721c24;
+  border: 1px solid #f5c6cb;
+}
+
+.generate-key-btn {
+  background: var(--color-primary);
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  padding: 0.4rem 0.8rem;
+  cursor: pointer;
+  font-size: 0.9em;
+  transition: background 0.2s;
+}
+
+.generate-key-btn:hover {
+  background: var(--color-primary-dark);
+}
 </style> 
--- a/frontend/src/views/settings/AI/EmailSettingsView.vue
+++ b/frontend/src/views/settings/AI/EmailSettingsView.vue
@@ -66,6 +66,7 @@
          <div class="view-row"><span>IMAP Password:</span> <b>{{ form.imapPassword ? '••••••••' : 'Не установлен' }}</b></div>
          <div class="view-row"><span>From Email:</span> <b>{{ form.fromEmail }}</b></div>
          <button type="button" class="edit-btn" @click="editMode = true">Изменить</button>
+          <button type="button" class="clear-btn" @click="clearEmailSettings">Очистить</button>
          <button type="button" class="cancel-btn" @click="goBack">Закрыть</button>
        </div>
      </div>
@@ -180,6 +181,32 @@ const cancelEdit = () => {
  form.imapPassword = '';
  editMode.value = false;
 };
+
+const clearEmailSettings = async () => {
+  const confirmClear = confirm('Внимание! Это действие полностью удалит все настройки Email из базы данных. Продолжить?');
+  if (!confirmClear) return;
+  
+  try {
+    await api.delete('/settings/email-settings');
+    alert('Настройки Email полностью удалены');
+    
+    // Очищаем форму
+    form.smtpHost = '';
+    form.smtpPort = 465;
+    form.smtpUser = '';
+    form.smtpPassword = '';
+    form.imapHost = '';
+    form.imapPort = 993;
+    form.imapUser = '';
+    form.imapPassword = '';
+    form.fromEmail = '';
+    Object.assign(original, JSON.parse(JSON.stringify(form)));
+    editMode.value = false;
+  } catch (e) {
+    console.error('Ошибка удаления настроек Email:', e);
+    alert('Ошибка удаления настроек Email');
+  }
+};
 </script>

 <style scoped>
@@ -242,6 +269,22 @@ h2 {
 .save-btn:hover {
  background: var(--color-primary-dark);
 }
+.clear-btn {
+  background: #dc3545;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  padding: 0.5rem 1.5rem;
+  cursor: pointer;
+  font-size: 1rem;
+  margin-left: 1rem;
+  transition: background 0.2s;
+}
+
+.clear-btn:hover {
+  background: #c82333;
+}
+
 .cancel-btn {
  background: #eee;
  color: #333;
--- a/frontend/src/views/settings/AI/TelegramSettingsView.vue
+++ b/frontend/src/views/settings/AI/TelegramSettingsView.vue
@@ -32,6 +32,7 @@
          <div class="view-row"><span>Bot Token:</span> <b>••••••••••••••••••••••••••••••••••••••••</b></div>
          <div class="view-row"><span>Bot Username:</span> <b>{{ form.botUsername }}</b></div>
          <button type="button" class="edit-btn" @click="editMode = true">Изменить</button>
+          <button type="button" class="clear-btn" @click="clearTelegramSettings">Очистить</button>
          <button type="button" class="cancel-btn" @click="goBack">Закрыть</button>
        </div>
      </div>
@@ -123,6 +124,25 @@ const cancelEdit = () => {
  form.botToken = '';
  editMode.value = false;
 };
+
+const clearTelegramSettings = async () => {
+  const confirmClear = confirm('Внимание! Это действие полностью удалит все настройки Telegram из базы данных. Продолжить?');
+  if (!confirmClear) return;
+  
+  try {
+    await api.delete('/settings/telegram-settings');
+    alert('Настройки Telegram полностью удалены');
+    
+    // Очищаем форму
+    form.botToken = '';
+    form.botUsername = '';
+    Object.assign(original, JSON.parse(JSON.stringify(form)));
+    editMode.value = false;
+  } catch (e) {
+    console.error('Ошибка удаления настроек Telegram:', e);
+    alert('Ошибка удаления настроек Telegram');
+  }
+};
 </script>

 <style scoped>
@@ -185,6 +205,22 @@ h2 {
 .save-btn:hover {
  background: var(--color-primary-dark);
 }
+.clear-btn {
+  background: #dc3545;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  padding: 0.5rem 1.5rem;
+  cursor: pointer;
+  font-size: 1rem;
+  margin-left: 1rem;
+  transition: background 0.2s;
+}
+
+.clear-btn:hover {
+  background: #c82333;
+}
+
 .cancel-btn {
  background: #eee;
  color: #333;