From a9f9ba61a0db337997936a41dfbd5daa48f863a4 Mon Sep 17 00:00:00 2001
From: shumilina_a <ashumilina1970@gmail.com>
Date: Fri, 18 Sep 2026 10:13:21 +0000
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=20=D0=B4?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BD=D1=8B=D1=85:=20=D0=BA=D0=BD=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D0=B4=D0=B5=D0=BC=D0=BE=20+=20demo-postupleniya?=
 =?UTF-8?q?.xlsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo-postupleniya.xlsx | Bin 0 -> 5300 bytes
 index.html             |  47 +++++++++++++++++++++++++++++++++++++++--
 2 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 demo-postupleniya.xlsx

diff --git a/demo-postupleniya.xlsx b/demo-postupleniya.xlsx
new file mode 100644
index 0000000000000000000000000000000000000000..c19e80145b208df92abb131610c5171bbbe8f318
GIT binary patch
literal 5300
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
DN**Xh

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 3d0e6eb..637e001 100644
--- a/index.html
+++ b/index.html
@@ -98,6 +98,12 @@
         <div class="kt-ai-files" id="fileList"></div>
       </div>
 
+      <div class="kt-ai-actions" id="demoBar" style="margin-top:var(--kt-ai-space-4)">
+        <button class="kt-ai-btn" data-variant="ghost" onclick="loadDemo()">Показать пример данных</button>
+        <button class="kt-ai-btn" data-variant="ghost" style="display:none" id="demoClear" onclick="clearDemo()">Очистить пример</button>
+        <span style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)">или загрузите свои файлы .xlsx</span>
+      </div>
+
       <div id="results"></div>
 
     </div>
@@ -109,6 +115,41 @@ var YEAR_COLORS = ["8B95A5", "3E9BBF", "00B8CC"];
 var COUNTERPARTY_COLORS = ["00B8CC", "F4B942", "7C6FE8", "4CC38A", "F472A0", "5B8DEF", "D96C4F", "8A8A92"];
 var files = [];
 var rows = [];
+var demoOn = false;
+
+var DEMO = [
+  { year: 2023, name: "KT Bank", amount: 12500000 },
+  { year: 2023, name: "Halyk Pay", amount: 8400000 },
+  { year: 2023, name: "Kaspi Online", amount: 15200000 },
+  { year: 2023, name: "Beeline Payments", amount: 3600000 },
+  { year: 2023, name: "Qysqali", amount: 2100000 },
+  { year: 2024, name: "KT Bank", amount: 14800000 },
+  { year: 2024, name: "Halyk Pay", amount: 9900000 },
+  { year: 2024, name: "Kaspi Online", amount: 18700000 },
+  { year: 2024, name: "Beeline Payments", amount: 4100000 },
+  { year: 2024, name: "Qysqali", amount: 2450000 },
+  { year: 2025, name: "KT Bank", amount: 17300000 },
+  { year: 2025, name: "Halyk Pay", amount: 11200000 },
+  { year: 2025, name: "Kaspi Online", amount: 22400000 },
+  { year: 2025, name: "Beeline Payments", amount: 3800000 },
+  { year: 2025, name: "Qysqali", amount: 2900000 },
+  { year: 2025, name: "Paytech Almaty", amount: 1500000 }
+];
+
+function loadDemo() {
+  if (demoOn) return;
+  demoOn = true;
+  rows = rows.concat(DEMO);
+  render();
+}
+
+function clearDemo() {
+  demoOn = false;
+  rows = rows.filter(function (r) {
+    return !DEMO.some(function (d) { return d.year === r.year && d.name === r.name && d.amount === r.amount; });
+  });
+  render();
+}
 
 var fmt = new Intl.NumberFormat("ru-RU", { maximumFractionDigits: 0 });
 
@@ -197,7 +238,7 @@ function rebuildRows() {
 }
 
 function resetData() {
-  files = []; rows = [];
+  files = []; rows = []; demoOn = false;
   renderFileList(); render();
 }
 
@@ -349,8 +390,10 @@ function render() {
     '</div>' +
     '<div class="kt-ai-actions">' +
       '<button class="kt-ai-btn" data-variant="ghost" onclick="window.print()">Печать / экспортировать в PDF</button>' +
-      '<span style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)">Итого контрагентов: ' + names.length + ' · записей: ' + rows.length + '</span>' +
+      '        '<span style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)">Итого контрагентов: ' + names.length + ' · записей: ' + rows.length +
+          (demoOn ? " · пример данных" : "") + '</span>' +
     '</div>';
+    document.getElementById("demoClear").style.display = demoOn ? "" : "none";
 }
 
 document.getElementById("drop").addEventListener("dragover", function (e) { e.preventDefault(); this.classList.add("over"); });