Upload 6 files

script.js

@@ -116,6 +116,10 @@ async function loadData() {
 
 function escapeHtml(v) { return String(v ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"); }
 function td(label, content) { return `<td data-label="${escapeHtml(label)}">${content}</td>`; }
+function stackedList(items) {
+  const clean = items.map((item) => plain(item)).filter(Boolean);
+  return clean.length ? `<div class="stacked-list">${clean.map((item) => `<span>${escapeHtml(item)}</span>`).join("")}</div>` : "-";
+}
 function metric(value, label, target = "", description = "") {
   const action = target ? ` role="button" tabindex="0" data-dashboard-detail="${target}"` : "";
   const note = description ? `<small>${escapeHtml(description)}</small>` : "";
@@ -252,7 +256,7 @@ function renderDashboardDetail(type) {
           .sort((a, b) => a.surveyName.localeCompare(b.surveyName, "ar"))
           .map((row) => `${row.surveyName}: ${row.collectionStatus || "-"}`);
         const count = new Set(group.rows.map((row) => plain(row.collectionStatus)).filter(Boolean)).size;
-        return `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister)}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("الحالات حسب المسح", escapeHtml(statuses.join(" | ")))}${td("عدد الحالات", count)}</tr>`;
+        return `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister)}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("الحالات حسب المسح", stackedList(statuses))}${td("عدد الحالات", count)}</tr>`;
       }).join("")}</tbody></table></div>`;
   } else if (type === "researchers") {
     const researchers = [...countBy(sharedRows, (row) => row.researcher).entries()].sort((a, b) => b[1] - a[1]).slice(0, 20);
@@ -263,7 +267,7 @@ function renderDashboardDetail(type) {
     const title = type === "establishments" ? "المنشآت المتقاطعة" : "تفاصيل التقاطعات";
     const subtitle = "السجلات التجارية التي ظهرت في أكثر من مسح.";
     panel.innerHTML = `${dashboardDetailHeader(title, subtitle)}
-      <div class="table-wrap"><table><thead><tr><th>السجل التجاري</th><th>اسم المنشأة</th><th>عدد المسوح</th><th>المسوح</th><th>الباحثون</th></tr></thead><tbody>${filtered.slice(0, 50).map((group) => `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister)}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("عدد المسوح", group.surveys.length)}${td("المسوح", escapeHtml(group.surveys.join("، ")))}${td("الباحثون", escapeHtml(group.researchers.join("، ")))}</tr>`).join("")}</tbody></table></div>`;
+      <div class="table-wrap"><table><thead><tr><th>السجل التجاري</th><th>اسم المنشأة</th><th>عدد المسوح</th><th>المسوح</th><th>الباحثون</th></tr></thead><tbody>${filtered.slice(0, 50).map((group) => `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister)}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("عدد المسوح", group.surveys.length)}${td("المسوح", stackedList(group.surveys))}${td("الباحثون", stackedList(group.researchers))}</tr>`).join("")}</tbody></table></div>`;
   }
 
   panel.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -375,11 +379,11 @@ function renderIntersections() {
   const three = groups.filter((group) => group.surveys.length >= 3).length;
   $("intersectionMetrics").innerHTML = [metric(groups.length, "منشآت مشتركة"), metric(two, "في مسحين"), metric(three, "في 3 مسوح أو أكثر"), metric(app.byRegister.size, "سجلات قابلة للمطابقة"), metric(app.surveys.size, "إجمالي المسوح")].join("");
   $("intersectionResults").className = "results";
-  $("intersectionResults").innerHTML = groups.length ? `<div class="table-wrap"><table><thead><tr><th>السجل التجاري</th><th>اسم المنشأة</th><th>عدد المسوح</th><th>المسوح</th><th>الباحثون</th></tr></thead><tbody>${groups.slice(0, 200).map((group) => `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister)}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("عدد المسوح", group.surveys.length)}${td("المسوح", escapeHtml(group.surveys.join("، ")))}${td("الباحثون", escapeHtml(group.researchers.join("، ")))}</tr>`).join("")}</tbody></table></div>` : "<div class='empty-state'>لا توجد تقاطعات قابلة للحساب.</div>";
+  $("intersectionResults").innerHTML = groups.length ? `<div class="table-wrap"><table><thead><tr><th>السجل التجاري</th><th>اسم المنشأة</th><th>عدد المسوح</th><th>المسوح</th><th>الباحثون</th></tr></thead><tbody>${groups.slice(0, 200).map((group) => `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister)}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("عدد المسوح", group.surveys.length)}${td("المسوح", stackedList(group.surveys))}${td("الباحثون", stackedList(group.researchers))}</tr>`).join("")}</tbody></table></div>` : "<div class='empty-state'>لا توجد تقاطعات قابلة للحساب.</div>";
 }
 
 function renderCompactEntities(groups) {
-  return `<div class="table-wrap compact-table"><table><thead><tr><th>السجل التجاري</th><th>اسم المنشأة</th><th>المسوح</th><th>الباحثون</th></tr></thead><tbody>${groups.map((group) => `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister || "-")}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("المسوح", escapeHtml(group.surveys.join("، ")))}${td("الباحثون", escapeHtml(group.researchers.join("، ")))}</tr>`).join("")}</tbody></table></div>`;
+  return `<div class="table-wrap compact-table"><table><thead><tr><th>السجل التجاري</th><th>اسم المنشأة</th><th>المسوح</th><th>الباحثون</th></tr></thead><tbody>${groups.map((group) => `<tr>${td("السجل التجاري", `<button class="row-button" data-entity="${escapeHtml(group.key)}">${escapeHtml(group.commercialRegister || "-")}</button>`)}${td("اسم المنشأة", escapeHtml(group.name))}${td("المسوح", stackedList(group.surveys))}${td("الباحثون", stackedList(group.researchers))}</tr>`).join("")}</tbody></table></div>`;
 }
 
 function renderResearchers() {

style.css

@@ -112,6 +112,9 @@ td:nth-child(1),td:nth-child(3),td:nth-child(4){white-space:nowrap}
 td:nth-child(2),td:nth-child(5){max-width:380px;white-space:normal}
 .row-button{display:block;width:100%;border:0;background:transparent;text-align:center;font:inherit;cursor:pointer;padding:0;color:var(--primary);font-weight:950;letter-spacing:.2px}
 .row-button:hover{text-decoration:underline;text-underline-offset:4px;color:#145f74}
+.stacked-list{display:grid;gap:6px;justify-items:center;text-align:center;line-height:1.65}
+.stacked-list span{display:block;width:100%;padding-bottom:6px;border-bottom:1px solid #e7eef6}
+.stacked-list span:last-child{padding-bottom:0;border-bottom:0}
 .batch-card textarea{width:100%;padding:15px;resize:vertical;line-height:1.7;min-height:250px}
 .batch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
 .batch-actions div{display:flex;gap:8px}
@@ -183,6 +186,7 @@ footer b{color:var(--primary)}
   tr td:last-child{border-bottom:0}
   td:before{content:attr(data-label);color:var(--primary);font-weight:950;text-align:right}
   .row-button{text-align:right}
+  .stacked-list{justify-items:start;text-align:right;gap:5px}
   .badge{white-space:normal;text-align:center}
   .occurrences{display:grid;gap:10px;padding:12px;background:#f8fbfd}
   .occurrence-head{display:none}