ميدياويكي:Common.js
ملاحظة: بعد الحفظ، قد يلزمك محو الاختزان الخاص بمتصفحك لرؤية التغييرات.
- فايرفوكس / سافاري: أمسك Shift أثناء ضغط Reload، أو اضغط على إما Ctrl-F5 أو Ctrl-R (⌘-R على ماك)
- جوجل كروم: اضغط Ctrl-Shift-R (⌘-Shift-R على ماك)
- إنترنت إكسبلورر/إيدج: أمسك Ctrl أثناء ضغط Refresh، أو اضغط Ctrl-F5
- أوبرا: اضغط Ctrl-F5.
/* أي جافاسكريبت هنا سيتم تحميلها لكل المستخدمين مع كل تحميل للصفحة. */
/* 1. محرك جدول المعرفات السيمانتكي الديناميكي والجميل بالكامل (محلي ومستقل 100% بدون أي كود خارجي) */
$(document).ready(function() {
if (mw.config.get('wgPageName') === 'المعرفات') {
var $table = $('#table-ids-mw');
if ($table.length > 0) {
// تنسيق رؤوس الجدول وإعطاؤها لمسة احترافية
$table.find('th').eq(0).text('معرف الصفحة (ID)').css({'background-color': '#2a4b7c', 'color': '#ffffff', 'text-align': 'right', 'padding': '10px'});
$table.find('th').eq(1).text('اسم الشخص (القناع)').css({'background-color': '#2a4b7c', 'color': '#ffffff', 'text-align': 'right', 'padding': '10px'});
// إضافة خاصية التنسيق العام لـ وبنية الجدول
$table.css({'border-collapse': 'collapse', 'width': '100%', 'margin-top': '15px'});
}
// استعلام دلالي موسع يدعم الفحص بالشرطة والمسافة لحماية المعرفات
var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?Display_title_of|?Display title of|limit=500";
var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);
$.getJSON(apiUrl, function(data) {
var results = (data && data.query) ? data.query.results : null;
if (results && Object.keys(results).length > 0) {
var rowsHtml = '';
$.each(results, function(title, pageData) {
if (title === 'المعرفات' || title.indexOf('قالب:') !== -1) return;
var printouts = pageData.printouts || {};
// 💡 فصل وتأمين رقم الـ ID النقي مباشرة من عنوان الويكي الفعلي لحل خلل الفراغ
var pageId = title.replace(/Person_/g, '').replace(/Person:/g, '').trim();
pageId = pageId.toString().replace(/[^0-9]/g, '').trim();
var pageTitleId = "Person:" + pageId;
// 💡 طريقتك الذهبية الثابتة والناجحة: قنص واصطياد الاسم العربي النقي بدعم كامل لكافة التحديثات الدلالية للنظام
var displayMask = '';
var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
if (blobAttr) {
if (Array.isArray(blobAttr) && blobAttr.length > 0) {
// إذا كانت مصفوفة كائنات، نلتقط النص أو الخانة الصافية المتاحة
var firstObj = blobAttr[1] || blobAttr[0];
displayMask = (firstObj && typeof firstObj === 'object') ? (firstObj.fulltext || firstObj.text || '') : firstObj;
} else if (typeof blobAttr === 'object' && blobAttr.fulltext) {
displayMask = blobAttr.fulltext;
} else if (typeof blobAttr === 'string') {
displayMask = blobAttr;
}
}
// تنظيف الاسم المستخرج من أي لواحق أو عناوين برمجية متبقية
if (displayMask && typeof displayMask === 'string') {
displayMask = displayMask.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
}
// خطة احتياطية فورية: تنظيف عنوان الصفحة الفعلي إذا كان حقل مصفوفة الـ BLOB فارغاً
if (!displayMask || displayMask === '' || !isNaN(displayMask) || displayMask.indexOf('Person:') !== -1) {
displayMask = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
if (!isNaN(displayMask) && displayMask !== '') {
displayMask = "فرد رقم (" + displayMask + ")";
}
}
// بناء الأسطر وتلوين الخلايا بشكل منسق ومريح للعين عند القراءة والفرز
rowsHtml += '<tr style="border-bottom: 1px solid #dddddd;">' +
'<td style="padding: 10px 12px; font-family: monospace; font-size: 14px; font-weight: bold; width: 40%;"><a href="/index.php?title=' + encodeURIComponent(title) + '" style="color: #2a4b7c; text-decoration: none;">' + pageTitleId + '</a></td>' +
'<td style="padding: 10px 12px; font-weight: bold; color: #27ae60; font-size: 14px; width: 60%;">' + displayMask + '</td>' +
'</tr>';
});
$table.find('tbody').html(rowsHtml);
// تفعيل الفرز التلقائي والمؤثرات الجمالية عند تمرير الماوس فوق الأسطر
$table.find('tbody tr').hover(
function() { $(this).css('background-color', '#f5f7fa'); },
function() { $(this).css('background-color', 'transparent'); }
);
if ($.fn.tablesorter) { $table.tablesorter(); }
}
});
}
});
/* 2. محرك شجرة الأنساب التكراري المطور والآمن المتكامل مع تميز الصفحة الحالية (مستقر 100% وبدون مسميات مختلطة) */
$(document).ready(function() {
$('.family-tree-api-render').each(function() {
var $container = $(this);
var rootId = $container.data('rootid');
// تطهير المعرف للتأكد من أنه رقم مجرد تماماً ومتوافق مع قاعدة البيانات
if (rootId) {
rootId = parseInt(rootId.toString().replace(/[^0-9]/g, ''), 10);
}
if (!rootId || isNaN(rootId)) return;
var maxGenerations = 20;
var pageTitle = mw.config.get("wgPageName").replace(/_/g, " ");
// التقاط اسم المقالة الحالية الصريح من نظام ميدياويكي للمطابقة الدقيقة
var currentPageName = mw.config.get("wgPageName");
// التقاط اسم رأس الشجرة (الجذر) الافتراضي من عنوان المتصفح المرئي فوراً لضمان الثبات الكامل
var rootCleanTitle = $('#firstHeading').text().replace(/Person_/g, '').replace(/Person:/g, '').trim();
if (!rootCleanTitle || rootCleanTitle === '' || !isNaN(rootCleanTitle)) {
rootCleanTitle = pageTitle.replace(/Person:/g, '').trim();
}
// الاستعلام الدلالي الشامل والموسع لـ 500 عنصر بالمسافات والشرطات معاً لضمان الأمان البنيوي
var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?معرف الأب|?معرف_الأب|?Display_title_of|limit=500";
var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);
$.getJSON(apiUrl, function(data) {
var results = (data && data.query && data.query.results) ? data.query.results : null;
if (results && Object.keys(results).length > 0) {
var rawNodes = [];
$.each(results, function(title, pageData) {
var pageId = parseInt(pageData.pageid || pageData.id, 10);
var printouts = pageData.printouts || {};
// طريقتك الذهبية الثابتة والناجحة: قنص واصطياد الاسم العربي النقي من الخانة الثانية داخل مصفوفة الـ BLOB
var cleanName = '';
var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
if (blobAttr && blobAttr.length > 1) {
cleanName = blobAttr[1]; // استخلاص الكلمة العربية الصافية مباشرة بنجاح مؤكد
} else if (blobAttr && blobAttr.length > 0) {
cleanName = blobAttr[0].fulltext || blobAttr[0];
}
// خطة احتياطية فورية: تنظيف عنوان الصفحة الفعلي إذا كان حقل مصفوفة الـ BLOB فارغاً
if (!cleanName || cleanName === '' || !isNaN(cleanName)) {
cleanName = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
}
// تنظيف النص النهائي المستخرج تماماً لضمان إزالة الصيغ البرمجية المختلطة مثل "Person:ID"
if (cleanName) {
cleanName = cleanName.toString().replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').replace(/^[0-9]+$/g, '').trim();
}
if (!cleanName || cleanName === '') {
cleanName = "فرد رقم (" + pageId + ")";
}
// شرطك المرن المبتكر: التحقق مما إذا كان المتغير "معرف الشخص" بالمسافة أو بالشرطة السفلية
var currentIdAttr = printouts["معرف الشخص"] || printouts["معرف_الشخص"];
var currentId = null;
if (currentIdAttr && currentIdAttr.length > 0) {
currentId = currentIdAttr[0].fulltext || currentIdAttr[0] || currentIdAttr;
}
if (!currentId) currentId = pageId;
currentId = parseInt(currentId.toString().replace(/[^0-9]/g, ''), 10);
// نفس الشرط المرن المبتكر لحماية متغير "معرف الأب" بالمسافة أو بالشرطة السفلية صراحة
var fatherIdAttr = printouts["معرف الأب"] || printouts["معرف_الأب"];
var fatherId = null;
if (fatherIdAttr && fatherIdAttr.length > 0) {
var rawFather = fatherIdAttr[0].fulltext || fatherIdAttr[0] || fatherIdAttr;
fatherId = parseInt(rawFather.toString().replace(/[^0-9]/g, ''), 10);
if (isNaN(fatherId)) fatherId = null;
}
if (currentId) {
rawNodes.push({ id: currentId, parentId: fatherId, title: cleanName, pageName: title });
}
});
// تحديث اسم الجذر (رأس الشجرة الحالية) إذا توازى المعرف مع عناصر الذاكرة لزيادة الكفاءة
var rootNodeInfo = rawNodes.find(function(n) { return n.id == rootId; });
if (rootNodeInfo) {
rootCleanTitle = rootNodeInfo.title;
}
// دالة البناء التكراري ورسم الأفرع والتسلسلات الشجرية الفورية عالية الكفاءة في ذاكرة المتصفح
function buildTreeHtml(currentParentId, depth) {
if (depth > maxGenerations) return "";
var children = rawNodes.filter(function(node) { return node.parentId == currentParentId; });
if (children.length === 0) return "";
children.sort(function(a, b) { return a.title.localeCompare(b.title, 'ar'); });
var html = "";
var indent = Array(depth + 1).join(" ");
children.forEach(function(child) {
// المطابقة المرنة بالـ ID الرقمي لـ تميز الأبناء إذا كان أحدهم هو الصفحة الحالية
if (child.id == rootId || child.pageName === currentPageName) {
html += "<br />" + indent + "← <span style='color: #27ae60 !important; font-weight: bolder !important; font-size: 115% !important; display: inline-block;'>" + child.title + "</span>";
} else {
html += "<br />" + indent + "← <a href='/index.php?title=" + encodeURIComponent(child.pageName) + "' style='color: #2a4b7c; font-weight: bold;' data-personid='" + child.id + "'> " + child.title + "</a>";
}
html += buildTreeHtml(child.id, depth + 1);
});
return html;
}
var childrenHtml = buildTreeHtml(rootId, 1);
// صياغة رأس الشجرة (الجذر الأكبر) بهيكلية ثابتة وتلوينها بالأخضر عند دخول صفحتها
var finalRootTitleHtml = "• '''<span class='tree-root-span'>" + rootCleanTitle + "</span>'''";
if (childrenHtml) {
$container.html(finalRootTitleHtml + childrenHtml);
} else {
$container.html(finalRootTitleHtml + "<br /> ← <span style='color:#666;'>لا توجد فروع أو ذرية مسجلة نزولاً لهذا المعرف الرقمي في النظام.</span>");
}
// تفعيل التلوين الأخضر والتكبير الصارم بعد استقرار ومزامنة بناء كامل فروع الشجرة بالكامل في المتصفح
if (rootId == parseInt(currentPageName.replace(/[^0-9]/g, ''), 10) || pageTitle === rootCleanTitle || currentPageName.indexOf(rootId.toString()) !== -1) {
$container.find('.tree-root-span').css({
'color': '#27ae60',
'font-weight': 'bolder',
'font-size': '115%',
'display': 'inline-block'
});
}
} else {
var finalRootTitleHtml = "• <span style='color: #27ae60 !important; font-weight: bolder !important; font-size: 115% !important;'> " + rootCleanTitle + "</span>";
$container.html(finalRootTitleHtml + "<br /> ← <span style='color:#666;'>لا توجد نتائج مسجلة.</span>");
}
}).fail(function() {
var finalRootTitleHtml = "• '''" + rootCleanTitle + "'''";
$container.html(finalRootTitleHtml + "<br /> ← <span style='color:red;'>❌ فشل جلب الشجرة عبر الـ API المحلي للموسوعة.</span>");
});
});
});
/* 3. محرك جلب وعرض جداول قاعدة البيانات الكلية من ملف الـ PHP مباشرة لصفحة كل المعرفات */
$(document).ready(function() {
if (mw.config.get('wgPageName') === 'كل_المعرفات' || mw.config.get('wgPageName') === 'كل_المعرفات') {
var $table = $('#table-all-database-ids');
if ($table.length > 0) {
// سحب محتوى الأسطر الصافية من ملف الـ PHP مباشرة وحقنها في الذاكرة اللحظية
$.ajax({
url: '/all-ids.php',
type: 'GET',
cache: false,
success: function(rowsHtml) {
if (rowsHtml && rowsHtml.trim() !== '') {
$table.find('tbody').html(rowsHtml);
// تفعيل تأثيرات التمرير الجمالية فوق الأسطر
$table.find('tbody tr').hover(
function() { $(this).css('background-color', '#f5f7fa'); },
function() { $(this).css('background-color', 'transparent'); }
);
// تفعيل الفرز التلقائي الفوري للأعمدة
if ($.fn.tablesorter) { $table.tablesorter(); }
} else {
$table.find('tbody').html('<tr><td colspan="2" style="text-align:center; color:red;">❌ عجز النظام عن العثور على أسطر صالحة في قاعدة البيانات.</td></tr>');
}
},
error: function() {
$table.find('tbody').html('<tr><td colspan="2" style="text-align:center; color:red;">❌ فشل الاتصال بملف all-ids.php في السيرفر.</td></tr>');
}
});
}
}
});
/* 4. محرك شجرة الأنساب الهرمية التفاعلية (Mermaid) الشامل مع استدعاء مكتبة الرسم وتكبير الصناديق */
$(document).ready(function() {
$('.family-tree-mermaid-render').each(function() {
var $container = $(this);
var $pre = $container.find('pre.mermaid');
var $loader = $container.find('.mermaid-loader');
var currentPersonId = parseInt($container.data('personid'), 10);
if (!currentPersonId || isNaN(currentPersonId)) return;
// تأمين تحميل مكتبة Mermaid وتفعيلها في المتصفح فوراً قبل بناء الاستعلام
mw.loader.using(['ext.mermaid']).then(function() {
var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?معرف الأب|?معرف_الأب|?Display_title_of|limit=1000";
var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);
$.getJSON(apiUrl, function(data) {
var results = (data && data.query && data.query.results) ? data.query.results : null;
if (results && Object.keys(results).length > 0) {
var rawNodes = [];
$.each(results, function(title, pageData) {
var pageId = parseInt(pageData.pageid || pageData.id, 10);
var printouts = pageData.printouts || {};
var cleanName = '';
var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
if (blobAttr && blobAttr.length > 1) { cleanName = blobAttr[1]; }
else if (blobAttr && blobAttr.length > 0) { cleanName = blobAttr[0].fulltext || blobAttr[0]; }
if (cleanName && typeof cleanName === 'string') {
cleanName = cleanName.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').replace(/^[0-9]+$/g, '').trim();
}
if (!cleanName || cleanName === '') {
cleanName = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
}
var currentIdAttr = printouts["معرف الشخص"] || printouts["معرف_الشخص"];
var currentId = (currentIdAttr && currentIdAttr.length > 0) ? (currentIdAttr[0].fulltext || currentIdAttr[0] || currentIdAttr) : pageId;
currentId = parseInt(currentId.toString().replace(/[^0-9]/g, ''), 10);
var fatherIdAttr = printouts["معرف الأب"] || printouts["معرف_الأب"];
var fatherId = null;
if (fatherIdAttr && fatherIdAttr.length > 0) {
var rawFather = fatherIdAttr[0].fulltext || fatherIdAttr[0] || fatherIdAttr;
fatherId = parseInt(rawFather.toString().replace(/[^0-9]/g, ''), 10);
if (isNaN(fatherId)) fatherId = null;
}
if (currentId) {
rawNodes.push({ id: currentId, parentId: fatherId, title: cleanName, pageName: title });
}
});
var ancestorNodes = [];
var ancestorIds = new Set();
var loopId = currentPersonId;
var safetyGuard = 0;
while (loopId && safetyGuard < 25) {
var matchedNode = rawNodes.find(function(n) { return n.id == loopId; });
if (matchedNode) {
if (matchedNode.id !== currentPersonId) {
ancestorNodes.push(matchedNode);
ancestorIds.add(matchedNode.id);
}
loopId = matchedNode.parentId;
} else {
loopId = null;
}
safetyGuard++;
}
var descendantNodes = [];
var descendantIds = new Set();
function collectDescendants(parentId) {
var children = rawNodes.filter(function(node) { return node.parentId == parentId; });
children.forEach(function(child) {
if (!descendantIds.has(child.id)) {
descendantNodes.push(child);
descendantIds.add(child.id);
collectDescendants(child.id);
}
});
}
collectDescendants(currentPersonId);
var mermaidCode = "graph TD\n";
// 🌟 التعديل التجميلي الحصري: زيادة حجم الخط والـ padding لتكبير المربعات وحماية الأسماء من الانضغاط
mermaidCode += "classDef default fill:#f8f9fa,stroke:#dddddd,stroke-width:1px,color:#2c3e50,font-weight:bold,font-size:15px,padding:12px;\n";
mermaidCode += "classDef ancestor fill:#f4f7fb,stroke:#2a4b7c,stroke-width:2px,color:#2a4b7c,font-size:15px,font-weight:bold,padding:15px;\n";
mermaidCode += "classDef current fill:#27ae60,stroke:#219653,stroke-width:3px,color:#ffffff,font-size:18px,font-weight:bolder,padding:18px;\n";
mermaidCode += "classDef descendant fill:#ffffff,stroke:#27ae60,stroke-width:2px,color:#2c3e50,font-size:15px,font-weight:bold,padding:12px;\n";
if (ancestorNodes.length > 0) {
ancestorNodes.reverse();
for (var i = 0; i < ancestorNodes.length; i++) {
var node = ancestorNodes[i];
var nextNodeId = (i === ancestorNodes.length - 1) ? currentPersonId : ancestorNodes[i+1].id;
mermaidCode += " N" + node.id + "[\"" + node.title + "\"] --> N" + nextNodeId + "\n";
mermaidCode += " class N" + node.id + " ancestor;\n";
mermaidCode += " click N" + node.id + " \"/index.php?title=" + encodeURIComponent(node.pageName) + "\" \"تصفح صفحة " + node.title + "\"\n";
}
}
var currNode = rawNodes.find(function(n) { return n.id == currentPersonId; });
var currTitle = currNode ? currNode.title : $('#firstHeading').text().trim();
mermaidCode += " N" + currentPersonId + "[\"" + currTitle + "\"]\n";
mermaidCode += " class N" + currentPersonId + " current;\n";
if (descendantNodes.length > 0) {
descendantNodes.forEach(function(node) {
mermaidCode += " N" + node.parentId + " --> N" + node.id + "[\"" + node.title + "\"]\n";
mermaidCode += " class N" + node.id + " descendant;\n";
mermaidCode += " click N" + node.id + " \"/index.php?title=" + encodeURIComponent(node.pageName) + "\" \"تصفح صفحة " + node.title + "\"\n";
});
}
$loader.hide();
$pre.text(mermaidCode).show();
// استدعاء نظام الإنعاش وإعادة الرسم الشجري في المتصفح فوراً
if (window.mermaid) {
window.mermaid.init(undefined, $pre);
} else if (typeof mermaid !== 'undefined') {
mermaid.init(undefined, $pre);
}
} else {
$loader.html("⚠️ لا توجد صلات قرابة مسجلة لهذا المعرف.");
}
}).fail(function() {
$loader.html("❌ فشل الاتصال بقاعدة البيانات لتوليد اللوحة الهرمية.");
});
});
});
});
/* 5. محرك المشجرة الكبرى البانورامية الشاملة مع توسيع آمن ومضمون لأبعاد الصناديق */
$(document).ready(function() {
if ($('#global-family-tree-panzoom').length === 0) return;
// تأمين تحميل مكتبة Mermaid وتفعيلها في المتصفح فوراً قبل بناء الاستعلام
mw.loader.using(['ext.mermaid']).then(function() {
var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?معرف الأب|?معرف_الأب|?Display_title_of|limit=2000";
var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);
$.getJSON(apiUrl, function(data) {
var results = (data && data.query && data.query.results) ? data.query.results : null;
if (results && Object.keys(results).length > 0) {
var rawNodes = [];
$.each(results, function(title, pageData) {
var pageId = parseInt(pageData.pageid || pageData.id, 10);
var printouts = pageData.printouts || {};
var cleanName = '';
var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
if (blobAttr && blobAttr.length > 1) { cleanName = blobAttr; }
else if (blobAttr && blobAttr.length > 0) { cleanName = blobAttr.fulltext || blobAttr; }
if (cleanName && typeof cleanName === 'string') {
cleanName = cleanName.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').replace(/^[0-9]+$/g, '').trim();
}
if (!cleanName || cleanName === '') {
cleanName = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
}
var currentIdAttr = printouts["معرف الشخص"] || printouts["معرف_الشخص"];
var currentId = (currentIdAttr && currentIdAttr.length > 0) ? (currentIdAttr.fulltext || currentIdAttr || currentIdAttr) : pageId;
currentId = parseInt(currentId.toString().replace(/[^0-9]/g, ''), 10);
var fatherIdAttr = printouts["معرف الأب"] || printouts["معرف_الأب"];
var fatherId = null;
if (fatherIdAttr && fatherIdAttr.length > 0) {
var rawFather = fatherIdAttr.fulltext || fatherIdAttr || fatherIdAttr;
fatherId = parseInt(rawFather.toString().replace(/[^0-9]/g, ''), 10);
if (isNaN(fatherId)) fatherId = null;
}
if (currentId) {
rawNodes.push({ id: currentId, parentId: fatherId, title: cleanName, pageName: title });
}
});
var mermaidCode = "graph TD\n";
// 🌟 استخدام خاصية padding الموحدة والآمنة لمنع انهيار الـ SVG
mermaidCode += "classDef default fill:#ffffff,stroke:#27ae60,stroke-width:2px,color:#2c3e50,font-weight:bold,font-size:16px,padding:12px 35px;\n";
mermaidCode += "classDef topRoot fill:#f4f7fb,stroke:#2a4b7c,stroke-width:3px,color:#2a4b7c,font-size:18px,font-weight:bold,padding:15px 40px;\n";
var registeredIds = rawNodes.map(function(n) { return n.id; });
rawNodes.forEach(function(node) {
mermaidCode += " N" + node.id + "[\"" + node.title + "\"]\n";
mermaidCode += " click N" + node.id + " \"/index.php?title=" + encodeURIComponent(node.pageName) + "\" \"تصفح صفحة " + node.title + "\"\n";
if (node.parentId && registeredIds.indexOf(node.parentId) !== -1) {
mermaidCode += " N" + node.parentId + " --> N" + node.id + "\n";
} else {
mermaidCode += " class N" + node.id + " topRoot;\n";
}
});
$('#tree-canvas-holder').html('<pre class="mermaid" style="background:none; border:none; text-align:center; margin:0; padding:20px;"></pre>');
var $pre = $('#tree-canvas-holder').find('pre.mermaid');
$('.tree-loading-overlay').hide();
$pre.text(mermaidCode).show();
if (window.mermaid) {
window.mermaid.init(undefined, $pre);
} else if (typeof mermaid !== 'undefined') {
mermaid.init(undefined, $pre);
}
// تفعيل نظام التحريك والتكبير بالماوس الحصري
setTimeout(function() {
var $svg = $('#tree-canvas-holder').find('svg');
if ($svg.length > 0) {
$svg.css({ 'transform-origin': 'top center', 'cursor': 'grab', 'transition': 'transform 0.1s ease-out' });
var scale = 1, isDragging = false, startX, startY, translateX = 0, translateY = 0;
// 🌟 إعطاء مساحة أفقية إضافية مريحة لجميع النصوص داخل الـ SVG لمنع اختناقها
$svg.find('.node label, .node text').css({ 'font-family': 'inherit', 'letter-spacing': '0.5px' });
$('#global-family-tree-panzoom').on('mousedown', function(e) {
if ($(e.target).closest('a').length > 0) return;
isDragging = true;
$svg.css('cursor', 'grabbing');
startX = e.clientX - translateX;
startY = e.clientY - translateY;
});
$(document).on('mousemove', function(e) {
if (!isDragging) return;
translateX = e.clientX - startX;
translateY = e.clientY - startY;
$svg.css('transform', 'translate(' + translateX + 'px, ' + translateY + 'px) scale(' + scale + ')');
}).on('mouseup', function() {
isDragging = false;
$svg.css('cursor', 'grab');
});
$('#global-family-tree-panzoom').on('wheel', function(e) {
e.preventDefault();
var delta = e.originalEvent.deltaY;
if (delta < 0) { scale = Math.min(scale + 0.08, 3); }
else { scale = Math.max(scale - 0.08, 0.3); }
$svg.css('transform', 'translate(' + translateX + 'px, ' + translateY + 'px) scale(' + scale + ')');
});
}
}, 1200);
} else {
$('.tree-loading-overlay').html("⚠️ لم يتم العثور على أي بيانات أفراد مسجلة لبناء المشجرة الكبرى.");
}
}).fail(function() {
$('.tree-loading-overlay').html("❌ فشل الاتصال بقاعدة البيانات لتوليد المشجرة الكبرى.");
});
});
});