From d5c0786a552418c354589c60be67ca22bc2aead2 Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Wed, 11 Feb 2026 11:37:28 +0300
Subject: [PATCH] =?UTF-8?q?add:=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20"?=
 =?UTF-8?q?=D0=9E=D1=87=D0=B8=D1=81=D1=82=D0=B8=D1=82=D1=8C"=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B=20=D0=B2=D0=B2?=
 =?UTF-8?q?=D0=BE=D0=B4=D0=B0=20=D0=B8=20=D1=81=D1=87=D0=B5=D1=82=D1=87?=
 =?UTF-8?q?=D0=B8=D0=BA=20=D1=81=D0=B8=D0=BC=D0=B2=D0=BE=D0=BB=D0=BE=D0=B2?=
 =?UTF-8?q?.=20=D0=BD=D0=BE=D0=B2=D0=B0=D1=8F=20=D0=B2=D0=B5=D1=80=D1=81?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D1=81=D0=B0=D0=B9=D1=82=D0=B0=20(v0.2.3)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../typograph/templates/typograph/base.html   |  2 +-
 .../typograph/templates/typograph/index.html  | 16 ++++++++---
 public/static/js/index.js                     | 28 +++++++++++++++++++
 3 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/etpgrf_site/typograph/templates/typograph/base.html b/etpgrf_site/typograph/templates/typograph/base.html
index 35a8907..70cfb56 100644
--- a/etpgrf_site/typograph/templates/typograph/base.html
+++ b/etpgrf_site/typograph/templates/typograph/base.html
@@ -79,7 +79,7 @@
 {# Футер #}<footer class="footer mt-auto py-2 mt-4">
   <div class="container d-flex justify-content-between align-items-center">
     <span class="text-muted small nowrap me-2">&copy; Sergei Erjemin, 2025&ndash;{% now 'Y' %}.</span>
-    <nobr class="text-muted small mx-2"><i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i><a href="/changelog">v0.1.4 / v0.2.2</a></nobr>
+    <nobr class="text-muted small mx-2"><i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i><a href="/changelog">v0.1.4 / v0.2.3</a></nobr>
     {# Сводная статистика (HTMX) #}<span class="text-muted small ms-2" hx-get="{% url 'stats_summary' %}" hx-trigger="load">
       ...
     </span>
diff --git a/etpgrf_site/typograph/templates/typograph/index.html b/etpgrf_site/typograph/templates/typograph/index.html
index 9b10764..6efdefd 100644
--- a/etpgrf_site/typograph/templates/typograph/index.html
+++ b/etpgrf_site/typograph/templates/typograph/index.html
@@ -38,10 +38,18 @@
 
         {# ГЛАВНОЕ ПОЛЕ ВВОДА #}
         <div class="mb-3">
-          <label class="form-label fw-bold small text-muted ls-1">
-            <i class="bi bi-file-text me-1"></i> Исходный текст:
-          </label>
-          <textarea class="form-control" name="text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
+          <div class="d-flex justify-content-between align-items-end mb-2">
+            <label class="form-label fw-bold small text-muted ls-1 mb-0">
+              <i class="bi bi-file-text me-1"></i> Исходный текст:
+            </label>
+            <div class="d-flex align-items-center">
+                <span id="char-count" class="small text-muted me-3 nowrap">0 симв.</span>
+                <button type="button" id="btn-clear" class="btn btn-sm btn-outline-secondary" title="Очистить поле">
+                  <i class="bi bi-trash me-1"></i> Очистить
+                </button>
+            </div>
+          </div>
+          <textarea class="form-control" name="text" id="source-text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
         </div>
 
         {# Блок настроек (Collapse) #}
diff --git a/public/static/js/index.js b/public/static/js/index.js
index 2f3a068..3015880 100644
--- a/public/static/js/index.js
+++ b/public/static/js/index.js
@@ -23,6 +23,34 @@ const btnCopy = document.getElementById('btn-copy');
 const sourceTextarea = document.querySelector('textarea[name="text"]');
 const processingTimeSpan = document.getElementById('processing-time');
 
+// --- ОЧИСТКА И СЧЕТЧИК ---
+const btnClear = document.getElementById('btn-clear');
+const charCount = document.getElementById('char-count');
+
+if (sourceTextarea && charCount) {
+    function updateCharCount() {
+        const count = sourceTextarea.value.length;
+        // Форматируем число с разделителями тысяч (1 234)
+        charCount.textContent = `${count.toLocaleString('ru-RU')} симв.`;
+    }
+
+    sourceTextarea.addEventListener('input', updateCharCount);
+    
+    // Инициализация с задержкой, чтобы браузер успел восстановить состояние формы
+    setTimeout(updateCharCount, 100);
+    
+    if (btnClear) {
+        btnClear.addEventListener('click', () => {
+            sourceTextarea.value = '';
+            updateCharCount();
+            sourceTextarea.focus();
+            
+            // Сбрасываем результат (триггерим событие input, чтобы сработал существующий обработчик)
+            sourceTextarea.dispatchEvent(new Event('input'));
+        });
+    }
+}
+
 const themeCompartment = new Compartment();
 function getTheme() {
   return window.matchMedia('(prefers-color-scheme: dark)').matches ? oneDark : [];