Upload index.html

index.html

@@ -33,9 +33,9 @@ p{line-height:1.7;margin:.3rem 0}
 }
 .hour{
   direction:rtl;
-  flex:0 0 150px;
-  width:150px;
-  min-height:126px;
+  flex:0 0 190px;
+  width:190px;
+  min-height:150px;
   padding:12px 8px;
   border:1px solid currentColor;
   border-inline-start:0;
@@ -97,8 +97,9 @@ dialog::backdrop{background:rgba(0,0,0,.7)}
 
 const START_HOUR = 4;
 const TOTAL_HOURS = 48;
-const PX_PER_HOUR = 150;
+const PX_PER_HOUR = 190;
 const REGISTRY_URL = "fiqh_time_registry.json";
+const WORSHIP_REGISTRY_URL = "worship_fiqh_registry.json";
 
 const ruler = document.getElementById("ruler");
 const rulerScroll = document.getElementById("rulerScroll");
@@ -109,6 +110,7 @@ const dialogText = document.getElementById("dialogText");
 const closeDialog = document.getElementById("closeDialog");
 let lastFocused = null;
 let timeRegistry = null;
+let worshipRegistry = null;
 
 function ar12(hour){
   const h = hour % 24;
@@ -148,9 +150,44 @@ function buildRuler(){
   ruler.appendChild(frag);
 }
 
+function boundaryLabel(id){
+  if(!id) return "";
+  const bounds=Array.isArray(timeRegistry?.boundaries)?timeRegistry.boundaries:[];
+  const x=bounds.find(v=>v.id===id);
+  return x ? (x.label || x.label_ar || x.id) : id;
+}
+
+function ruleText(rule){
+  const parts=[];
+  const common=rule.common || {};
+  if(common.start) parts.push(`البداية: ${boundaryLabel(common.start)}`);
+  if(common.end) parts.push(`النهاية: ${boundaryLabel(common.end)}`);
+  if(rule.note) parts.push(rule.note);
+  const madhhab=rule.madhhab || {};
+  for(const [key,value] of Object.entries(madhhab)){
+    const name=worshipRegistry?.madhhabs?.[key] || key;
+    if(value && typeof value === "object"){
+      const details=[];
+      if(value.start) details.push(`البداية ${boundaryLabel(value.start)}`);
+      if(value.end) details.push(`النهاية ${boundaryLabel(value.end)}`);
+      if(value.variant) details.push(value.variant);
+      if(value.late) details.push(value.late);
+      if(details.length) parts.push(`${name}: ${details.join("؛ ")}`);
+    }
+  }
+  return parts.join(". ");
+}
+
+function worshipSummary(){
+  const rules=Array.isArray(worshipRegistry?.rules)?worshipRegistry.rules:[];
+  if(!rules.length) return "لم تُحمّل أحكام العبادات بعد.";
+  return rules.map(r=>`${r.id}: ${ruleText(r)}`).join("\n\n");
+}
+
 function openHour(button,label){
   lastFocused=button;
-  dialogText.textContent=label + "؛ هذه المرحلة تعرض الزمن فقط. لم تُربط أحكام العبادات أو الألوان بعد.";
+  dialogText.style.whiteSpace="pre-line";
+  dialogText.textContent=label + "\n\nأحكام العبادات المحمّلة:\n" + worshipSummary();
   if(typeof dialog.showModal==="function") dialog.showModal();
   else dialog.setAttribute("open","");
   closeDialog.focus();
@@ -182,13 +219,26 @@ function renderBoundaries(reg){
 }
 
 async function loadRegistry(){
+  const errors=[];
   try{
     const res=await fetch(REGISTRY_URL,{cache:"no-store"});
     if(!res.ok) throw new Error(`HTTP ${res.status}`);
     timeRegistry=await res.json();
     renderBoundaries(timeRegistry);
-  }catch(err){
-    loadStatus.textContent="تعذر تحميل fiqh_time_registry.json. المسطرة نفسها ما زالت تعمل لاختبار اللمس وقارئ الشاشة.";
+  }catch(err){ errors.push("fiqh_time_registry.json"); }
+
+  try{
+    const res=await fetch(WORSHIP_REGISTRY_URL,{cache:"no-store"});
+    if(!res.ok) throw new Error(`HTTP ${res.status}`);
+    worshipRegistry=await res.json();
+  }catch(err){ errors.push("worship_fiqh_registry.json"); }
+
+  if(errors.length){
+    loadStatus.textContent=`تعذر تحميل: ${errors.join("، ")}. المسطرة نفسها ما زالت تعمل.`;
+  }else{
+    const bounds=Array.isArray(timeRegistry?.boundaries)?timeRegistry.boundaries:[];
+    const rules=Array.isArray(worshipRegistry?.rules)?worshipRegistry.rules:[];
+    loadStatus.textContent=`تم تحميل سجل الزمن وسجل فقه العبادات بنجاح. الحدود: ${bounds.length}، قواعد العبادات: ${rules.length}.`;
   }
 }