From 690b90708bc79ee08114857f6400e6b4a39ddfed Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Wed, 10 Jun 2026 04:33:09 +0000
Subject: [PATCH] v85: fix spans for modal, add period ranges to reports

---
 index.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index bf98bd1..7cfff5c 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>План ПБ 2026 — Казахтелеком</title>
+<meta name="version" content="v84-2026-06-10">
 <style>
 
 *{box-sizing:border-box;margin:0;padding:0}
@@ -111,13 +112,13 @@ tr:hover{background:#FAFBFC}
 <div id="tab_reports" style="display:none">
 <div class="fr">
 <span style="font-size:13px;color:#64748B">Период:</span>
-<select id="rp_month" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
+<select id="rp_month" onchange="renderReports()" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
 <option value="0">Январь</option><option value="1">Февраль</option><option value="2">Март</option>
 <option value="3">Апрель</option><option value="4">Май</option><option value="5">Июнь</option>
 <option value="6">Июль</option><option value="7">Август</option><option value="8">Сентябрь</option>
 <option value="9">Октябрь</option><option value="10">Ноябрь</option><option value="11" selected>Декабрь</option>
 </select>
-<select id="rp_year" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
+<select id="rp_year" onchange="renderReports()" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
 <option>2026</option><option>2027</option>
 </select>
 <select id="rp_status" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px" onchange="renderReports()">
@@ -301,7 +302,7 @@ function renderEv(){
     var cl=stc[e.s]||"w";
     var drText=dr<=0&&e.s!=="done"?"Просрочено на "+Math.abs(dr)+" дн.":e.s==="done"?"Готово":dr===999?"\u2014":dr+" дн.";
     h+="<tr class='"+rowCl+"'>";
-    h+="<td style='font-weight:700;font-size:11px;white-space:nowrap'><a href='#' onclick='openEv("+e.id+");return false' style='color:#00B4D8'>"+e.id+"</a></td>";
+    h+="<td style='font-weight:700;font-size:11px;white-space:nowrap'><span onclick='openEv("+e.id+")' style='color:#00B4D8;cursor:pointer'>"+e.id+"</a></td>";
     h+="<td><div style='font-size:12px;line-height:1.3'>"+esc(e.t)+"</div><div style='font-size:10px;color:#64748B;margin-top:2px'>"+esc(e.dname)+"</div></td>";
     h+="<td style='font-size:11px;white-space:nowrap'>"+brs[e.b]+"</td>";
     h+="<td style='font-size:12px;white-space:nowrap'>"+e.due+" <span style='font-size:10px;color:#64748B'>("+drText+")</span></td>";
@@ -419,8 +420,11 @@ function openEv(id){
 }
 
 function showModal(html){
-  document.getElementById("modal_body").innerHTML=html;
-  document.getElementById("modal").style.display="flex"
+  var mb=document.getElementById("modal_body");
+  var m=document.getElementById("modal");
+  if(!mb||!m)return;
+  mb.innerHTML=html;
+  m.style.display="flex"
 }
 function closeModal(){
   document.getElementById("modal").style.display="none"