From 836665f1ed5093258fe9f47a5bbc38463604bcdc Mon Sep 17 00:00:00 2001
From: Yro Boros <morpex1698@mail.ru>
Date: Sat, 31 Jan 2026 19:51:16 +1000
Subject: [PATCH] Initial commit

---
 .gitignore                 |  39 ++++++
 .vscode/extensions.json    |   6 +
 README.md                  |  57 +++++++++
 e2e/vue.spec.js            |   8 ++
 index.html                 |  13 ++
 jsconfig.json              |   8 ++
 package-lock.json          |   0
 package.json               |  27 +++++
 playwright.config.js       | 110 +++++++++++++++++
 public/favicon.ico         | Bin 0 -> 4286 bytes
 src/App.vue                |  59 +++++++++
 src/assets/href.webp       | Bin 0 -> 2884 bytes
 src/assets/logo.svg        |   1 +
 src/assets/main.css        |  16 +++
 src/components/Authe.vue   |  92 ++++++++++++++
 src/components/Mob_naw.vue |  48 ++++++++
 src/components/My_naw.vue  |  53 ++++++++
 src/components/Section.vue |  35 ++++++
 src/components/Setings.vue | 240 +++++++++++++++++++++++++++++++++++++
 src/components/Stat.vue    | 106 ++++++++++++++++
 src/components/Time.vue    |  45 +++++++
 src/main.js                |   6 +
 vite.config.js             |  15 +++
 23 files changed, 984 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .vscode/extensions.json
 create mode 100644 README.md
 create mode 100644 e2e/vue.spec.js
 create mode 100644 index.html
 create mode 100644 jsconfig.json
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 playwright.config.js
 create mode 100644 public/favicon.ico
 create mode 100644 src/App.vue
 create mode 100644 src/assets/href.webp
 create mode 100644 src/assets/logo.svg
 create mode 100644 src/assets/main.css
 create mode 100644 src/components/Authe.vue
 create mode 100644 src/components/Mob_naw.vue
 create mode 100644 src/components/My_naw.vue
 create mode 100644 src/components/Section.vue
 create mode 100644 src/components/Setings.vue
 create mode 100644 src/components/Stat.vue
 create mode 100644 src/components/Time.vue
 create mode 100644 src/main.js
 create mode 100644 vite.config.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..7414e0e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,39 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
