| HTML |
|---|
<!-- فونت وزیر --> <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css" rel="stylesheet" type="text/css" /> <h1 style="text-align:center; font-family:Vazir, Tahoma; color:#333;font-weight:600;">مستندات اعتبار بخشی</h1> <!-- ردیف جستجو و فیلترها --> <div id="search-filters" style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:30px 0;"> <input type="text" id="search" placeholder="جستجو بر اساس عنوان" style="flex:1 1 300px; max-width:400px; padding:10px 15px; border:none; background:#f3f3f3; border-radius:30px; font-size:14px; outline:none; text-align:right; font-family:Vazir, Tahoma; min-width:150px;"> <select id="filter-mahvar" style="flex:0 1 150px; padding:10px 15px; border-radius:25px; border:1px solid #ccc; font-family:Vazir, Tahoma; font-size:14px; background:#fff; cursor:pointer;"> <option value="">انتخاب محور</option> </select> <select id="filter-zirmohvar" style="flex:0 1 150px; padding:10px 15px; border-radius:25px; border:1px solid #ccc; font-family:Vazir, Tahoma; font-size:14px; background:#fff; cursor:pointer;"> <option value="">انتخاب زیرمحور</option> </select> </div> <!-- کانتینر سه بخش --> <div id="sections-container <select id="filter-noe-sanad" name="noe_sanad" style="paddingflex:0 40px1 60px150px; directionpadding:rtl;"></div> <!-- پیام وقتی چیزی پیدا نشد --> <div id="no-result" style="display:none; text-align:center; color:#00A9C3; font-weight:600; font-size:16px; margin-top:20px;"> هیچ سندی پیدا نشد. </div> <style> .card { background:#fff; border-radius:18px; box-shadow:0 4px 10px rgba(0,0,0,0.1); padding:20px; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; font-family:Vazir, Tahoma; transition:all 0.3s ease; } .card-content { flex:1; text-align:right; padding-right:15px; } .card-content h3 { margin:0 0 8px; font-weight:600; font-size:14px; color:#333; } .card-content ul { margin:0; padding-right:15px; list-style:disc; font-size:13px; color:#555; } .open-btn { display:inline-block; background:#00A9C3; color:#fff; border:none; border-radius:25px; padding:4px 18px; font-size:13px; text-decoration:none; margin-top:12px; cursor:pointer; } .open-btn:hover { background:#0090a8; } .card-icon { background:#f7f7f7; border-radius:16px; padding:12px; display:flex; align-items:center; justify-content:center; } .card-icon img { width:2cm; height:2cm; } .card:hover { transform:scale(1.03); background:#fdfdfd; } @media(max-width:900px){ .section-grid{grid-template-columns:1fr;} #search-filters { flex-direction:column; align-items:center; } #search-filters input, #search-filters select { flex:1 1 auto; max-width:300px; } } </style> <script> const pageId = "85045112"; const fileName = "form-data.json"; let docs = []; /* ================== ابزار نرمالسازی ================== */ function normalizeFileName(name){ return (name || "") .toLowerCase() .replace(/\u200c/g, "") // نیمفاصله .replace(/\s+/g, "") // فاصلهها .replace(/[ي]/g, "ی") .replace(/[ك]/g, "ک") .replace(/[ٔ]/g, "") // همزه/اعراب .replace(/[ـ]/g, "") // کشیده .trim(); } function baseNameNoExt(name){ const s = (name || "").trim(); const i = s.lastIndexOf("."); return i > 0 ? s.slice(0, i) : s; } /* ================== بخشها ================== */ const sections = [ { title: "رهبری و مدیریت", value: "رهبری و مدیریت" }, { title: "مراقبت و درمان", value: "مراقبت و درمان" }, { title: "حمایت از گیرنده خدمت", value: "حمایت از گیرنده خدمت" } ]; const zirmohvarOptions = { "رهبری و مدیریت": [ "رهبری و مدیریت کیفیت", "مدیریت خطر، حوادث و بلایا", "مدیریت منابع انسانی و سلامت حرفهای", "مدیریت خدمات پرستاری", "فناوری و مدیریت اطلاعات سلامت", "بهداشت محیط", "مدیریت تجهیزات پزشکی" ], "مراقبت و درمان": [ "مراقبتهای عمومی بالینی", "مراقبتهای حاد و اورژانس", "مراقبتهای جراحی و بیهوشی", "مراقبتهای مادر و نوزاد", "پیشگیری و کنترل عفونت", "مدیریت دارویی", "خدمات تصویربرداری", "خدمات آزمایشگاه", "طب انتقال خون", "خدمات سرپایی" ], "حمایت از گیرنده خدمت": [ "تأمین تسهیلات برای گیرنده خدمت", "احترام به حقوق گیرنده خدمت" ] }; /* ================== آیکنها ================== */ const sanadIcons = { "آیین": "https://kb.h-soft.ir/download/thumbnails/85045112/آیین نامه.png", "پروتکل": "https://kb.h-soft.ir/download/thumbnails/85045112/پروتکل.png", "خط": "https://kb.h-soft.ir/download/thumbnails/85045112/خط مشی.png", "دستور"10px 15px; border-radius:25px; border:1px solid #ccc; font-family:Vazir, Tahoma; font-size:14px; background:#fff; cursor:pointer;"> <option value="">همه نوع سندها</option> <option value="دستورالعمل">دستورالعمل</option> <option value="خطمشی و روش">خطمشی و روش</option> <option value="روش اجرایی">روش اجرایی</option> <option value="فلوچارت">فلوچارت</option> <option value="آییننامه">آییننامه</option> <option value="راهنما">راهنما</option> <option value="پروتکل">پروتکل</option> <option value="کتابچه">کتابچه</option> <option value="سند">سند</option> </select> </div> <div id="cards-loading" style="font-family:Vazir,Tahoma; direction:rtl; text-align:center; color:#00A9C3; padding:15px;"> در حال بارگذاری مستندات... </div> <div id="sections-container" style="padding:0 40px 60px; direction:rtl;"></div> <div id="no-result" style="display:none; text-align:center; color:#00A9C3; font-weight:600; font-size:16px; margin-top:20px;"> هیچ سندی پیدا نشد. </div> <style> @font-face { font-family: "IRANSans"; src: url("/download/attachments/85045112/IRANSansXVF.woff2") format("woff2"); } @font-face { font-family: "Vazir"; src: url("/download/attachments/85045112/Vazir-Regular.woff2") format("woff2"); } .card { background:#fff; border-radius:18px; box-shadow:0 4px 10px rgba(0,0,0,0.1); padding:20px; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; font-family:Vazir, Tahoma; transition:all 0.3s ease; } .card-content { flex:1; text-align:right; padding-right:15px; } .card-content h3 { margin:0 0 8px; font-weight:600; font-size:14px; color:#333; line-height:1.9; } .card-content ul { margin:0; padding-right:15px; list-style:disc; font-size:13px; color:#555; line-height:2; } .open-btn { display:inline-block; background:#00A9C3; color:#fff; border:none; border-radius:25px; padding:4px 18px; font-size:13px; text-decoration:none; margin-top:12px; cursor:pointer; font-family:Vazir, Tahoma; } .open-btn:hover { background:#0090a8; } .card-icon { background:#f7f7f7; border-radius:16px; padding:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; } .card-icon img { width:2cm; height:2cm; object-fit:contain; } .card:hover { transform:scale(1.03); background:#fdfdfd; } .section-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:10px; } .show-more-btn { display:block; margin:20px 0 35px auto; padding:8px 25px; background:transparent; color:#00A9C3; border:2px solid #00A9C3; border-radius:25px; font-family:Vazir, Tahoma; font-size:14px; cursor:pointer; transition:all 0.3s ease; } .show-more-btn:hover { background:#00A9C3; color:#fff; } .section-title-docs { text-align:center; font-family:Vazir, Tahoma; color:#333; margin-top:35px; } .section-hr-docs { border:3px solid #00A9C3; width:80px; margin:0 auto 20px; } @media(max-width:900px) { .section-grid { grid-template-columns:1fr; } #search-filters { flex-direction:column; align-items:center; } #search-filters input, #search-filters select { flex:1 1 auto; max-width:300px; width:100%; } #sections-container { padding:0 15px 50px !important; } } </style> <script> const pageId = "85045112"; const fileName = "form-data.json"; let docs = []; const sections = [ { title: "رهبری و مدیریت", value: "رهبری و مدیریت" }, { title: "مراقبت و درمان", value: "مراقبت و درمان" }, { title: "حمایت از گیرنده خدمت", value: "حمایت از گیرنده خدمت" } ]; const zirmohvarOptions = { "رهبری و مدیریت": [ "رهبری و مدیریت کیفیت", "مدیریت خطر، حوادث و بلایا", "مدیریت منابع انسانی و سلامت حرفهای", "مدیریت خدمات پرستاری", "فناوری و مدیریت اطلاعات سلامت", "بهداشت محیط", "مدیریت تجهیزات پزشکی" ], "مراقبت و درمان": [ "مراقبتهای عمومی بالینی", "مراقبتهای حاد و اورژانس", "مراقبتهای جراحی و بیهوشی", "مراقبتهای مادر و نوزاد", "پیشگیری و کنترل عفونت", "مدیریت دارویی", "خدمات تصویربرداری", "خدمات آزمایشگاه", "طب انتقال خون", "خدمات سرپایی" ], "حمایت از گیرنده خدمت": [ "تأمین تسهیلات برای گیرنده خدمت", "احترام به حقوق گیرنده خدمت" ] }; const sanadIcons = { "آیین نامه": "https://kb.h-soft.ir/download/thumbnails/85045112/دستورالعمل%D8%A7%DB%8C%DB%8C%D9%86%20%D9%86%D8%A7%D9%85%D9%87.png?api=v2&nonce=1765664452835", "راهنماپروتکل": "https://kb.h-soft.ir/download/thumbnails/85045112/راهنما%D9%BE%D8%B1%D9%88%D8%AA%DA%A9%D9%84.png?api=v2&nonce=1765664452833", "خطمشی و "روش": "https://kb.h-soft.ir/download/thumbnails/85045112/روش اجرایی%D8%AE%D8%B7%20%D9%85%D8%B4%DB%8C.png?api=v2&nonce=1765664452830", "فلوچارتدستورالعمل": "https://kb.h-soft.ir/download/thumbnails/85045112/فلوچارت.png", "کتابچه": "https://kb.h-soft.ir/download/thumbnails/85045112/کتابچه.png", "default": "https://kb.h-soft.ir/download/thumbnails/85045112/سند.png" }; function detectSanadIcon(type){ const t = (type || "").toLowerCase(); const k = Object.keys(sanadIcons).find(key => t.includes(key.toLowerCase())); return k ? sanadIcons[k] : sanadIcons.default; } /* ================== گرفتن همه attachment های descendant با pagination ================== */ async function fetchAllDescAttachments(rootPageId){ const all = []; let next = `/rest/api/content/${rootPageId}/descendant/attachment?limit=200`; while (next) { const res = await fetch(next, { credentials: "include" }); if (!res.ok) throw new Error("Failed to load descendant attachments: " + res.status); const data = await res.json(); if (data.results && data.results.length) all.push(...data.results); // next link (relative) next = data?._links?.next ? data._links.next : null; } return all; } /* ================== دریافت JSON + پیوستها ================== */ async function loadJSON(){ try { // 1) همه پیوستهای descendant (کل درخت صفحه) const allAtt = await fetchAllDescAttachments(pageId); // 2) ساخت Map دانلود (نام کامل + نام بدون پسوند) const attachmentMap = {}; allAtt.forEach(a => { const title = a.title || ""; const dl = new URL(a._links.download, window.location.origin).href; const k1 = normalizeFileName(title); const k2 = normalizeFileName(baseNameNoExt(title)); attachmentMap[k1] = dl; attachmentMap[k2] = dl; }); // 3) پیدا کردن form-data.json در descendant ها const jsonAtt = allAtt.find(a => (a.title || "").trim() === fileName); if (!jsonAtt) { console.warn(`JSON attachment "${fileName}" not found in descendants of pageId=${pageId}`); %D8%AF%D8%B3%D8%AA%D9%88%D8%B1%D8%A7%D9%84%D8%B9%D9%85%D9%84.png?api=v2&nonce=1765664452829", "راهنما": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7.png?api=v2&nonce=1765664452826", "روش اجرایی": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%B1%D9%88%D8%B4%20%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C%DB%8C.png?api=v2&nonce=1765664452825", "سند": "https://kb.h-soft.ir/download/thumbnails/85045112/%D8%B3%D9%86%D8%AF.png?api=v2&nonce=1765664452823", "فلوچارت": "https://kb.h-soft.ir/download/thumbnails/85045112/%D9%81%D9%84%D9%88%DA%86%D8%A7%D8%B1%D8%AA.png?api=v2&nonce=1765664452822", "کتابچه": "https://kb.h-soft.ir/download/thumbnails/85045112/%DA%A9%D8%AA%D8%A7%D8%A8%DA%86%D9%87.png?api=v2&nonce=1765664452819" }; function normalizeDigits(str) { const fa = "۰۱۲۳۴۵۶۷۸۹"; const ar = "٠١٢٣٤٥٦٧٨٩"; return String(str || "") .replace(/[۰-۹]/g, d => String(fa.indexOf(d))) .replace(/[٠-٩]/g, d => String(ar.indexOf(d))); } function normalizeText(v) { return normalizeDigits(v) .trim() .replace(/ي/g, "ی") .replace(/ك/g, "ک") .replace(/ۀ/g, "ه") .replace(/ة/g, "ه") .replace(/ؤ/g, "و") .replace(/إ/g, "ا") .replace(/أ/g, "ا") .replace(/آ/g, "ا") .replace(/\u200c/g, " ") .replace(/[ـ]/g, "") .replace(/[()（）]/g, " ") .replace(/\s+/g, " ") .toLowerCase(); } function sameText(a, b) { return normalizeText(a) === normalizeText(b); } function looseTextMatch(a, b) { const aa = normalizeText(a); const bb = normalizeText(b); if (!aa || !bb) return false; return aa === bb || aa.includes(bb) || bb.includes(aa); } function safeText(v) { return String(v || "") .replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">"); } function getField(obj, keys) { if (!obj) return ""; for (const k of keys) { if (Object.prototype.hasOwnProperty.call(obj, k)) { const val = obj[k]; if (val !== undefined && val !== null && String(val).trim() !== "") { return String(val).trim(); } } } return ""; } function getDocTitle(doc) { return getField(doc, ["document_name", "documentName", "title", "name", "عنوان سند", "عنوان", "نام سند"]); } function getDocMahvarRaw(doc) { return getField(doc, ["mahvar", "محور", "mainAxis", "main_axis", "axis"]); } function getDocZirmohvar(doc) { return getField(doc, ["zirmohvar", "zirMohvar", "zir_mohvar", "subAxis", "sub_axis", "زیرمحور", "زیر محور"]); } function getDocNoeSanad(doc) { return getField(doc, ["noe_sanad", "noeSanad", "type", "document_type", "نوع سند", "نوع"]); } function getDocStandardNo(doc) { return getField(doc, ["standard_no", "standardNo", "document_no", "documentNo", "shomare_sanad", "شماره استاندارد", "شماره سند", "شماره"]); } function getDocDate(doc) { return getField(doc, ["date", "review_date", "last_review_date", "lastUpdate", "last_update", "تاریخ آخرین بازنگری", "تاریخ آخرین بروزرسانی", "تاریخ"]); } function getDocPageId(doc) { return getField(doc, ["pageId", "page_id", "createdPageId", "created_page_id", "confluencePageId", "contentId", "content_id"]); } function getDocPageUrl(doc) { return getField(doc, ["pageUrl", "page_url", "createdPageUrl", "created_page_url", "viewUrl", "view_url", "url", "link", "pageLink"]); } function getDocFileUrl(doc) { return getField(doc, ["fileUrl", "file_url", "pdfUrl", "pdf_url", "attachmentUrl", "attachment_url", "downloadUrl", "download_url"]); } function getDocBase64(doc) { return getField(doc, ["file_base64", "base64", "pdf_base64", "fileBase64"]); } function resolveMahvar(doc) { const rawMahvar = getDocMahvarRaw(doc); const zirmohvar = getDocZirmohvar(doc); const directSection = sections.find(sec => looseTextMatch(rawMahvar, sec.value)); if (directSection) return directSection.value; for (const sec of sections) { const list = zirmohvarOptions[sec.value] || []; if (list.some(z => looseTextMatch(zirmohvar, z))) { return sec.value; } } for (const sec of sections) { const list = zirmohvarOptions[sec.value] || []; if (list.some(z => looseTextMatch(rawMahvar, z))) { return sec.value; } } return rawMahvar; } function detectSanadIcon(type) { const t = normalizeText(type); if (t.includes("ایین")) return sanadIcons["آیین نامه"]; if (t.includes("پروتکل")) return sanadIcons["پروتکل"]; if (t.includes("خط مشی")) return sanadIcons["خطمشی و روش"]; if (t.includes("دستورالعمل")) return sanadIcons["دستورالعمل"]; if (t.includes("راهنما")) return sanadIcons["راهنما"]; if (t.includes("روش اجرایی")) return sanadIcons["روش اجرایی"]; if (t.includes("فلوچارت")) return sanadIcons["فلوچارت"]; if (t.includes("کتابچه")) return sanadIcons["کتابچه"]; return sanadIcons["سند"]; } function toAbsoluteUrl(url) { url = String(url || "").trim(); if (!url) return ""; if (/^https?:\/\//i.test(url)) return url; if (url.startsWith("/")) return location.origin + url; return location.origin + "/" + url; } function getBestViewUrl(doc) { const pageUrl = getDocPageUrl(doc); if (pageUrl) return toAbsoluteUrl(pageUrl); const docPageId = getDocPageId(doc); if (docPageId) { return location.origin + "/pages/viewpage.action?pageId=" + encodeURIComponent(docPageId); } const fileUrl = getDocFileUrl(doc); if (fileUrl) return toAbsoluteUrl(fileUrl); return ""; } function base64ToPdfBlob(base64) { const cleaned = String(base64 || "") .replace(/^data:.*;base64,/, "") .replace(/\s/g, ""); const binary = atob(cleaned); const len = binary.length; const buffer = new ArrayBuffer(len); const view = new Uint8Array(buffer); for (let i = 0; i < len; i++) { view[i] = binary.charCodeAt(i); } return new Blob([buffer], { type: "application/pdf" }); } function openPdfFromRecord(base64) { if (!base64) { alert("فایل در JSON موجود نیست."); return; } try { const blob = base64ToPdfBlob(base64); const url = URL.createObjectURL(blob); window.open(url, "_blank"); setTimeout(() => URL.revokeObjectURL(url), 60000); } catch (e) { console.error(e); alert("خطا در باز کردن فایل. احتمالاً فایل ذخیرهشده معتبر نیست."); } } function openDocument(doc) { const bestUrl = getBestViewUrl(doc); if (bestUrl) { window.open(bestUrl, "_blank"); return; } const base64 = getDocBase64(doc); if (base64) { openPdfFromRecord(base64); return; } alert("برای این سند نه صفحه ثبت شده، نه لینک فایل، نه فایل داخل JSON موجود است."); } async function loadJSON() { const loading = document.getElementById("cards-loading"); try { if (loading) loading.style.display = "block"; const res = await fetch(`/rest/api/content/${pageId}/child/attachment?filename=${encodeURIComponent(fileName)}&cb=${Date.now()}`, { credentials: "include", headers: { Accept: "application/json" }, cache: "no-store" }); const data = await res.json(); if (!data.results || !data.results.length) { docs = []; populateMahvarFilter(); renderSections(); if (loading) loading.style.display = "none"; return; } const downloadUrl = toAbsoluteUrl(data.results[0]._links.download); const joiner = downloadUrl.includes("?") ? "&" : "?"; const txt = await fetch(downloadUrl + joiner + "cb=" + Date.now(), { credentials: "include", cache: "no-store" }).then(r => r.text()); docs = JSON.parse(txt || "[]"); if (!Array.isArray(docs)) docs = []; populateMahvarFilter(); renderSections(); } catch (e) { console.error("خطا در خواندن JSON:", e); docs = []; populateMahvarFilter(); renderSections(); } finally renderSections();{ if (loading) loading.style.display = return"none"; } } function populateMahvarFilter() { const jsonUrlsel = new URL(jsonAtt._links.download, window.location.origin).href;document.getElementById("filter-mahvar"); if (sel.dataset.loaded === "1") return; const jsonTextsections.forEach(s => await fetch(jsonUrl, { credentials:"include" }).then(r => r.text()); { const o = document.createElement("option"); o.value // 4) اتصال هر سند به فایلش با تطبیق قویتر docs = JSON.parse(jsonText).map(d => { const raw = d.document_file_name || ""; const k1 = normalizeFileName(raw); const k2 = normalizeFileName(baseNameNoExt(raw)); // حذف (1) یا (2) آخر اسم اگر باشد const rawNoCopy = raw.replace(/\(\d+\)\s*$/, "= s.value; o.textContent = s.title; sel.appendChild(o); }); sel.dataset.loaded = "1"; } function updateZirmohvarFilter() { const mahvar = document.getElementById("filter-mahvar").value; const sel = document.getElementById("filter-zirmohvar"); sel.innerHTML = '<option value="">انتخاب زیرمحور</option>'; if (!mahvar) return; const foundKey = Object.keys(zirmohvarOptions).find(k => sameText(k, mahvar)); const list = foundKey ? zirmohvarOptions[foundKey] : []; list.forEach(z => { const o = document.createElement("option"); o.value = z; const k3o.textContent = normalizeFileName(rawNoCopyz; sel.appendChild(o); }); } function createCard(doc, docIndex) { const k4card = normalizeFileName(baseNameNoExt(rawNoCopy)document.createElement("div"); card.className = "card"; const title const fileUrl == getDocTitle(doc); const zirmohvar = getDocZirmohvar(doc); const noeSanad attachmentMap[k1] ||= getDocNoeSanad(doc); const standardNo = getDocStandardNo(doc); const date attachmentMap[k2] ||= getDocDate(doc); const iconUrl = detectSanadIcon(noeSanad); const hasView attachmentMap[k3]= !!getBestViewUrl(doc) || !!getDocBase64(doc); card.innerHTML = ` attachmentMap[k4] ||<div class="card-content"> <h3><b>${safeText(title null; || "")}</b></h3> <ul> return { ...d, _fileUrl: fileUrl }; <li>زیرمحور: ${safeText(zirmohvar }); populateMahvarFilter(); || "-")}</li> <li>نوع سند: renderSections(); ${safeText(noeSanad || "-")}</li> // دیباگ: اگر<li>شماره چیزی هنوز پیدا نشداستاندارد: ${safeText(standardNo || "-")}</li> const missing = docs.filter(x => !x._fileUrl).map(x => x.document_file_name);<li>تاریخ آخرین بازنگری: ${safeText(date || "-")}</li> if (missing.length) console.warn("Missing fileUrl for:", missing); </ul> ${ } catch (e) {hasView console.error(e); ? `<button docs = [];type="button" class="open-btn" data-doc-index="${docIndex}">مشاهده</button>` populateMahvarFilter(); : renderSections(); } } /* ================== فیلترها ================== */ function populateMahvarFilter(){`<span class="open-btn" style="background:#ccc;cursor:not-allowed">لینک ندارد</span>` } </div> <div class="card-icon"> const sel<img src= document.getElementById("filter-mahvar");"${iconUrl}" alt="سند"> // جلوگیری از دوبار پر شدن if (sel.dataset.filled === "1") return; sections.forEach(s =></div> `; const btn = card.querySelector(".open-btn[data-doc-index]"); if (btn) { btn.addEventListener("click", function () { const oi = document.createElement("option"Number(this.dataset.docIndex); if o.value = s.value;(!Number.isNaN(i) && docs[i]) { o.textContent = s.title openDocument(docs[i]); sel.appendChild(o);} }); } return sel.dataset.filled = "1"; } function updateZirmohvarFilter(){ const mahvar = document.getElementById("filter-mahvar").value; const sel = document.getElementById("filter-zirmohvar"); sel.innerHTML = '<option value="">انتخاب زیرمحور</option>'; (zirmohvarOptions[mahvar] || []).forEach(z => { const o = document.createElement("option"); o.value = z; o.textContent = z;card; } function toggleSection(sectionKey, btn) { const hiddenCards = document.querySelectorAll(`.card[data-section-key="${sectionKey}"].hidden-card`); const isOpen = btn.dataset.open === "1"; if (isOpen) { hiddenCards.forEach(card => { card.style.display = "none"; }); btn.textContent = "مشاهده بیشتر"; btn.dataset.open = "0"; } else { hiddenCards.forEach(card => { sel.appendChild(o)card.style.display = "flex"; }); } btn.textContent = "بستن"; /* ================== کارت ================== */ function createCard(doc){ const card btn.dataset.open = "1"; } } function renderSections() { const searchText = document.createElementgetElementById("divsearch"); card.className = "card"; .value; const card.innerHTMLselectedMahvar = `document.getElementById("filter-mahvar").value; const selectedZirmohvar <div class="card-content">= document.getElementById("filter-zirmohvar").value; const selectedNoeSanad <h3>${doc.document_name || ""}</h3> <ul> <li>زیرمحور: ${doc.zirmohvar || "-"}</li>= document.getElementById("filter-noe-sanad").value; const container = document.getElementById("sections-container"); container.innerHTML = ""; let found = false; sections.forEach(sec => { const list = docs <li>نوع سند: ${doc.noe_sanad || "-"}</li> .map((doc, index) => ({ doc, index })) <li>شماره استاندارد: ${doc.standard_no || "-"}</li>.filter(item => { const d <li>تاریخ بازنگری: ${doc.date || "-"}</li>= item.doc; </ul> const title = getDocTitle(d); ${ const resolvedMahvar = resolveMahvar(d); doc._fileUrl const zirmohvar = getDocZirmohvar(d); ? `<a href="${doc._fileUrl}" target="_blank" class="open-btn">مشاهده</a>` const noeSanad = getDocNoeSanad(d); return :( `<span class="open-btn" style="background:#ccc">فایل ندارد</span>` sameText(resolvedMahvar, }sec.value) && </div> (!searchText <div class="card-icon">|| normalizeText(title).includes(normalizeText(searchText))) && <img src="${detectSanadIcon(doc.noe_sanad)}" alt="icon"> (!selectedMahvar || sameText(resolvedMahvar, selectedMahvar)) && </div> `; return card; } /* ================== رندر ================== */ function renderSections(){(!selectedZirmohvar || looseTextMatch(zirmohvar, selectedZirmohvar)) && (!selectedNoeSanad || looseTextMatch(noeSanad, selectedNoeSanad)) const search = (document.getElementById("search").value || "").toLowerCase(); }); const m =if document.getElementById("filter-mahvar").value;(!list.length) return; constfound z = document.getElementById("filter-zirmohvar").valuetrue; const containerh2 = document.getElementByIdcreateElement("sections-containerh2"); containerh2.innerHTMLclassName = ""; let found = false; section-title-docs"; sectionsh2.forEach(sectextContent => {sec.title; const listhr = docsdocument.filter(d =>createElement("hr"); d.mahvarhr.className === sec.value && "section-hr-docs"; (!search || (d.document_name || "").toLowerCase().includes(search)) &&const grid = document.createElement("div"); grid.className = "section-grid"; (!m || d.mahvar === m) && const reversedList = [...list].reverse(); const sectionKey = (!z || d.zirmohvar === z) ); normalizeText(sec.value).replace(/\s+/g, "-"); reversedList.forEach((item, displayIndex) => { const card if= (!list.length) returncreateCard(item.doc, item.index); found = truecard.setAttribute("data-section-key", sectionKey); constif grid(displayIndex >= document.createElement("div"); 4) { grid.className = "section-grid"; card.classList.add("hidden-card"); gridcard.style.display = "gridnone"; grid.style.gridTemplateColumns = "repeat(2,1fr)";} grid.style.gap = "20px"appendChild(card); }); container.append(h2, // جدیدترین بالاhr, grid); [...list].reverse().forEach(d => grid.appendChild(createCard(d))); if (reversedList.length > 4) { const h2btn = document.createElement("h2button"); h2btn.textContentclassName = sec.title"show-more-btn"; h2btn.style.textAligntextContent = "centerمشاهده بیشتر"; const hr btn.dataset.open = document.createElement("hr0"); hrbtn.style.borderonclick = "3pxfunction solid #00A9C3";() { hr.style.width = "80px"; toggleSection(sectionKey, this); hr.style.margin = "0 auto 20px"}; container.append(h2, hr, gridappendChild(btn); } }); document.getElementById("no-result").style.display = found ? "none" : "block"; } /* ================== رویدادها ================== */ .style.display = found ? "none" : "block"; } document.getElementById("search").addEventListener("input", renderSections); document.getElementById("filter-mahvar").addEventListener("change", () => { updateZirmohvarFilter(); renderSections(); }); document.getElementById("filter-zirmohvar").addEventListener("change", renderSections); document.getElementById("filter-noe-zirmohvarsanad").addEventListener("change", renderSections); loadJSON(); </script> |
Page History
Overview
Content Tools
Apps
Tasks