From c09efabc986417321ae1dbda52c5abc1decc42bf Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Fri, 26 Jun 2026 05:54:28 +0000
Subject: [PATCH] =?UTF-8?q?v2:=20=D0=B2=D1=81=D0=B5=20=D0=B1=D0=B0=D0=B7?=
 =?UTF-8?q?=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=BF=D0=BE=D0=BB=D1=8F=20=D1=81?=
 =?UTF-8?q?=D0=B2=D0=BE=D0=B1=D0=BE=D0=B4=D0=BD=D0=BE=20=D0=B2=D0=B2=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B8=D0=BC=D1=8B=20(=D0=BA=D0=BE=D0=BC=D0=B1=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=BE=D0=BA=D1=81),=20=D1=84=D0=B8=D0=BA=D1=81=20=D0=BA?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=BF=D0=BE=D0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.js     | 10 ++++------
 index.html |  4 ++--
 styles.css |  2 ++
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app.js b/app.js
index 5f7acbf..0694d96 100644
--- a/app.js
+++ b/app.js
@@ -264,10 +264,9 @@ function fieldInput(f, t){
   } else if(f.type==='textarea'){
     control = `<textarea class="input" name="${f.key}">${esc(val)}</textarea>`;
   } else if(f.type==='select'){
-    control = `<select class="input" name="${f.key}">
-      <option value="">— выберите —</option>
-      ${(f.options||[]).map(o=>`<option ${o===val?'selected':''}>${esc(o)}</option>`).join('')}
-    </select>`;
+    // Редактируемый комбобокс: можно выбрать из подсказок или ввести своё значение
+    control = `<input class="input" list="dl_${f.key}" name="${f.key}" value="${esc(val)}" placeholder="выберите или введите своё значение">
+    <datalist id="dl_${f.key}">${(f.options||[]).map(o=>`<option value="${esc(o)}">`).join('')}</datalist>`;
   } else if(f.type==='checkbox'){
     control = `<label class="check"><input type="checkbox" name="${f.key}" ${val===true||val==='true'?'checked':''}> Да</label>`;
   }
@@ -427,8 +426,7 @@ function renderReports(){
 function exportCSV(){
   if(state.teachers.length===0){ alert('Нет данных для экспорта'); return; }
   const fields = allFields();
-  const header = ['ФИО','Дата рождения','Образование','Научная степень','Категория','Сертификат специалиста','Членство в ассоциациях','Клиническая база']
-    .concat(state.customFields.map(f=>f.label));
+  const header = fields.map(f=>f.label);
   const rows = state.teachers.map(t=>{
     return fields.map(f=>{
       let v = t[f.key] ?? '';
diff --git a/index.html b/index.html
index 27e4284..6b8d447 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
       <label>Сгруппировать по:
         <select id="reportField" class="input"></select>
       </label>
-      <button class="btn ghost" id="btnReportCsv">⤓ Скачать отчёт (CSV)</button>
+      <button class="btn outline" id="btnReportCsv">⤓ Скачать отчёт (CSV)</button>
     </div>
     <div class="report-grid" id="reportGrid"></div>
     <div class="report-summary" id="reportSummary"></div>
@@ -80,7 +80,7 @@
     </div>
     <form id="editorForm" class="modal-body"></form>
     <div class="modal-foot">
-      <button class="btn ghost" onclick="closeEditor()">Отмена</button>
+      <button class="btn outline" onclick="closeEditor()">Отмена</button>
       <button class="btn danger" id="btnDelete" hidden>Удалить</button>
       <button class="btn primary" id="btnSave">Сохранить</button>
     </div>
diff --git a/styles.css b/styles.css
index 622b6e4..20233c9 100644
--- a/styles.css
+++ b/styles.css
@@ -48,6 +48,8 @@ body{
 .btn.primary:hover{background:#0E7490}
 .btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
 .btn.ghost:hover{background:rgba(255,255,255,.16)}
+.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--border)}
+.btn.outline:hover{background:var(--gray-100)}
 .btn.danger{background:var(--red);color:#fff}
 .btn.danger:hover{background:#B91C1C}
 .btn.dark{background:var(--ink);color:#fff}