From b036e2412cd42b311d85d7d20581aa54f40200e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=9D=D0=B0=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=B8=D0=BD?= <igor_26reg@mail.ru>
Date: Fri, 5 Dec 2025 12:59:31 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=BE=20=D0=B4=D1=83=D0=B1=D0=BB=D0=B8=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B7=D0=B0=D0=BF=D0=B8?=
 =?UTF-8?q?=D1=81=D0=B5=D0=B9=20=D0=BF=D1=80=D0=B8=20=D0=BF=D0=BE=D0=B4?=
 =?UTF-8?q?=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- loadEmployees() теперь возвращает только новые записи
- render() принимает массив записей для рендеринга, а не использует this.employees
- При append=true рендерятся только новые записи, а не весь массив
- Добавлено логирование в render() для отладки
---
 backend/static/js/components/employeesList.js | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/backend/static/js/components/employeesList.js b/backend/static/js/components/employeesList.js
index a3f29f40..24ec4f51 100644
--- a/backend/static/js/components/employeesList.js
+++ b/backend/static/js/components/employeesList.js
@@ -44,8 +44,8 @@ export class EmployeesList {
     this.hasMore = true;
     
     try {
-      await this.loadEmployees(false); // append = false
-      this.render(false); // append = false
+      const employees = await this.loadEmployees(false); // append = false
+      this.render(employees, false); // передаем загруженные записи
       this.updateCount();
       this.setupInfiniteScroll();
     } catch (error) {
@@ -102,8 +102,8 @@ export class EmployeesList {
     });
     
     try {
-      await this.loadEmployees(true); // append = true
-      this.render(true); // append = true
+      const newEmployees = await this.loadEmployees(true); // append = true
+      this.render(newEmployees, true); // передаем только новые записи
       this.updateCount();
     } catch (error) {
       console.error('Failed to load more employees:', error);
@@ -176,6 +176,9 @@ export class EmployeesList {
       
       this.loading = false;
       this.hideLoadingSpinner();
+      
+      // Возвращаем только новые записи для рендеринга
+      return newEmployees;
     } catch (error) {
       this.loading = false;
       this.hideLoadingSpinner();
@@ -212,14 +215,24 @@ export class EmployeesList {
 
   /**
    * Рендеринг списка сотрудников
+   * @param {Array} employees - массив сотрудников для рендеринга
+   * @param {boolean} append - добавить к существующим или заменить
    */
-  render(append = false) {
-    if (this.employees.length === 0 && !append) {
-      this.container.innerHTML = '<div class="alert alert-info shadow-sm">Нет сотрудников.</div>';
+  render(employees, append = false) {
+    if (!employees || employees.length === 0) {
+      if (!append) {
+        this.container.innerHTML = '<div class="alert alert-info shadow-sm">Нет сотрудников.</div>';
+      }
       return;
     }
 
-    const itemsHtml = this.employees.map(emp => this.createEmployeeCard(emp)).join('');
+    console.log('render: rendering', {
+      count: employees.length,
+      append,
+      totalInMemory: this.employees.length
+    });
+
+    const itemsHtml = employees.map(emp => this.createEmployeeCard(emp)).join('');
     
     if (append) {
       // Удаляем observer target перед добавлением
@@ -228,12 +241,14 @@ export class EmployeesList {
       }
       // Добавляем новые карточки
       this.container.insertAdjacentHTML('beforeend', itemsHtml);
+      console.log('render: appended to DOM');
       // Возвращаем observer target обратно
       if (this.observerTarget) {
         this.container.appendChild(this.observerTarget);
       }
     } else {
       this.container.innerHTML = itemsHtml;
+      console.log('render: replaced DOM');
       // Создаем observer target при первой загрузке
       if (this.hasMore && !this.observerTarget) {
         this.observerTarget = document.createElement('div');