v1.0.177: buildGroupCard + markGroupDone — разная вёрстка для необработанных и готовых

deploy/app.js

@@ -405,7 +405,25 @@ async function loadGroups() {
         '<div style="font-size:12px;">' + docsHtml + '</div>' +
         '<div style="font-size:11px;color:var(--muted);margin-top:4px;">Загрузите недостающие базовые договоры для этих номеров.</div>';
     } else {
-      card.innerHTML = '<div class="cmp-header" style="font-weight:600;margin-bottom:6px;cursor:pointer;"><span class="cmp-arrow" id="cmpArrow_' + gi + '" style="font-size:10px;margin-right:4px;">▸</span>📄 Договор №' + escHtml(g.contract_number || '?') + ' — ' + escHtml(g.counterparty || 'контрагент не определён') + '</div>' +
+      buildGroupCard(g, gi, card);
+    }
+    diffBody.appendChild(card);
+  });
+  // Один обработчик на все кнопки сравнения
+  diffBody.querySelectorAll('.cmp-btn').forEach(function(btn) {
+    btn.addEventListener('click', function() {
+      var gi = parseInt(this.getAttribute('data-gi'));
+      runCompareForGroup(gi, this);
+    });
+  });
+  lucide.createIcons();
+}
+
+// ── Карточка необработанной группы ──────────────────────────
+function buildGroupCard(g, gi, card) {
+  card.innerHTML = '<div class="cmp-header" style="font-weight:600;margin-bottom:6px;">' +
+    '📄 Договор №' + escHtml(g.contract_number || '?') + ' — ' + escHtml(g.counterparty || 'контрагент не определён') +
+    '</div>' +
     '<div style="font-size:12px;">' +
     g.documents.map(function(d) {
       var typeLabel = {contract: 'договор', supplement: 'допсоглашение', specification: 'спецификация'}[d.doc_type] || d.doc_type;
@@ -417,7 +435,28 @@ async function loadGroups() {
     }).join('') + '</div>' +
     '<button class="btn btn-primary cmp-btn" style="margin-top:6px;font-size:12px;height:28px;" data-gi="' + gi + '">▶ Сравнить эту группу</button>' +
     '<div class="cmp-body" id="cmpBody_' + gi + '" style="display:none;margin-top:8px;"></div>';
-      // Клик на заголовок → свернуть/развернуть результаты
+}
+
+// ── Заменить карточку на обработанную ───────────────────────
+function markGroupDone(gi, time) {
+  var card = document.querySelector('.cmp-body[id="cmpBody_' + gi + '"]').parentNode;
+  var g = window._groupsData[gi];
+  card.innerHTML = '<div class="cmp-header" style="font-weight:600;margin-bottom:6px;cursor:pointer;">' +
+    '<span class="cmp-arrow" id="cmpArrow_' + gi + '" style="font-size:10px;margin-right:4px;">▾</span>' +
+    '📄 Договор №' + escHtml(g.contract_number || '?') + ' — ' + escHtml(g.counterparty || 'контрагент не определён') +
+    ' <span style="font-weight:400;color:var(--green);font-size:11px;">✓ Готово (' + time + ')</span>' +
+    '</div>' +
+    '<div style="font-size:12px;">' +
+    g.documents.map(function(d) {
+      var typeLabel = {contract: 'договор', supplement: 'допсоглашение', specification: 'спецификация'}[d.doc_type] || d.doc_type;
+      return '<div style="padding:2px 0;">' +
+        '<span style="color:var(--muted);">' + escHtml(typeLabel || '?') + '</span> ' +
+        escHtml(d.filename) +
+        (d.doc_date ? ' <span style="color:var(--muted);">' + escHtml(d.doc_date) + '</span>' : '') +
+        '</div>';
+    }).join('') + '</div>' +
+    '<div class="cmp-body" id="cmpBody_' + gi + '" style="margin-top:8px;"></div>';
+  // Клик на заголовок → свернуть/развернуть
   card.querySelector('.cmp-header').addEventListener('click', function() {
     var body = document.getElementById('cmpBody_' + gi);
     var arrow = document.getElementById('cmpArrow_' + gi);
@@ -432,17 +471,6 @@ async function loadGroups() {
     }
   });
 }
-    diffBody.appendChild(card);
-  });
-  // Один обработчик на все кнопки сравнения
-  diffBody.querySelectorAll('.cmp-btn').forEach(function(btn) {
-    btn.addEventListener('click', function() {
-      var gi = parseInt(this.getAttribute('data-gi'));
-      runCompareForGroup(gi, this);
-    });
-  });
-  lucide.createIcons();
-}
 
 // Текущий активный EventSource (только один одновременно)
 var _activeCompareES = null;
@@ -459,22 +487,6 @@ window.runCompareForGroup = async function(gi, btn) {
   // Свернуть ТОЛЬКО тело текущей группы
   var curBody = document.getElementById('cmpBody_' + gi);
   if (curBody) curBody.style.display = 'none';
-  var curArrow = document.getElementById('cmpArrow_' + gi);
-  if (curArrow) curArrow.textContent = '▸';
-  // Заменить span «✓ Готово» обратно на кнопку ТОЛЬКО для текущей группы
-  var doneSpan = document.querySelector('.cmp-done[data-gi="' + gi + '"]');
-  if (doneSpan) {
-    var newBtn = document.createElement('button');
-    newBtn.className = 'btn btn-primary cmp-btn';
-    newBtn.setAttribute('data-gi', gi);
-    newBtn.textContent = '▶ Сравнить эту группу';
-    newBtn.style.cssText = 'margin-top:6px;font-size:12px;height:28px;';
-    newBtn.addEventListener('click', function() {
-      var g = parseInt(this.getAttribute('data-gi'));
-      runCompareForGroup(g, this);
-    });
-    doneSpan.parentNode.replaceChild(newBtn, doneSpan);
-  }
 
   btn.disabled = true;
   btn.innerHTML = '<span class="spinner"></span> Применяю...';
@@ -557,18 +569,10 @@ window.runCompareForGroup = async function(gi, btn) {
       es.close(); _activeCompareES = null;
       statusEl.textContent = '✓ ' + d.total_time_s + 'с';
       statusEl.style.color = 'var(--green)';
-      // Заменить кнопку на неактивный span — нельзя перезапустить
-      var span = document.createElement('span');
-      span.className = 'cmp-done';
-      span.setAttribute('data-gi', gi);
-      span.textContent = '✓ Готово (' + d.total_time_s + 'с)';
-      span.style.cssText = 'display:inline-block;margin-top:6px;font-size:12px;height:28px;line-height:28px;padding:0 12px;background:var(--green);color:#fff;border-radius:6px;';
-      btn.parentNode.replaceChild(span, btn);
+      // Заменить карточку на обработанную (другая вёрстка, нет кнопок)
+      markGroupDone(gi, d.total_time_s + 'с');
       // Разблокировать остальные кнопки
       document.querySelectorAll('.cmp-btn').forEach(function(b) { b.disabled = false; });
-      // Показать стрелку раскрытия
-      var arrow = document.getElementById('cmpArrow_' + gi);
-      if (arrow) arrow.textContent = '▾';
       stepDone('stepCompare');
     }
     else if (d.type === 'error') {