From 8584419acc492907dc9a68ff0145ef142ad0cb1f Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Wed, 10 Jun 2026 04:35:16 +0000
Subject: [PATCH] v86: fix span closing tag, add period Q1-Q4/half/year

---
 index.html | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 7cfff5c..179c9da 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,6 @@
 <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}
@@ -112,6 +111,16 @@ 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_period" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px" onchange="rpPeriodChange()">
+<option value="month">Месяц</option>
+<option value="q1">Январь-Март (Q1)</option>
+<option value="q2">Апрель-Июнь (Q2)</option>
+<option value="q3">Июль-Сентябрь (Q3)</option>
+<option value="q4">Октябрь-Декабрь (Q4)</option>
+<option value="h1">1-е полугодие</option>
+<option value="h2">2-е полугодие</option>
+<option value="year">Год</option>
+</select>
 <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>
@@ -302,7 +311,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'><span onclick='openEv("+e.id+")' style='color:#00B4D8;cursor:pointer'>"+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+"</span></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>";
@@ -613,9 +622,19 @@ function renderAnalytics(){
 }
 
 function getFilteredEvs(){
-  var month=parseInt(document.getElementById("rp_month").value,10)||0;
-  var year=parseInt(document.getElementById("rp_year").value,10)||2026;
+  var period=document.getElementById("rp_period").value;
   var statusF=document.getElementById("rp_status").value;
+  var year=parseInt(document.getElementById("rp_year").value,10)||2026;
+  var month=parseInt(document.getElementById("rp_month").value,10)||0;
+  var months=[];
+  if(period==="month"){months=[month]}
+  else if(period==="q1"){months=[0,1,2]}
+  else if(period==="q2"){months=[3,4,5]}
+  else if(period==="q3"){months=[6,7,8]}
+  else if(period==="q4"){months=[9,10,11]}
+  else if(period==="h1"){months=[0,1,2,3,4,5]}
+  else if(period==="h2"){months=[6,7,8,9,10,11]}
+  else if(period==="year"){months=[0,1,2,3,4,5,6,7,8,9,10,11]}
   var r=[];
   for(var i=0;i<evs.length;i++){
     var e=evs[i];
@@ -624,11 +643,17 @@ function getFilteredEvs(){
     if(dp.length===3){
       var em=parseInt(dp[1],10)-1;
       var ey=parseInt(dp[2],10);
-      if(em===month&&ey===year)r.push(e)
+      if(ey===year&&months.indexOf(em)!==-1)r.push(e)
     }
   }
   return r
 }
+function rpPeriodChange(){
+  var v=document.getElementById("rp_period").value;
+  var mSel=document.getElementById("rp_month");
+  if(v==="month"){mSel.style.display="inline-block"}else{mSel.style.display="none"}
+  renderReports()
+}
 function renderReports(){
   var fl=getFilteredEvs();
   var h="<table><tr><th>N</th><th>\u041C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u0435</th><th>\u0424\u0438\u043B\u0438\u0430\u043B</th><th>\u0421\u0440\u043E\u043A</th><th>\u0421\u0442\u0430\u0442\u0443\u0441</th><th>\u041A\u043E\u043B-\u0432\u043E</th></tr>";