Upload index.html

index.html

@@ -1779,6 +1779,53 @@ function activeForProfile(p){
   const profile=getV2Settings().fiqhProfile||'general';
   return (p.profiles||[]).includes(profile)||(p.profiles||[]).includes('general');
 }
+
+function estimateSolarNoon(pt){
+  if(!currentLocation)return pt?.dhuhr||null;
+  const lat=Number(currentLocation.lat),lng=Number(currentLocation.lng);
+  if(!Number.isFinite(lat)||!Number.isFinite(lng))return pt?.dhuhr||null;
+  const guess=pt?.dhuhr instanceof Date?pt.dhuhr:new Date();
+  let lo=guess.getTime()-75*60000,hi=guess.getTime()+75*60000;
+  // maximize solar altitude; independent from user prayer-time adjustments
+  for(let i=0;i<42;i++){
+    const m1=lo+(hi-lo)/3,m2=hi-(hi-lo)/3;
+    if(solarAltitudeAt(new Date(m1),lat,lng)<solarAltitudeAt(new Date(m2),lat,lng))lo=m1;else hi=m2;
+  }
+  return new Date((lo+hi)/2);
+}
+function findSolarCrossingWide(guess,altitude,direction,backMin=90,forwardMin=120){
+  if(!currentLocation||!(guess instanceof Date)||isNaN(guess))return null;
+  const lat=Number(currentLocation.lat),lng=Number(currentLocation.lng);
+  if(!Number.isFinite(lat)||!Number.isFinite(lng))return null;
+  const step=60000,start=guess.getTime()-backMin*60000,end=guess.getTime()+forwardMin*60000;
+  let pt=start,pv=solarAltitudeAt(new Date(pt),lat,lng)-altitude;
+  for(let t=start+step;t<=end;t+=step){
+    const v=solarAltitudeAt(new Date(t),lat,lng)-altitude;
+    const hit=direction==='ascending'?(pv<0&&v>=0):(pv>0&&v<=0);
+    if(hit){
+      let lo=pt,hi=t;
+      for(let i=0;i<30;i++){
+        const mid=(lo+hi)/2,mv=solarAltitudeAt(new Date(mid),lat,lng)-altitude;
+        if(direction==='ascending'){if(mv<0)lo=mid;else hi=mid}
+        else {if(mv>0)lo=mid;else hi=mid}
+      }
+      return new Date((lo+hi)/2);
+    }
+    pt=t;pv=v;
+  }
+  return null;
+}
+function solarFiqhBoundaries(pt){
+  if(!pt)return{};
+  const solarNoon=estimateSolarNoon(pt);
+  // "ارتفاع الشمس" هنا حد حسابي للرسم مرتبط بارتفاع الشمس الحقيقي، وليس إضافة دقائق ثابتة.
+  // 4.5° سياسة حسابية تقريبية لتمثيل ارتفاعها بعد الشروق؛ تبقى التفاصيل الفقهية في Registry.
+  const risenAltitude=4.5;
+  const sunriseRaised=findSolarCrossingWide(new Date(pt.sunrise.getTime()+20*60000),risenAltitude,'ascending',35,70);
+  const sunsetStart=estimateSunsetStart(pt)?.date||null;
+  return {solarNoon,sunriseRaised,duhaStart:sunriseRaised,duhaEnd:solarNoon,sunsetStart,risenAltitude};
+}
+
 function buildTimePeriods(pt,thirds){
   const a=[];
   if(!pt)return a;
@@ -1790,25 +1837,24 @@ function buildTimePeriods(pt,thirds){
   a.push(makePeriod({id:'maghrib_prayer_window',type:'prayer',start:pt.maghrib,end:pt.isha,label:'وقت صلاة المغرب'}));
   if(thirds?.midpoint)a.push(makePeriod({id:'isha_prayer_window_general',type:'prayer',start:pt.isha,end:thirds.midpoint,label:'وقت العشاء (الحد العام المعروض)'}));
 
-  // نهي شمسي مرتبط بطلوع الشمس
-  a.push(makePeriod({
-    id:'sunrise_rising_forbidden',type:'forbidden',start:pt.sunrise,end:addM(pt.sunrise,15),
+  const solar=solarFiqhBoundaries(pt);
+
+  // أوقات مرتبطة بحركة الشمس نفسها، لا بإضافة عدد ثابت من الدقائق.
+  if(solar.sunriseRaised)a.push(makePeriod({
+    id:'sunrise_rising_forbidden',type:'forbidden',start:pt.sunrise,end:solar.sunriseRaised,
     label:'طلوع الشمس حتى ارتفاعها',approximate:true,
-    notes:'نهاية هذه الطبقة تقريبية بصرياً بنحو 15 دقيقة بعد الشروق.'
+    notes:`النهاية محسوبة من ارتفاع الشمس الفعلي (${solar.risenAltitude}° كسياسة عرض حسابية)، وليست +15 دقيقة ثابتة.`
   }));
 
-  // الاستواء قبيل الزوال: نطاق بصري تقريبي
-  a.push(makePeriod({
-    id:'zenith_forbidden',type:'forbidden',start:addM(pt.dhuhr,-5),end:pt.dhuhr,
-    label:'الاستواء قبيل الزوال',approximate:true,
-    notes:'النطاق بالدقائق تقريب واجهة؛ الأصل مرتبط بالاستواء الفلكي.'
+  if(solar.duhaStart && solar.duhaEnd && solar.duhaEnd>solar.duhaStart)a.push(makePeriod({
+    id:'duha_window',type:'recommended',start:solar.duhaStart,end:solar.duhaEnd,
+    label:'وقت الضحى حتى الاستواء الشمسي',approximate:true,
+    notes:'البداية والنهاية مشتقتان من موضع الشمس الفعلي؛ لا تستخدم نافذة دقائق ثابتة.'
   }));
 
-  // الضحى
-  a.push(makePeriod({
-    id:'duha_window',type:'recommended',start:addM(pt.sunrise,15),end:addM(pt.dhuhr,-5),
-    label:'وقت صلاة الضحى',approximate:true
-  }));
+  // الاستواء/الزوال حد شمسي، وليس شريط خمس دقائق مصطنع.
+  // يعرض كنقطة زمنية مستقلة على المسطرة عبر solarBoundaryMarkers.
+
 
   // الثلث الأخير
   if(thirds?.lastThirdStart)a.push(makePeriod({
@@ -1817,7 +1863,7 @@ function buildTimePeriods(pt,thirds){
   }));
 
   // نهي أثناء غروب قرص الشمس: من بدء ملامسة القرص للأفق حتى اكتمال الغروب/دخول المغرب
-  const sunsetStart=estimateSunsetStart(pt);
+  const sunsetStart=solar.sunsetStart?{date:solar.sunsetStart}:estimateSunsetStart(pt);
   if(sunsetStart?.date && sunsetStart.date<pt.maghrib){
     a.push(makePeriod({
       id:'sunset_setting_forbidden',type:'forbidden',
@@ -2242,6 +2288,17 @@ function solarBoundaryMarkers(pt){
     id:'sunrise_boundary',kind:'solar_boundary',
     name:'شروق الشمس',date:pt.sunrise,css:'sunrise',icon:'☀'
   });
+  const sf=solarFiqhBoundaries(pt);
+  if(sf.sunriseRaised)out.push({
+    id:'sun_raised_boundary',kind:'solar_boundary',
+    name:'ارتفاع الشمس وبداية الضحى',date:sf.sunriseRaised,css:'fiqh-boundary',icon:'☀',
+    note:'محسوب من ارتفاع الشمس الحقيقي، وليس من إضافة دقائق ثابتة إلى الشروق.'
+  });
+  if(sf.solarNoon)out.push({
+    id:'solar_noon_boundary',kind:'solar_boundary',
+    name:'الاستواء الشمسي / حد الزوال',date:sf.solarNoon,css:'fiqh-boundary',icon:'☀',
+    note:'لحظة الاستواء محسوبة من أعلى ارتفاع للشمس في هذا اليوم والموقع؛ لا تُعرض كفترة خمس دقائق.'
+  });
   const sunsetStart=estimateSunsetStart(pt);
   if(sunsetStart)out.push(sunsetStart);
   const tw=estimateTwilightBoundaries(pt),fiqhIsha=selectedFiqhIshaBoundary(pt);
@@ -2291,6 +2348,33 @@ function prayerMarkers(){
   return Object.keys(n).map(k=>({key:k,name:n[k],date:cachedPrayerTimes[k]}));
 }
 
+
+function accessibleTimelineForPanel(startHour,periods,prayers,solarMarkers){
+  const dayStart=new Date(cachedPrayerTimes.fajr);dayStart.setHours(0,0,0,0);
+  const rows=[];
+  const push=(date,label,action='')=>{
+    if(!(date instanceof Date)||isNaN(date))return;
+    const mins=localMinutesOfDay(date);
+    if(mins<startHour*60||mins>=(startHour+6)*60)return;
+    rows.push({date,label,action});
+  };
+  for(let i=0;i<6;i++){
+    const d=new Date(dayStart);d.setHours(startHour+i,0,0,0);
+    push(d,`الساعة ${String(startHour+i).padStart(2,'0')}:00`);
+  }
+  prayers.forEach(x=>push(x.date,`${x.name}، ${fmtTime(x.date)}`,`openTimelinePointDetails('${x.key}')`));
+  solarMarkers.forEach(x=>push(x.date,`${x.name}، ${fmtTime(x.date)}`,`openSolarBoundaryDetails('${x.id}')`));
+  userTimelineMarkers(new Date()).forEach(x=>push(x.date,`${x.name}، ${fmtTime(x.date)}`,`openTimelinePointDetails('${x.id}')`));
+  periods.forEach((x,i)=>{
+    push(x.start,`بداية ${x.label}، ${fmtTime(x.start)}`,`openPeriodDetailsByIndex(${i})`);
+    push(x.end,`نهاية ${x.label}، ${fmtTime(x.end)}`,`openPeriodDetailsByIndex(${i})`);
+  });
+  rows.sort((a,b)=>a.date-b.date || a.label.localeCompare(b.label,'ar'));
+  return `<ol class="sr-only" aria-label="المسطرة الزمنية من ${String(startHour).padStart(2,'0')}:00 إلى ${String(startHour+6).padStart(2,'0')}:00">${
+    rows.map(r=>`<li>${r.action?`<button type="button" onclick="${r.action}" aria-label="${escapeHtml(r.label)}">${escapeHtml(r.label)}</button>`:`<span tabindex="0" aria-label="${escapeHtml(r.label)}">${escapeHtml(r.label)}</span>`}</li>`).join('')
+  }</ol>`;
+}
+
 buildSectionsHTML = function(pt, nightThirds){
   if(!pt)return;
   const grid=document.getElementById('sectionsGrid');
@@ -2359,9 +2443,11 @@ buildSectionsHTML = function(pt, nightThirds){
         <span class="false-dawn-window-label">نافذة الفجر الكاذب المحتملة</span></div>`;
     }
 
+    const accessibleTimeline=accessibleTimelineForPanel(startHour,periods,prayers,solarMarkers);
     return `<div class="timeline-period" data-start-hour="${startHour}">
-      <div class="period-title"><span>${title}</span><span>كل خانة = ساعة</span></div>
-      <div class="hour-ruler">${hourCells}${bands}${falseDawnBand}${markers}${solarBoundaryHTML}${userMarkerHTML}
+      <div class="period-title" aria-hidden="true"><span>${title}</span><span>كل خانة = ساعة</span></div>
+      ${accessibleTimeline}
+      <div class="hour-ruler" aria-hidden="true">${hourCells}${bands}${falseDawnBand}${markers}${solarBoundaryHTML}${userMarkerHTML}
         <div class="current-time-line" role="button" tabindex="0" onclick="event.stopPropagation();openCurrentHandDetails()" title="اضغط لمعرفة المحطة القادمة والمتبقي" style="display:none"><span class="current-time-head">--:--</span></div>
         <div class="celestial-marker" style="display:none"></div>
       </div>