добавление cookie

src/components/Autherization/Authe.vue

@@ -1,6 +1,7 @@
 <script setup>
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
-import { login as apiLogin } from '@/services/authService.js'
+import { login as apiLogin, checkAuth } from '@/services/authService.js'
+import { isAuthenticated, getAuthToken, logout } from '@/utils/auth.js'
 
 const props = defineProps({
   currentPage: String,
@@ -12,6 +13,20 @@ const login = ref('')
 const password = ref('')
 const authError = ref(false)
 const isLoading = ref(false)
+const isCheckingAuth = ref(true)
+
+// Проверка авторизации при загрузке
+onMounted(async () => {
+  if (isAuthenticated()) {
+    const result = await checkAuth()
+    if (result.authenticated) {
+      emit('update', 'rezylt')
+    } else {
+      logout()
+    }
+  }
+  isCheckingAuth.value = false
+})
 
 async function handleLogin() {
   isLoading.value = true
@@ -19,6 +34,7 @@ async function handleLogin() {
 
   try {
     const data = await apiLogin(login.value, password.value)
+    
     if (data.message === 'Login successful') {
       emit('update', 'rezylt')
     } else {
@@ -44,28 +60,42 @@ function showStartPage() {
   password.value = ''
   authError.value = false
 }
+
+function handleLogout() {
+  logout()
+  emit('update', 'admin-panel')
+  login.value = ''
+  password.value = ''
+}
 </script>
 
 <template>
+  <!-- Показываем форму входа только если страница admin-panel и проверка авторизации завершена -->
   <div
-    v-if="currentPage === 'admin-panel'"
+    v-if="currentPage === 'admin-panel' && !isCheckingAuth"
     class="p-6 bg-white rounded-xl shadow max-w-md mx-auto mt-10 dark:bg-gray-800 dark:text-neutral-300"
   >
     <h2 class="text-xl font-semibold mb-4">Вход для администратора</h2>
     <div class="mb-3">
-      <label class="block mb-1 text-sm">Логин</label>
+      <label for="login-input" class="block mb-1 text-sm">Логин</label>
       <input
+        id="login-input"
+        name="login"
         v-model="login"
         type="text"
+        autocomplete="username"
         class="border rounded-lg p-2 w-full dark:bg-gray-900 dark:border-gray-600"
         @keydown="handleKeyDown"
       />
     </div>
     <div class="mb-4">
-      <label class="block mb-1 text-sm">Пароль</label>
+      <label for="password-input" class="block mb-1 text-sm">Пароль</label>
       <input
+        id="password-input"
+        name="password"
         v-model="password"
         type="password"
+        autocomplete="current-password"
         class="border rounded-lg p-2 w-full dark:bg-gray-900 dark:border-gray-600"
         @keydown="handleKeyDown"
       />
@@ -89,5 +119,10 @@ function showStartPage() {
       Неверный логин или пароль
     </div>
   </div>
+
+  <!-- Загрузка при проверке авторизации -->
+  <div v-if="isCheckingAuth" class="flex justify-center items-center min-h-screen">
+    <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-teal-600"></div>
+  </div>
 </template>
 

src/components/Istochnik_section/Istochnik.vue

@@ -21,12 +21,16 @@
             v-model="searchQuery"
             type="text"
             placeholder="Поиск..."
+            id="source-search"
+            name="source_search"
             class="w-full h-12 dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 pl-11"
           />
         </div>
         <select
           v-model="activeCategory"
           @change="onFilterChange"
+          id="source-category"
+          name="source_category"
           class="w-1/3 h-12 dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 ml-2"
         >
           <option value="all">Все</option>
@@ -47,11 +51,15 @@
           v-model="newSourceUrl"
           type="text"
           placeholder="https://example.com"
+          id="new-source-url"
+          name="new_source_url"
           class="flex-1 h-12 dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 min-w-0"
         />
 
         <select
           v-model="newSourceCategory"
+          id="new-source-category"
+          name="new_source_category"
           class="w-28 h-12 dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 min-w-30"
         >
           <option value="" disabled>Категория</option>

src/components/Istochnik_section/Istochnik_one_kard.vue

@@ -8,6 +8,8 @@
         :value="props.source.url"
         type="text"
         placeholder="URL источника"
+        :id="'source-url-' + props.source.url"
+        :name="'source_url_' + props.source.url"
         readonly
         class="flex-1 sm:mr-1 h-12 dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 min-w-0"
       />
@@ -15,6 +17,8 @@
         :value="props.source.promt"
         type="text"
         placeholder="Промт"
+        :id="'source-promt-' + props.source.url"
+        :name="'source_promt_' + props.source.url"
         readonly
         class="h-12 dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 w-1/3 sm:max-w-20"
       />

src/components/News_section/General_section.vue

@@ -20,12 +20,16 @@
               v-model="searchQuery"
               type="text"
               placeholder="Поиск..."
+              id="news-search"
+              name="news_search"
               class="dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 pl-11"
             />
           </div>
           <select
             v-model="activeFilter"
             @change="onFilterChange"
+            id="news-filter"
+            name="news_filter"
             class="dark:bg-gray-900 border-slate-100 shadow rounded-xl h-12 p-3"
           >
             <option value="all">Все</option>

src/components/Settings_section/DatePicker.vue

@@ -33,6 +33,14 @@ defineProps({
     type: String,
     default: '',
   },
+  inputId: {
+    type: String,
+    default: '',
+  },
+  name: {
+    type: String,
+    default: '',
+  },
 })
 </script>
 

src/components/Settings_section/Settings.vue

@@ -3,7 +3,7 @@
     <!-- Ввод времени -->
     <div class="bg-white p-4 mb-4 flex-colum sm:flex dark:bg-gray-800">
       <div class="w-full sm:max-w-100 flex">
-        <DatePicker v-model="time" placeholder="01.01.2026" />
+        <DatePicker v-model="time" placeholder="01.01.2026" inputId="parser-date" name="parser_date" />
         <button
           class="dark:bg-orange-500 hover:dark:bg-orange-600 ml-4 shadow text-white bg-sky-700 w-1/2 hover:bg-sky-900 rounded-xl px-2 min-h-11 cursor-pointer"
           @click="startParser1"
@@ -54,6 +54,8 @@
 
       <textarea
         v-model="prompt"
+        id="prompt-textarea"
+        name="prompt"
         class="w-full min-h-96 rounded-xl p-2 border-2 border-neutral-300 dark:bg-gray-900 dark:border-neutral-600"
       ></textarea>
     </div>

src/components/Settings_section/SettingsDownloads.vue

@@ -3,12 +3,14 @@
     <div class="flex flex-col lg:flex-row items-center gap-2 flex-grow">
       <div class="flex items-center gap-2 w-full lg:w-auto">
         <span class="dark:text-neutral-300 whitespace-nowrap">с</span>
-        <DatePicker v-model="dateStart" />
+        <DatePicker v-model="dateStart" inputId="date-start" name="date_start" />
         <span class="dark:text-neutral-300 whitespace-nowrap">по</span>
-        <DatePicker v-model="dateFinish" />
+        <DatePicker v-model="dateFinish" inputId="date-finish" name="date_finish" />
       </div>
       <select
         v-model="selectedFilter"
+        id="filter-select"
+        name="filter"
         class="dark:bg-gray-900 border-slate-100 shadow rounded-xl h-12 p-3 mt-3 lg:mt-0 lg:ml-4 w-full lg:w-auto flex-shrink-0 cursor-pointer"
       >
         <option value="status">Избранные</option>

src/services/api.js

@@ -1,20 +1,50 @@
 import axios from 'axios'
+import { getAuthToken, logout } from '@/utils/auth.js'
 
 const API_BASE_8001 = 'https://allowlgroup.ru/api/8001'
 const API_BASE_8002 = 'https://allowlgroup.ru/api/8002'
 const API_BASE_8004 = 'https://allowlgroup.ru/api/8004'
 
+// Настройка с withCredentials для работы с cookie
+// Настройка без withCredentials для теста
+const commonConfig = {
+  headers: { 'Content-Type': 'application/json' },
+  withCredentials: true,  // Важно для отправки cookie
+  // withCredentials: true,  # Временно отключено для теста
+}
+
 export const api8001 = axios.create({
   baseURL: API_BASE_8001,
-  headers: { 'Content-Type': 'application/json' },
+  ...commonConfig,
 })
 
 export const api8002 = axios.create({
   baseURL: API_BASE_8002,
-  headers: { 'Content-Type': 'application/json' },
+  ...commonConfig,
 })
 
 export const api8004 = axios.create({
   baseURL: API_BASE_8004,
-  headers: { 'Content-Type': 'application/json' },
+  ...commonConfig,
 })
+
+// Добавляем токен из cookie в заголовки для защищённых запросов
+api8004.interceptors.request.use((config) => {
+  const token = getAuthToken()
+  if (token) {
+    config.headers.Authorization = `Bearer ${token}`
+  }
+  return config
+})
+
+// Обработка ошибок 401 - автоматический выход
+api8004.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response?.status === 401) {
+      logout()
+      window.location.reload()
+    }
+    return Promise.reject(error)
+  }
+)

src/services/authService.js

@@ -1,6 +1,27 @@
 import { api8004 } from './api.js'
+import { setAuthToken, setUsername, getAuthToken, getUsername } from '@/utils/auth.js'
 
 export async function login(username, password) {
   const { data } = await api8004.post('/login', { username, password })
+  
+  // Бэкенд сам устанавливает cookie, нам нужно только убедиться что токен сохранён
+  if (data.message === 'Login successful' && data.token) {
+    setAuthToken(data.token)
+    setUsername(username)
+  }
+  
   return data
 }
+
+// Проверяем авторизацию по наличию cookie (без лишнего запроса)
+export async function checkAuth() {
+  const token = getAuthToken()
+  if (!token) {
+    return { authenticated: false }
+  }
+  
+  // Просто проверяем наличие токена и возвращаем username
+  return { authenticated: true, user: { username: getUsername() } }
+}
+
+

src/utils/auth.js

@@ -0,0 +1,101 @@
+/**
+ * Утилиты для работы с cookie
+ */
+
+const TOKEN_COOKIE_NAME = 'auth_token'
+const USERNAME_COOKIE_NAME = 'username'
+
+/**
+ * Устанавливает cookie
+ * @param {string} name - имя cookie
+ * @param {string} value - значение cookie
+ * @param {number} days - срок хранения в днях
+ */
+function setCookie(name, value, days = 30) {
+  const date = new Date()
+  date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
+  const expires = `expires=${date.toUTCString()}`
+  document.cookie = `${name}=${encodeURIComponent(value)};${expires};path=/;SameSite=Lax`
+}
+
+/**
+ * Получает cookie по имени
+ * @param {string} name - имя cookie
+ * @returns {string|null} значение cookie или null
+ */
+function getCookie(name) {
+  const nameEQ = `${name}=`
+  const ca = document.cookie.split(';')
+  for (let i = 0; i < ca.length; i++) {
+    let c = ca[i]
+    while (c.charAt(0) === ' ') c = c.substring(1)
+    if (c.indexOf(nameEQ) === 0) {
+      return decodeURIComponent(c.substring(nameEQ.length, c.length))
+    }
+  }
+  return null
+}
+
+/**
+ * Удаляет cookie
+ * @param {string} name - имя cookie
+ */
+function removeCookie(name) {
+  document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`
+}
+
+/**
+ * Сохраняет токен авторизации (для совместимости)
+ * @param {string} token - токен
+ */
+export function setAuthToken(token) {
+  setCookie(TOKEN_COOKIE_NAME, token, 30)
+}
+
+/**
+ * Сохраняет имя пользователя
+ * @param {string} username - имя пользователя
+ */
+export function setUsername(username) {
+  setCookie(USERNAME_COOKIE_NAME, username, 30)
+}
+
+/**
+ * Получает токен авторизации
+ * @returns {string|null}
+ */
+export function getAuthToken() {
+  return getCookie(TOKEN_COOKIE_NAME)
+}
+
+/**
+ * Получает имя пользователя
+ * @returns {string|null}
+ */
+export function getUsername() {
+  return getCookie(USERNAME_COOKIE_NAME)
+}
+
+/**
+ * Проверяет, авторизован ли пользователь
+ * @returns {boolean}
+ */
+export function isAuthenticated() {
+  return getAuthToken() !== null
+}
+
+/**
+ * Выполняет выход из системы
+ */
+export function logout() {
+  removeCookie(TOKEN_COOKIE_NAME)
+  removeCookie(USERNAME_COOKIE_NAME)
+}
+
+/**
+ * Очищает все данные авторизации
+ */
+export function clearAuthData() {
+  logout()
+}
+