+
+.eslintcache
+
+# Cypress
+/cypress/videos/
+/cypress/screenshots/
+
+# Vitest
+__screenshots__/
+
+test-results/
+playwright-report/
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..928458f
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "ms-playwright.playwright"
+  ]
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..12ad275
--- /dev/null
+++ b/README.md
@@ -0,0 +1,57 @@
+# test
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Run End-to-End Tests with [Playwright](https://playwright.dev)
+
+```sh
+# Install browsers for the first run
+npx playwright install
+
+# When testing on CI, must build the project first
+npm run build
+
+# Runs the end-to-end tests
+npm run test:e2e
+# Runs the tests only on Chromium
+npm run test:e2e -- --project=chromium
+# Runs the tests of a specific file
+npm run test:e2e -- tests/example.spec.ts
+# Runs the tests in debug mode
+npm run test:e2e -- --debug
+```
diff --git a/e2e/vue.spec.js b/e2e/vue.spec.js
new file mode 100644
index 0000000..fc116a9
--- /dev/null
+++ b/e2e/vue.spec.js
@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+// See here how to get started:
+// https://playwright.dev/docs/intro
+test('visits the app root url', async ({ page }) => {
+  await page.goto('/');
+  await expect(page.locator('h1')).toHaveText('You did it!');
+})
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..92673d0
--- /dev/null
+++ b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/src/assets/logo.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..5a1f2d2
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e69de29
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..154cdca
--- /dev/null
+++ b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "test",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test:e2e": "playwright test"
+  },
+  "dependencies": {
+    "axios": "^1.13.2",
+    "tailwindcss": "^4.1.18",
+    "vue": "^3.5.25"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.57.0",
+    "@tailwindcss/vite": "^4.1.18",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "vite": "^7.3.0",
+    "vite-plugin-vue-devtools": "^8.0.5"
+  }
+}
diff --git a/playwright.config.js b/playwright.config.js
new file mode 100644
index 0000000..5ece956
--- /dev/null
+++ b/playwright.config.js
@@ -0,0 +1,110 @@
+import process from 'node:process'
+import { defineConfig, devices } from '@playwright/test'
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './e2e',
+  /* Maximum time one test can run for. */
+  timeout: 30 * 1000,
+  expect: {
+    /**
+     * Maximum time expect() should wait for the condition to be met.
+     * For example in `await expect(locator).toHaveText();`
+     */
+    timeout: 5000,
+  },
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
+    actionTimeout: 0,
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: process.env.CI ? 'http://localhost:4173' : 'http://localhost:5173',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Only on CI systems run the tests headless */
+    headless: !!process.env.CI,
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+    {
+      name: 'firefox',
+      use: {
+        ...devices['Desktop Firefox'],
+      },
+    },
+    {
+      name: 'webkit',
+      use: {
+        ...devices['Desktop Safari'],
+      },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: {
+    //     ...devices['Pixel 5'],
+    //   },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: {
+    //     ...devices['iPhone 12'],
+    //   },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: {
+    //     channel: 'msedge',
+    //   },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: {
+    //     channel: 'chrome',
+    //   },
+    // },
+  ],
+
+  /* Folder for test artifacts such as screenshots, videos, traces, etc. */
+  // outputDir: 'test-results/',
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    /**
+     * Use the dev server by default for faster feedback loop.
+     * Use the preview server on CI for more realistic testing.
+     * Playwright will re-use the local server if there is already a dev-server running.
+     */
+    command: process.env.CI ? 'npm run preview' : 'npm run dev',
+    port: process.env.CI ? 4173 : 5173,
+    reuseExistingServer: !process.env.CI,
+  },
+})
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..b1f3af1
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,59 @@
+<script setup>
+import { onMounted, ref, watch } from "vue";
+import My_naw from "./components/My_naw.vue";
+import Section from "./components/Section.vue";
+import Setings from "./components/Setings.vue";
+import Authe from "./components/Authe.vue";
+import axios from "axios";
+// Состояния страницы и данные для входа
+const currentPage = ref("admin-panel");
+const items = ref([]);
+
+// Универсальная функция для получения данных
+const fetchData = async (url, targetRef) => {
+  try {
+    const { data } = await axios.get(url)
+    targetRef.value = data
+  } catch (err) {
+    console.error(`Ошибка при получении данных с ${url}:`, err)
+  }
+}
+
+
+// Обертки для вызова
+const loadItems = () => fetchData("http://45.129.78.228:8002/records_all", items) //http://127.0.0.1:8002/records_all http://45.129.78.228:8002/records_all 
+
+onMounted(() => {
+  loadItems()
+})
+
+watch(items, loadItems)
+
+function handleUpdate(newValue) {
+  currentPage.value = newValue; // изменение значения в родителе
+}
+</script>
+
+
+<template>
+  <Authe :currentPage="currentPage" @update="handleUpdate"/>
+  <div v-if="currentPage === 'rezylt'">
+    <div class="sm:flex">
+      
+      <My_naw  :currentPage="currentPage" @update="handleUpdate"/>
+      <Section :items="items"/>
+      
+    </div>
+  </div>
+
+  <div v-if="currentPage === 'setings'">
+    <div class="sm:flex">
+        <My_naw  :currentPage="currentPage" @update="handleUpdate"/>
+        <Setings/>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* Добавьте стили по необходимости */
+</style>
diff --git a/src/assets/href.webp b/src/assets/href.webp
new file mode 100644
index 0000000000000000000000000000000000000000..31a43a73cb58ef51b838c0ea73a15f9b7c3f6fbe
GIT binary patch
literal 2884
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

literal 0
HcmV?d00001

diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..7565660
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
diff --git a/src/assets/main.css b/src/assets/main.css
new file mode 100644
index 0000000..b2b3ede
--- /dev/null
+++ b/src/assets/main.css
@@ -0,0 +1,16 @@
+@import "tailwindcss";
+
+/* Для темной темы */
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #111;
+    /* другие стили для темной темы */
+  }
+}
+
+/* Для светлой темы (по умолчанию или явно) */
+@media (prefers-color-scheme: light) {
+  body {
+    background: #ccc; /* или любой другой цвет */
+  }
+}
\ No newline at end of file
diff --git a/src/components/Authe.vue b/src/components/Authe.vue
new file mode 100644
index 0000000..dee8a8e
--- /dev/null
+++ b/src/components/Authe.vue
@@ -0,0 +1,92 @@
+<script setup>
+import { ref, onMounted, onUnmounted } from "vue";
+import axios from "axios";
+
+// Получение props
+const props = defineProps({
+  currentPage: String,
+});
+
+// Объявление события для обновления страницы
+const emit = defineEmits(["update"]);
+
+const login = ref("");
+const password = ref("");
+const authError = ref(false);
+
+// Функция авторизации
+const auth_my = async () => {
+  try {
+    const response = await axios.post("http://45.129.78.228:8004/login", { 
+      username: login.value,
+      password: password.value,
+    });
+    if (response.data.message === "Login successful") {
+      authError.value = false;
+      emit("update", "rezylt");
+    } else {
+      authError.value = true;
+    }
+  } catch (err) {
+    authError.value = true;
+    console.log(err);
+  }
+};
+
+// Обработка глобального нажатия Enter
+const handleKeyDown = (event) => {
+  if (event.key === "Enter") {
+    auth_my();
+  }
+};
+
+// Добавляем глобальный слушатель при монтировании
+onMounted(() => {
+  window.addEventListener("keydown", handleKeyDown);
+});
+
+// Удаляем при размонтировании
+onUnmounted(() => {
+  window.removeEventListener("keydown", handleKeyDown);
+});
+
+// Переход на стартовую страницу (сброс данных)
+function showStartPage() {
+  emit("update", "admin-panel");
+  login.value = "";
+  password.value = "";
+  authError.value = false;
+}
+</script>
+
+<template>
+  <div
+    v-if="props.currentPage === 'admin-panel'"
+    class="p-4 bg-white rounded shadow max-w-md mx-auto mt-10 dark:bg-gray-800 dark:text-neutral-300"
+  >
+    <h2>Вход для администратора</h2>
+    <div class="mb-2">
+      <label>Логин:</label>
+      <input v-model="login" type="text" class="border p-1 w-full" />
+    </div>
+    <div class="mb-2">
+      <label>Пароль:</label>
+      <input v-model="password" type="password" class="border p-1 w-full" />
+    </div>
+    <button
+      @click="auth_my"
+      class="mr-2 bg-teal-600 hover:bg-teal-800 text-white px-4 py-2 rounded cursor-pointer"
+    >
+      Войти
+    </button>
+    <button
+      @click="showStartPage"
+      class="dark:bg-gray-600 dark:hover:bg-gray-700 bg-gray-500 hover:bg-gray-600 px-4 py-2 rounded cursor-pointer"
+    >
+      Отмена
+    </button>
+    <div v-if="authError" class="mt-2 text-red-600">
+      Неверный логин или пароль
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/components/Mob_naw.vue b/src/components/Mob_naw.vue
new file mode 100644
index 0000000..02fe451
--- /dev/null
+++ b/src/components/Mob_naw.vue
@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <button class="rounded-md bg-white/10 px-2.5 py-1.5 text-sm font-semibold text-white inset-ring inset-ring-white/5 hover:bg-white/20" @click="open = true">Open drawer</button>
+    <TransitionRoot as="template" :show="open">
+      <Dialog class="relative z-10" @close="open = false">
+        <TransitionChild as="template" enter="ease-in-out duration-500" enter-from="opacity-0" enter-to="" leave="ease-in-out duration-500" leave-from="" leave-to="opacity-0">
+          <div class="fixed inset-0 bg-gray-900/50 transition-opacity"></div>
+        </TransitionChild>
+
+        <div class="fixed inset-0 overflow-hidden">
+          <div class="absolute inset-0 overflow-hidden">
+            <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10 sm:pl-16">
+              <TransitionChild as="template" enter="transform transition ease-in-out duration-500 sm:duration-700" enter-from="translate-x-full" enter-to="translate-x-0" leave="transform transition ease-in-out duration-500 sm:duration-700" leave-from="translate-x-0" leave-to="translate-x-full">
+                <DialogPanel class="pointer-events-auto relative w-screen max-w-md">
+                  <TransitionChild as="template" enter="ease-in-out duration-500" enter-from="opacity-0" enter-to="" leave="ease-in-out duration-500" leave-from="" leave-to="opacity-0">
+                    <div class="absolute top-0 left-0 -ml-8 flex pt-4 pr-2 sm:-ml-10 sm:pr-4">
+                      <button type="button" class="relative rounded-md text-gray-400 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500" @click="open = false">
+                        <span class="absolute -inset-2.5"></span>
+                        <span class="sr-only">Close panel</span>
+                        <XMarkIcon class="size-6" aria-hidden="true" />
+                      </button>
+                    </div>
+                  </TransitionChild>
+                  <div class="relative flex h-full flex-col overflow-y-auto bg-gray-800 py-6 shadow-xl after:absolute after:inset-y-0 after:left-0 after:w-px after:bg-white/10">
+                    <div class="px-4 sm:px-6">
+                      <DialogTitle class="text-base font-semibold text-white">Panel title</DialogTitle>
+                    </div>
+                    <div class="relative mt-6 flex-1 px-4 sm:px-6">
+                      <!-- Your content -->
+                    </div>
+                  </div>
+                </DialogPanel>
+              </TransitionChild>
+            </div>
+          </div>
+        </div>
+      </Dialog>
+    </TransitionRoot>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'
+import { XMarkIcon } from '@heroicons/vue/24/outline'
+
+const open = ref(true)
+</script>
\ No newline at end of file
diff --git a/src/components/My_naw.vue b/src/components/My_naw.vue
new file mode 100644
index 0000000..63a26a2
--- /dev/null
+++ b/src/components/My_naw.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class=" sticky top-0 w-full sm:w-1/5 sm:h-screen bg-white z-10 pt-5 md:p-5 dark:bg-gray-800">
+    <!-- Фиксированный левый блок -->
+    <div v-if="currentPage === 'rezylt'" class="flex sm:flex-col">
+      <button
+        @click="ValueRezylt"
+        class="bg-gray-600 w-full text-white min-w-30 px-4 py-2 rounded cursor-pointer"
+      >
+        Результат
+      </button>
+
+      <button
+        @click="ValueSeting"
+        class="bg-gray-300 sm:mt-3 w-full min-w-30 hover:text-white hover:bg-gray-600 px-4 py-2 rounded cursor-pointer"
+      >
+        Настройка
+      </button>
+    </div>
+
+    <div v-if="currentPage === 'setings'" class="flex sm:flex-col">
+      <button
+        @click="ValueRezylt"
+        class="bg-gray-300  w-full min-w-30 hover:text-white hover:bg-gray-600 px-4 py-2 rounded cursor-pointer"
+      >
+        Результат
+      </button>
+
+      <button
+        @click="ValueSeting"
+        class="bg-gray-600 sm:mt-3 w-full text-white min-w-30 px-4 py-2 rounded cursor-pointer"
+      >
+        Настройка
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  currentPage: String,
+});
+
+// Макросы Vue 3.3+ не требуют явного импорта
+const emit = defineEmits(["update"]);
+
+function ValueSeting() {
+  emit("update", "setings");
+}
+
+function ValueRezylt() {
+  emit("update", "rezylt");
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Section.vue b/src/components/Section.vue
new file mode 100644
index 0000000..2321d20
--- /dev/null
+++ b/src/components/Section.vue
@@ -0,0 +1,35 @@
+<!-- AdminLogin.vue -->
+<template>
+  <div class="w-full sm:w-4/5 dark:text-neutral-300">
+    <div class="bg-white flex justify-between p-5 dark:bg-gray-800 ">
+      <h1>Результат:</h1>
+      <Time />
+    </div>
+    
+    <div class="p-4">
+      <Stat
+        v-for="item in items"
+        :translation_text="item.translation_text"
+        :original_text="item.original_text"
+        :url="item.url"
+        :title="item.title"
+        :article_date="item.article_date"
+        :short_text="item.short_text"
+        :category="item.category"
+        :parsed_at="item.parsed_at"
+        :status = "item.status"
+        :viewed = "item.viewed"
+        :other = "item.other"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import Stat from "./Stat.vue";
+import Time from "./Time.vue";
+
+defineProps({
+  items: Array,
+});
+</script>
diff --git a/src/components/Setings.vue b/src/components/Setings.vue
new file mode 100644
index 0000000..11377d0
--- /dev/null
+++ b/src/components/Setings.vue
@@ -0,0 +1,240 @@
+<template>
+  <div class="w-full sm:w-4/5 dark:text-neutral-300">
+    <!-- Ввод времени -->
+    <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">
+        <input
+          v-model="time"
+          type="text"
+          placeholder="01.01.2026"
+          class="dark:bg-gray-900 min-w-30 border-slate-100 shadow rounded-xl w-1/2 p-3"
+        />
+        <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="start_parser_1"
+        >
+          Парсить 1 источник
+        </button>
+      </div>
+      <button
+        class="dark:bg-orange-500 hover:dark:bg-orange-600 sm:ml-2 shadow mt-1 sm:mt-0 text-white w-full sm:max-w-50 bg-sky-700 hover:bg-sky-900 rounded-xl px-2 min-h-11 cursor-pointer"
+        @click="start_parser_2"
+      >
+        Парсить 2 источник
+      </button>
+    </div>
+
+    <!-- Список источников и промт -->
+    <div
+      class="dark:bg-gray-800 sm:m-5 bg-white p-4 hover:-translate-y-2 hover:shadow-2xl border-slate-100 rounded-xl transition"
+    >
+      <div
+        class="flex-colum sm:flex items-center mb-4 border-slate-900 justify-between"
+      >
+        <div class="w-full sm:max-w-60 flex">
+          <button
+            v-for="(source, index) in sources"
+            :key="source.name"
+            @click="selectSource(index)"
+            class="dark:bg-neutral-500 hover:dark:bg-neutral-600 p-2 mr-2 rounded-xl bg-sky-700 hover:bg-sky-900 w-1/2 text-white cursor-pointer"
+          >
+            {{ source.name }}
+          </button>
+        </div>
+
+        <!-- Кнопка сохранения источников -->
+        <button
+          class="shadow mt-1 sm:mt-0 text-white bg-green-500 hover:bg-green-600 rounded-xl w-full sm:max-w-60 px-2 min-h-11 cursor-pointer"
+          @click="saveSources"
+        >
+          Сохранить изменения
+        </button>
+      </div>
+
+      <!-- Редактируемый промт -->
+      <div class=" ">
+        <textarea
+          v-model="promt"
+          class="w-full min-h-100 rounded-xl p-2 border-2 border-neutral-300"
+        ></textarea>
+      </div>
+    </div>
+
+    <!-- Список логов -->
+    <div
+      class="dark:bg-gray-800 mt-5 sm:m-5 bg-white p-4 hover:-translate-y-2 hover:shadow-2xl border-slate-100 rounded-xl transition"
+    >
+      <!-- Кнопка для переключения -->
+      <button
+        @click="toggleLogs"
+        class="dark:bg-orange-500 hover:dark:bg-orange-600 shadow text-white bg-sky-700 w-full hover:bg-sky-900 rounded-xl px-2 min-h-11 cursor-pointer"
+      >
+        {{ showLogs ? "Скрыть логи" : "Показать логи" }}
+      </button>
+
+      <!-- Блок логов, показывается или скрывается -->
+      <div
+        class="border-1 border-neutral-300 p-2 mt-2 rounded-xl"
+        v-if="showLogs"
+      >
+        <div v-for="(log, index) in logs" :key="index">
+          {{ log }}
+        </div>
+      </div>
+    </div>
+
+    <div
+      class="dark:bg-gray-800 mt-5 sm:m-5 bg-white p-4 hover:-translate-y-2 hover:shadow-2xl border-slate-100 rounded-xl transition"
+    >
+      <!-- Кнопка для переключения -->
+      <button
+        @click="toggletask"
+        class="dark:bg-orange-500 hover:dark:bg-orange-600 shadow text-white bg-sky-700 w-full hover:bg-sky-900 rounded-xl px-2 min-h-11 cursor-pointer"
+      >
+        {{ showtask ? "Скрыть задачи" : "Показать задачи" }}
+      </button>
+        <div
+          class="border-1 border-neutral-300 p-2 mt-2 rounded-xl overflow-x-auto"
+          v-if="showtask"
+        >
+          <table class="w-full min-w-max">
+            <thead>
+              <tr>
+                <th class="px-2 py-2 text-left">Status</th>
+                <th class="px-2 py-2 text-left">Source URL</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="task in tasks" :key="task.id">
+                <td
+                  class="px-2 py-2 whitespace-nowrap overflow-hidden overflow-ellipsis max-w-full"
+                >
+                  {{ task.status }}
+                </td>
+                <td
+                  class="px-2 py-2 whitespace-nowrap overflow-hidden overflow-ellipsis max-w-full"
+                >
+                  {{ task.source_url }}
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from "vue";
+import axios from "axios";
+
+const sources = ref([
+  { name: "source1", url: "eee", prompt: "" },
+  { name: "source2", url: "https://example2.com/api", prompt: "" },
+]);
+
+const currentSource = ref(sources.value[0]);
+const time = ref("");
+const promt = ref("Начальный текст");
+const logs = ref([]);
+const tasks = ref([]);
+const showLogs = ref(false); // скрыто по умолчанию
+const showtask = ref(false); // скрыто по умолчанию
+
+// функция для переключения видимости логов
+function toggleLogs() {
+  showLogs.value = !showLogs.value;
+  if (showLogs.value) {
+    load_log();
+  }
+}
+
+const load_log = async () => {
+  try {
+    const response = await axios.get("http://45.129.78.228:8001/logs");
+    logs.value = response.data.logs;
+  } catch (error) {
+    console.error("Ошибка при загрузке настроек:", error);
+  }
+};
+
+// функция для переключения видимости задач
+function toggletask() {
+  showtask.value = !showtask.value;
+  if (showtask.value) {
+    loadTasks();
+  }
+}
+
+const loadTasks = async () => {
+  try {
+    const response = await axios.get(
+      "http://45.129.78.228:8001/get_tasks_offset",
+    );
+    // Предположим, что ответ уже массив задач
+    tasks.value = response.data; // или response.data если это массив
+  } catch (error) {
+    console.error("Ошибка при загрузке задач:", error);
+  }
+};
+// Загрузка настроек при монтировании
+onMounted(() => {
+  loadSettings();
+  // load_log();
+});
+
+// watch(logs, load_log);
+
+// Получение настроек с сервера
+const loadSettings = async () => {
+  try {
+    const response = await axios.get("http://45.129.78.228:8001/settings");
+    sources.value = response.data.sources;
+    currentSource.value = sources.value[0];
+    promt.value = currentSource.value.prompt;
+  } catch (error) {
+    console.error("Ошибка при загрузке настроек:", error);
+  }
+};
+
+// Выбор источника
+const selectSource = (index) => {
+  currentSource.value = sources.value[index];
+  promt.value = currentSource.value.prompt;
+};
+
+// Сохранение источников
+const saveSources = async () => {
+  try {
+    await axios.post("http://45.129.78.228:8001/settings", {
+      name: currentSource.value.name,
+      url: "",
+      prompt: promt.value,
+    });
+    // Здесь можно отправить на сервер, если нужно
+    loadSettings();
+  } catch (error) {
+    console.error("Ошибка при сохранении источников:", error);
+  }
+};
+
+// Запуск парсинга 1
+const start_parser_1 = async () => {
+  try {
+    await axios.post("http://45.129.78.228:8001/parser_1", {
+      time: time.value,
+    });
+  } catch (error) {
+    console.error("Ошибка запроса parser_1:", error);
+  }
+};
+
+// Запуск парсинга 2
+const start_parser_2 = async () => {
+  try {
+    await axios.post("http://45.129.78.228:8001/parser_2");
+  } catch (error) {
+    console.error("Ошибка запроса parser_2:", error);
+  }
+};
+</script>
diff --git a/src/components/Stat.vue b/src/components/Stat.vue
new file mode 100644
index 0000000..21514a2
--- /dev/null
+++ b/src/components/Stat.vue
@@ -0,0 +1,106 @@
+<script setup>
+import { ref, onMounted, onBeforeUnmount } from "vue";
+import axios from "axios";
+
+const props = defineProps({
+  url: String,
+  parsed_at: String,
+  title: String,
+  category: String,
+  short_text: String,
+  article_date: String,
+  original_text: String,
+  translation_text: String,
+  other: String,
+  viewed: Boolean,
+  status: Boolean,
+});
+
+//Код для раскрытия/скрытия карточки
+const isOpen = ref(false);
+const cardRef = ref(null);
+
+function toggle() {
+  isOpen.value = true; //!isOpen.value;
+}
+
+function handleClickOutside(event) {
+  if (cardRef.value && !cardRef.value.contains(event.target)) {
+    isOpen.value = false;
+  }
+}
+
+const viewed_b = async () => {
+  try {
+    const response = await axios.post(
+      "http://45.129.78.228:8002/update_viewed_status",
+      null,
+      {
+        params: {
+          url: props.url,
+          viewed: true,
+        },
+      },
+    );
+  } catch (err) {
+    console.log(err);
+  }
+};
+
+onMounted(() => {
+  document.addEventListener("click", handleClickOutside);
+});
+onBeforeUnmount(() => {
+  document.removeEventListener("click", handleClickOutside);
+});
+</script>
+
+<template>
+  <div
+    class="bg-white dark:bg-gray-800  hover:-translate-y-2 hover:shadow-2xl  rounded-xl transition pb-1 mb-3"
+    :class="{ 'opacity-50': props.viewed }" 
+  ><!--:class="{ 'opacity-50': props.viewed }" обработчик прочитанности-->
+    <div ref="cardRef" class="cursor-pointer" @click="toggle">
+      <div class="flex justify-between  p-3">
+        <p>{{ article_date }}</p>
+        <a
+          :href="url"
+          class="max-w-100 text-blue-600 dark:text-gray-400 hover:text-blue-800 underline flex"
+          style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
+        >
+          <img
+            src="/src/assets/href.webp"
+            class="w-5 h-6 mr-2"
+          />
+          {{ url }}
+        </a>
+      </div>
+
+      <div class="m-3 dark:bg-gray-900  shadow rounded-xl p-3">
+        <p>{{ title }}</p>
+      </div>
+
+      <!-- Вариант с Tailwind: показывать/скрывать по состоянию -->
+      <div v-show="isOpen" class="transition-all">
+        <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
+          <p>{{ short_text }}</p>
+        </div>
+        <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
+          <p>{{ translation_text }}</p>
+        </div>
+        <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
+          <p>{{ category }}</p>
+        </div>
+        <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
+          <p>{{ original_text }}</p>
+        </div>
+      </div>
+    </div>
+    <button
+      class="ml-4 shadow mb-5 bg-lime-500 dark:bg-orange-500 hover:dark:bg-orange-600  hover:dark:text-neutral-50  hover:bg-lime-300 hover:text-stone-900 rounded-xl w-40 h-10 text-white cursor-pointer"
+      @click="viewed_b"
+    >
+      Прочитано
+    </button>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/components/Time.vue b/src/components/Time.vue
new file mode 100644
index 0000000..dbdf88d
--- /dev/null
+++ b/src/components/Time.vue
@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <p>Дата и время в Пекине: <br>{{ currentDateTime }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      currentDateTime: '', // строка с текущими датой и временем
+      timer: null,
+    };
+  },
+  methods: {
+    updateTime() {
+      const options = {
+        timeZone: 'Asia/Shanghai',
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+      };
+      const formatter = new Intl.DateTimeFormat('zh-CN', options);
+      const parts = formatter.formatToParts(new Date());
+      
+      const dateParts = {};
+      parts.forEach(({ type, value }) => {
+        dateParts[type] = value;
+      });
+      
+      this.currentDateTime = `${dateParts.year}-${dateParts.month}-${dateParts.day} ${dateParts.hour}:${dateParts.minute}:${dateParts.second}`;
+    },
+  },
+  mounted() {
+    this.updateTime();
+    this.timer = setInterval(this.updateTime, 1000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..0ac3a5f
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,6 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..dc70e58
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,15 @@
+import { fileURLToPath, URL } from "node:url";
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import vueDevTools from "vite-plugin-vue-devtools";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueDevTools(), tailwindcss()],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+});