/* ========================================================= BASEROW COMPANY PORTAL ? LOGIN ISOLATION CORRECTIVE CANDIDATE V223 Source behavior/design: FROZEN-equivalent JavaScript V217 Recovery reference: JavaScript V190 (comparison only) Strategy: Phase 1 Login admission/isolation; internal V220 behavior preserved V250: structural layout composer for /company/:companyId/documents/new (DOM reorganization only; no functional change) V259-S1: external companies logout ownership — the visible control is now the original Builder node (.company-licenses-logout-button) moved into the header; the synthetic proxy and its click forwarding were removed. No new timer/observer/listener. V259-S1B: visual target correction — the header visual class is applied to the actual clickable descendant instead of the Builder wrapper, removing the green-shell-around-blue-button artefact. CSS unchanged. V260-S2: login ReferenceError repair — the orphan call to the never-defined getDirectChildUnderAncestorV117 now uses the canonical in-scope getDirectChildUnderAncestor. One identifier changed; no new function, no alias, no behaviour change. V266-S1-R1: login cleanup correction — the dead loginTextKeysV222 key set (one declaration, zero consumers) was deleted. No runtime lifecycle, authentication, navigation or CSS behaviour was altered. V266-S1: login complete code clean reset — every remaining Login visual and composition responsibility was DELETED, not restyled: the Login controller and its MutationObserver, the visual mount, the Builder-node text translation, the native-field normaliser, and the whole email safety block. The Login page now has no custom visual owner in either CSS or JavaScript and is intentionally raw. What remains is the smallest non-visual lifecycle only: classification, the Login state, internal-header teardown wiring, and the login->internal transition after authentication, all driven by the pre-existing bootstrap observer. Native Baserow authentication untouched. Design is deferred to a separate V267 task. V265-S1: login reset and clean rebuild — the Login page is now a pure CSS-first surface bound to the static Builder structure. Beyond the V264 removal of every JavaScript visual composer, this slice deletes the remaining visual state machine: the pending/ready/native-fallback sub-states and their three dead classes, setLoginVisualState, markLoginReady, markLoginPending, showNativeLoginFallback, the root-loss grace timer, and the fallback/mount bookkeeping. Login is one classification state that only serves lifecycle (internal header teardown and post-logout return). Native authentication untouched. V264-S1-R1: login first-paint atomic migration — the approved Login design is now owned entirely by CSS bound to the static Builder structure (portal-login-shell-v264). Every JavaScript Login visual composer was REMOVED, not overridden: hero creation, brand/feature icons, the non-functional Remember row, the pane/content class machinery and the layout cleanup owners. No JS-added class is required for the approved layout. Native Baserow authentication is untouched. V263-S4A-R1: atomic internal-to-companies header handoff (unchanged here). V261-S3-R1: explicit-submit login contract (the generic `button` fallback was a false-positive vector against internal password forms), negative-evidence guard on the card-less path, and a symmetric controller teardown that allows a real restart. V261-S3: reversible login state — strict coherent-login-unit evidence, internal -> login transition after native logout, persistent login starters (loginQueue is cleared on internal admission), and re-detection inside the existing central cycle because the bootstrap observer is disconnected on admission. No new observer/timer/listener primitive. ========================================================= */ /* ==================== V223 LOGIN CLASSIFICATION BOOTSTRAP ==================== */ { "use strict"; const runtimeKey = "__QIMAH_PORTAL_RUNTIME_V222__"; const bootstrapTimeoutMs = 4000; if (!window[runtimeKey]) { const internalRootSelector = [ ".companies-table-card", ".company-profile-title", ".company-licenses-workspace", ".company-employees-content", ".employee-profile-summary-card", ".company-platform-accounts-page", ".company-subscriptions-page", ".company-communications-page", ".company-bank-accounts-page", ".company-vehicles-page", ".company-utilities-content", ".company-assets-custody-seals-content", ".company-pos-page" ].join(","); const runtime = { version: "223", state: "unknown", reason: "bootstrap", classifiedAt: null, internalAdmissionCompleted: false, bootstrapDeadlineReached: false, bootstrapObserver: null, fallbackTimeoutId: null, internalConfirmationTimeoutId: null, /* V265-S1 — يخصّ تأكيد الحالة الداخلية لا الدخول: يُبطل نتيجة مهلة تأكيد قديمة إن تغيّر السياق قبل انقضائها. أُبقي عمدًا. */ transitionToken: 0, internalQueue: [], loginQueue: [], /* V261-S3: loginQueue يُفرَّغ عند اعتماد الحالة الداخلية، فيضيع مشغّل وحدة الدخول نهائيًا. هذه القائمة دائمة وتُستخدم عند العودة من internal إلى login. مشغّل الدخول idempotent. */ loginStarters: [], warningIssued: false, /* V261-S3 — عقد الدليل الصارم لصفحة الدخول. الدليل يجب أن ينتمي إلى وحدة دخول واحدة متماسكة: بطاقة دخول متصلة بالمستند + حقل كلمة مرور بداخلها + زر إرسال في نفس النموذج أو نفس البطاقة + كونها مرسومة. لا يُصنَّف دخول لمجرد وجود حقل كلمة مرور في مكان ما، ولا لوجود زر إرسال، ولا لبقايا مخفية من صفحة دخول سابقة. هذا يمنع التصادم مع نماذج داخلية تحوي كلمة مرور. */ isRenderedElementV261(element) { if (!(element instanceof Element) || !element.isConnected) { return false; } if (element.hasAttribute("hidden") || element.closest("[hidden]")) { return false; } return element.getClientRects().length > 0; }, /* V261-S3-R1 — عنصر الإرسال الصريح فقط. التنفيذ السابق قبل المحدد العام `button` كدليل إرسال، فكان أي زر داخل نموذج يحوي كلمة مرور يُصنَّف دليل دخول. هذا يصادم واجهات داخلية حقيقية في المشروع، أبرزها صفحة «حسابات المنصات» التي تحوي حقل كلمة مرور مع زر إظهار كلمة المرور وزر حفظ (‎.platform-accounts-password-toggle-v‎). ملاحظة تقنية: محدد السمة button[type="submit"] لا يطابق زرًا بلا سمة type حتى وإن كان نوعه الضمني submit داخل نموذج — وهذا مقصود ودفاعي. */ findExplicitSubmitControlV261(scope) { if (!(scope instanceof Element)) { return null; } return scope.querySelector( 'button[type="submit"], input[type="submit"]' ); }, /* المسار (أ): بطاقة دخول Baserow. ‎.login-card‎ صنف حصري لصفحة الدخول ولا يظهر في أي صفحة داخلية، فهو بذاته دليل قوي. يكفي معه كلمة مرور + عنصر قابل للنقر داخل البطاقة — فلا يُفوَّت الدخول إن لم يحمل زر Baserow سمة type صريحة. */ isCoherentLoginCardV261(card) { if (!this.isRenderedElementV261(card)) { return false; } const passwordInput = card.querySelector( 'input[type="password"], input[autocomplete="current-password"]' ); if (!(passwordInput instanceof Element)) { return false; } const scope = passwordInput.closest("form") ?? card; if (this.findExplicitSubmitControlV261(scope)) { return true; } return Boolean( card.querySelector('button, input[type="submit"], [role="button"]') ); }, /* المسار (ب): نموذج بلا بطاقة دخول — المسار الخطر. يتطلب عنصر إرسال صريحًا، ويُرفض كليًا إن وُجد أي جذر داخلي معروف في المستند (دليل سلبي). */ isCoherentLoginFormV261(form) { if (!this.isRenderedElementV261(form)) { return false; } if (this.findInternalRoot()) { return false; } const passwordInput = form.querySelector( 'input[type="password"], input[autocomplete="current-password"]' ); if (!(passwordInput instanceof Element)) { return false; } return Boolean(this.findExplicitSubmitControlV261(form)); }, findLoginRoot() { const cards = [...document.querySelectorAll(".login-card")]; for (const card of cards) { if (this.isCoherentLoginCardV261(card)) { return card; } } /* لا بطاقة دخول: مسار محروس بدليل سلبي وعنصر إرسال صريح. */ const forms = [...document.querySelectorAll("form")]; for (const form of forms) { if (this.isCoherentLoginFormV261(form)) { return form; } } return null; }, /* بوابة رخيصة تسبق الفحص الدقيق: على الصفحات الداخلية تعود بـfalse فورًا بلا أي قياس تخطيط. */ hasAnyLoginMarkerV261() { return Boolean( document.querySelector( '.login-card, input[type="password"], input[autocomplete="current-password"]' ) ); }, findInternalRoot() { return document.querySelector(internalRootSelector); }, warnOnce(message, error) { if (this.warningIssued) { return; } this.warningIssued = true; console.warn(`[QIMAH V223] ${message}`, error ?? ""); }, clearFallbackTimeout() { if (this.fallbackTimeoutId !== null) { window.clearTimeout(this.fallbackTimeoutId); this.fallbackTimeoutId = null; } }, clearInternalConfirmation() { if (this.internalConfirmationTimeoutId !== null) { window.clearTimeout(this.internalConfirmationTimeoutId); this.internalConfirmationTimeoutId = null; } this.transitionToken += 1; if (this.state === "internal-confirming") { this.state = "unknown"; } }, disconnectBootstrapObserver() { this.bootstrapObserver?.disconnect(); this.bootstrapObserver = null; }, flush(queueName) { const queue = this[queueName].splice(0); queue.forEach((callback) => { try { callback(); } catch (error) { this.warnOnce(`Failed to start ${queueName}.`, error); } }); }, /* V265-S1 — حالة دخول واحدة. كانت ثلاث حالات فرعية (pending / ready / native-fallback) تخدم غرضًا بصريًّا واحدًا: إخفاء التركيب الجزئي ثم كشفه. بعد أن صار التصميم مملوكًا لـCSS ومربوطًا ببنية Builder الثابتة، لم يبقَ شيء يُخفى ولا لحظة «جاهزية» تُنتظر — فالثلاثة صارت حالة واحدة، وأصنافها الثلاثة لم يعد يقرأها أي CSS. الحالة الآن تصنيف خالص يخدم دورة الحياة فقط (تفكيك الهيدر الداخلي، والعودة بعد الخروج). */ isLoginState() { return this.state === "login"; }, enterLogin(reason) { if (this.internalAdmissionCompleted || this.state === "internal") { return this.state; } if (this.isLoginState()) { return this.state; } this.clearInternalConfirmation(); this.state = "login"; this.reason = reason; this.classifiedAt = Date.now(); /* V266-S1 — لا يُفصل مراقب الإقلاع هنا. كان يُفصل لأن مراقب وحدة الدخول يتولى ما بعده؛ وقد حُذف ذلك المراقب. الإبقاء على المراقب القائم هو ما يسمح لـ detect() برصد انتقال «دخول -> داخلي». لا primitive جديد: هذا مراقب موجود أصلًا، ويُفصل كما كان عند اعتماد الحالة الداخلية داخل completeInternalAdmission. */ this.flush("loginQueue"); return this.state; }, completeInternalAdmission(reason) { if (this.internalAdmissionCompleted) { return this.state; } if (this.findLoginRoot()) { return this.enterLogin( "login-won-before-internal-admission" ); } this.clearInternalConfirmation(); this.clearFallbackTimeout(); this.disconnectBootstrapObserver(); this.internalAdmissionCompleted = true; this.state = "internal"; this.reason = reason; this.classifiedAt = Date.now(); this.loginQueue.length = 0; this.flush("internalQueue"); return this.state; }, beginInternalConfirmation(reason) { if ( this.internalAdmissionCompleted || this.isLoginState() || this.state === "internal" ) { return this.state; } if (!this.findInternalRoot()) { this.clearInternalConfirmation(); return this.state; } if (this.bootstrapDeadlineReached) { return this.completeInternalAdmission( "internal-root-after-bootstrap-deadline" ); } if ( this.state === "internal-confirming" && this.internalConfirmationTimeoutId !== null ) { return this.state; } this.clearInternalConfirmation(); this.state = "internal-confirming"; this.reason = reason; const token = this.transitionToken + 1; this.transitionToken = token; this.internalConfirmationTimeoutId = window.setTimeout(() => { if ( token !== this.transitionToken || this.state !== "internal-confirming" ) { return; } this.internalConfirmationTimeoutId = null; if (this.findLoginRoot()) { this.enterLogin( "login-won-internal-confirmation-window" ); } else if (this.findInternalRoot()) { this.completeInternalAdmission( "internal-root-confirmed" ); } else { this.state = "unknown"; this.reason = "internal-root-disappeared"; } }, 300); return this.state; }, detect() { if (this.internalAdmissionCompleted || this.state === "internal") { /* بوابة رخيصة: لا مؤشر دخول إطلاقًا -> تبقى الحالة كما هي بلا أي قياس تخطيط على الصفحات الداخلية. */ if (!this.hasAnyLoginMarkerV261()) { return this.state; } /* مؤشر موجود: يُفحص بدقة. الدليل الضعيف أو البقايا المخفية لا تُسقط حالة داخلية صحيحة. */ if (this.findLoginRoot()) { return this.revertToLoginFromInternalV261( "strict-login-evidence-after-internal" ); } return this.state; } if (this.isLoginState()) { /* V266-S1 — انتقال «دخول -> داخلي» بعد نجاح المصادقة. كان يملكه مراقب وحدة الدخول المحذوف. نُقل إلى هنا فلم يعد للدخول مراقب خاص به إطلاقًا. الترتيب مقصود: findInternalRoot استعلام واحد رخيص بلا أي قياس تخطيط، ولا يُدفع ثمن findLoginRoot (الذي يقيس getClientRects) إلا إذا ظهر جذر داخلي فعلًا — أي بعد المصادقة فقط. فعلى صفحة الدخول يخرج فورًا. */ if (this.findInternalRoot() && !this.findLoginRoot()) { return this.promoteLoginToInternal("internal-root-after-login"); } return this.state; } if (this.findLoginRoot()) { return this.enterLogin( "login-authentication-structure" ); } if (this.findInternalRoot()) { return this.beginInternalConfirmation( "internal-root-awaiting-confirmation" ); } if (this.state === "internal-confirming") { this.clearInternalConfirmation(); } return this.state; }, registerInternal(callback) { if (typeof callback !== "function") { return; } if (this.internalAdmissionCompleted) { callback(); } else { this.internalQueue.push(callback); } }, registerLogin(callback) { if (typeof callback !== "function") { return; } /* يُحفظ دائمًا حتى لا يضيع عند اعتماد الحالة الداخلية. */ if (!this.loginStarters.includes(callback)) { this.loginStarters.push(callback); } if (this.isLoginState()) { callback(); } else if (!this.internalAdmissionCompleted) { this.loginQueue.push(callback); } }, /* V261-S3 — العودة من internal إلى login بدليل صارم فقط. completeInternalAdmission يُفرِّغ loginQueue ويفصل مراقب الإقلاع، فبدون هذه الدالة تبقى البوابة internal إلى الأبد بينما نموذج الدخول معروض. الاستدعاء يقع حصرًا بعد تحقق findLoginRoot() الصارم. */ revertToLoginFromInternalV261(reason) { if (!this.internalAdmissionCompleted && this.state !== "internal") { return this.state; } this.internalAdmissionCompleted = false; this.state = "unknown"; this.reason = reason; this.internalQueue.length = 0; const entered = this.enterLogin(reason); /* مشغّل وحدة الدخول idempotent (يحمي نفسه بعلم داخلي)، فإعادة استدعائه لا تُنشئ مراقبًا ولا مستمعًا ثانيًا. */ this.loginStarters.slice().forEach((starter) => { try { starter(); } catch (error) { this.warnOnce("Failed to restart login controller.", error); } }); return entered; }, promoteLoginToInternal(reason) { if (!this.isLoginState()) { return; } if (this.findLoginRoot()) { return; } this.completeInternalAdmission(reason); } }; window[runtimeKey] = runtime; runtime.bootstrapObserver = new MutationObserver(() => { runtime.detect(); }); runtime.bootstrapObserver.observe(document.documentElement, { childList: true, subtree: true }); runtime.fallbackTimeoutId = window.setTimeout(() => { runtime.fallbackTimeoutId = null; runtime.bootstrapDeadlineReached = true; if ( runtime.state === "unknown" || runtime.state === "internal-confirming" ) { if (runtime.findLoginRoot()) { runtime.enterLogin("login-won-at-bootstrap-deadline"); return; } if (runtime.findInternalRoot()) { runtime.completeInternalAdmission( "internal-root-confirmed-at-bootstrap-deadline" ); return; } runtime.clearInternalConfirmation(); runtime.warnOnce( "Context classification timed out without a Login or Internal root; native UI remains visible and admission stays pending." ); } /* V265-S1 — لا فرع بصري هنا بعد الآن. كان يستدعي البديل الأصلي لإظهار نموذج Baserow الخام حين لا تتحقق «الجاهزية». التصميم النهائي صار قائمًا منذ أول رسم، فلا حالة خام يُرجَع إليها ولا جاهزية تُنتظر. المهلة تبقى لغرضها الآخر وحده: حسم التصنيف حين لا يُعثر على أي جذر. */ }, bootstrapTimeoutMs); runtime.detect(); } } /* ==================== V223 MODULE: GLOBAL / RTL / TRANSLATION ==================== */ (() => { "use strict"; const portalRuntimeV222 = window.__QIMAH_PORTAL_RUNTIME_V222__; /* COMPANY PLATFORM ACCOUNTS TAB V6 — COMPANY CARS V6.4 TRUE COMPACT HORIZONTAL */ try { /* ========================================================= ARABIC TRANSLATIONS ========================================================= */ const textTranslations = new Map([ ["Email", "البريد الإلكتروني"], ["Email *", "البريد الإلكتروني أو الرقم الوظيفي *"], ["* Email", "البريد الإلكتروني أو الرقم الوظيفي *"], ["Password *", "كلمة المرور *"], ["* Password", "كلمة المرور *"], ["Email address", "البريد الإلكتروني"], ["Email address *", "البريد الإلكتروني *"], ["Password", "كلمة المرور"], ["Password *", "كلمة المرور *"], ["Log in", "تسجيل الدخول"], ["Login", "تسجيل الدخول"], ["Sign in", "تسجيل الدخول"], ["Show more", "عرض المزيد"], ["No items have been found.", "لا توجد بيانات لعرضها."], ["No items have been found", "لا توجد بيانات لعرضها."], ["Authentication Required", "تسجيل الدخول مطلوب"], ["Authentication required", "تسجيل الدخول مطلوب"], [ "You must be signed in to access this page. Please log in to continue", "يجب تسجيل الدخول للوصول إلى هذه الصفحة. يرجى تسجيل الدخول للمتابعة." ], [ "You must be signed in to access this page. Please log in to continue.", "يجب تسجيل الدخول للوصول إلى هذه الصفحة. يرجى تسجيل الدخول للمتابعة." ], ["Incorrect credentials", "بيانات الدخول غير صحيحة"], ["Invalid credentials", "بيانات الدخول غير صحيحة"], [ "The provided e-mail address or password is incorrect.", "البريد الإلكتروني أو كلمة المرور غير صحيحة." ], [ "The provided e-mail address or password is incorrect", "البريد الإلكتروني أو كلمة المرور غير صحيحة." ], [ "The provided email address or password is incorrect.", "البريد الإلكتروني أو كلمة المرور غير صحيحة." ], [ "The provided email address or password is incorrect", "البريد الإلكتروني أو كلمة المرور غير صحيحة." ], [ "Invalid email or password", "البريد الإلكتروني أو كلمة المرور غير صحيحة." ], [ "Incorrect email or password", "البريد الإلكتروني أو كلمة المرور غير صحيحة." ], ["This field is required.", "هذا الحقل مطلوب."], ["This field is required", "هذا الحقل مطلوب."], ["Field is required", "هذا الحقل مطلوب."], ["Invalid email address", "البريد الإلكتروني غير صحيح"], ["Invalid email", "البريد الإلكتروني غير صحيح"], [ "Please enter a valid e-mail address", "يرجى إدخال بريد إلكتروني صحيح." ], [ "Please enter a valid e-mail address.", "يرجى إدخال بريد إلكتروني صحيح." ], [ "Please enter a valid email address", "يرجى إدخال بريد إلكتروني صحيح." ], [ "Please enter a valid email address.", "يرجى إدخال بريد إلكتروني صحيح." ], ["Incomplete configuration", "الإعدادات غير مكتملة"], [ "Failed to load data. Please check the configuration.", "تعذر تحميل البيانات. يرجى مراجعة الإعدادات." ], ["Something went wrong", "حدث خطأ غير متوقع"], ["Something went wrong.", "حدث خطأ غير متوقع."], ["Close", "إغلاق"], ["Search", "بحث"] ]); const attributeTranslations = new Map([ ["Enter your email...", "أدخل البريد الإلكتروني"], ["Enter your email", "أدخل البريد الإلكتروني"], ["Enter email...", "أدخل البريد الإلكتروني"], ["Enter email", "أدخل البريد الإلكتروني"], ["Enter your password...", "أدخل كلمة المرور"], ["Enter your password", "أدخل كلمة المرور"], ["Enter password...", "أدخل كلمة المرور"], ["Enter password", "أدخل كلمة المرور"], ["Email", "البريد الإلكتروني"], ["Password", "كلمة المرور"], ["Log in", "تسجيل الدخول"], ["Login", "تسجيل الدخول"], ["Sign in", "تسجيل الدخول"], ["Close", "إغلاق"], ["Search", "بحث"] ]); const replacementPatterns = [ { pattern: /Incomplete configuration/gi, replacement: "الإعدادات غير مكتملة" }, { pattern: /Failed to load data:\s*Please check the configuration\.?/gi, replacement: "تعذر تحميل البيانات. يرجى مراجعة الإعدادات." }, { pattern: /Failed to load data\.\s*Please check the configuration\.?/gi, replacement: "تعذر تحميل البيانات. يرجى مراجعة الإعدادات." }, { pattern: /Please enter a valid e-?mail address\.?/gi, replacement: "يرجى إدخال بريد إلكتروني صحيح." } ]; /* ========================================================= SELECT OPTION COLOUR GROUPS ========================================================= */ const successValues = new Set([ "نشطة", "نشط", "فعال", "فعالة", "مفعل", "مفعلة", "ساري", "سارية", "معتمد", "معتمدة", "مكتمل", "مكتملة", "مؤكد", "مؤكدة", "على رأس العمل" ]); const dangerValues = new Set([ "غير نشطة", "غير نشط", "غير فعال", "غير فعالة", "غير مفعل", "غير مفعلة", "متوقفة", "متوقف", "موقوفة", "موقوف", "منتهية", "منتهي", "ملغاة", "ملغي", "مرفوضة", "مرفوض" ]); const warningValues = new Set([ "قيد الانتظار", "قيد المراجعة", "معلقة", "معلق", "بانتظار الموافقة", "مسودة", "قريب الانتهاء", "قريبة الانتهاء" ]); const informationValues = new Set([ "جديدة", "جديد", "قيد التنفيذ", "مفتوحة", "مفتوح", "تحت الإجراء", "تحت المعالجة" ]); const tealValues = new Set([ "شركة تابعة لنا", "شركة تابعة", "تابعة" ]); const blueValues = new Set([ "شركة مستقلة", "مستقلة" ]); const purpleValues = new Set([ "شركة شقيقة", "شركة شريكة", "شقيقة", "شريكة" ]); const goldValues = new Set([ "شركة قابضة", "شركة أم", "قابضة" ]); const fallbackPalette = [ "portal-option-teal", "portal-option-blue", "portal-option-purple", "portal-option-info", "portal-option-warning", "portal-option-gray" ]; /* ========================================================= GENERAL HELPERS ========================================================= */ const normalizeText = (value) => String(value ?? "") .replace(/\s+/g, " ") .trim(); const createStableHash = (value) => { let hash = 0; for (let index = 0; index < value.length; index += 1) { hash = ((hash << 5) - hash + value.charCodeAt(index)) | 0; } return Math.abs(hash); }; const getOptionClass = (value) => { const normalizedValue = normalizeText(value); if (successValues.has(normalizedValue)) { return "portal-option-success"; } if (dangerValues.has(normalizedValue)) { return "portal-option-danger"; } if (warningValues.has(normalizedValue)) { return "portal-option-warning"; } if (informationValues.has(normalizedValue)) { return "portal-option-info"; } if (tealValues.has(normalizedValue)) { return "portal-option-teal"; } if (blueValues.has(normalizedValue)) { return "portal-option-blue"; } if (purpleValues.has(normalizedValue)) { return "portal-option-purple"; } if (goldValues.has(normalizedValue)) { return "portal-option-warning"; } const paletteIndex = createStableHash(normalizedValue) % fallbackPalette.length; return fallbackPalette[paletteIndex]; }; /* ========================================================= TRANSLATION ENGINE ========================================================= */ const translateString = (originalValue) => { try { if (typeof originalValue !== "string") { return originalValue; } const trimmedValue = originalValue.trim(); if (!trimmedValue) { return originalValue; } const exactTranslation = textTranslations.get(trimmedValue); if (exactTranslation) { return originalValue.replace( trimmedValue, exactTranslation ); } let translatedValue = originalValue; replacementPatterns.forEach( ({ pattern, replacement }) => { translatedValue = translatedValue.replace( pattern, replacement ); } ); return translatedValue; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تعريب النص.", error ); return originalValue; } }; const translateTextNode = (node) => { try { if (!(node instanceof Text)) { return; } const originalValue = node.nodeValue; if (!originalValue) { return; } const translatedValue = translateString(originalValue); if ( translatedValue && translatedValue !== originalValue ) { node.nodeValue = translatedValue; } } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تعريب عنصر نصي.", error ); } }; const translateAttribute = ( element, attributeName ) => { try { const originalValue = element.getAttribute(attributeName); if (!originalValue) { return; } const trimmedValue = originalValue.trim(); const translatedValue = attributeTranslations.get(trimmedValue) ?? translateString(originalValue); if ( translatedValue && translatedValue !== originalValue ) { element.setAttribute( attributeName, translatedValue ); } } catch (error) { console.error( `[بوابة إدارة الشركات] تعذر تعريب الخاصية ${attributeName}.`, error ); } }; const translateElementAttributes = (element) => { try { if (!(element instanceof Element)) { return; } translateAttribute(element, "placeholder"); translateAttribute(element, "aria-label"); translateAttribute(element, "title"); if ( element instanceof HTMLInputElement && ["button", "submit"].includes(element.type) ) { const originalValue = element.value?.trim(); if (!originalValue) { return; } const translatedValue = attributeTranslations.get(originalValue) ?? translateString(originalValue); if ( translatedValue && translatedValue !== element.value ) { element.value = translatedValue; } } } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تعريب خصائص العنصر.", error ); } }; const translateTree = ( root = document.body ) => { try { if (!root) { return; } if (root.nodeType === Node.TEXT_NODE) { translateTextNode(root); return; } if ( !( root instanceof Element || root instanceof Document ) ) { return; } if (root instanceof Element) { translateElementAttributes(root); } const textWalker = document.createTreeWalker( root, NodeFilter.SHOW_TEXT ); let currentTextNode = textWalker.nextNode(); while (currentTextNode) { translateTextNode(currentTextNode); currentTextNode = textWalker.nextNode(); } const elements = root.querySelectorAll( [ "[placeholder]", "[aria-label]", "[title]", 'input[type="button"]', 'input[type="submit"]' ].join(",") ); elements.forEach((element) => { translateElementAttributes(element); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تعريب محتوى الصفحة.", error ); } }; /* ========================================================= COMPANIES TABLE DETECTION ========================================================= */ const getCompanyTables = ( root = document ) => { try { const tables = []; if ( root instanceof HTMLTableElement && root.matches( ".companies-table-card" ) ) { tables.push(root); } if ( root instanceof Element && root.matches( ".companies-table-card:not(table)" ) ) { tables.push( ...root.querySelectorAll("table") ); } if ( root instanceof Document || root instanceof Element ) { tables.push( ...root.querySelectorAll( [ "table.companies-table-card", ".companies-table-card table" ].join(",") ) ); } return [...new Set(tables)]; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر العثور على جدول الشركات.", error ); return []; } }; const getSelectableColumnIndexes = ( table ) => { try { let headers = [ ...table.querySelectorAll("thead th") ]; if (headers.length === 0) { headers = [ ...table.querySelectorAll( "tr:first-child th" ) ]; } return headers.reduce( (indexes, header, index) => { const headerText = normalizeText(header.textContent); const isSelectableColumn = headerText.includes("حالة") || headerText.includes("نوع") || headerText.includes("تصنيف") || headerText.includes("فئة") || headerText.includes("مرحلة") || headerText.includes("أولوية"); if (isSelectableColumn) { indexes.push(index); } return indexes; }, [] ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تحديد أعمدة الاختيارات.", error ); return []; } }; /* ========================================================= SELECT BADGE DECORATION ========================================================= */ const decorateOptionCell = (cell) => { try { if ( !( cell instanceof HTMLTableCellElement ) ) { return; } if ( cell.hasAttribute("colspan") || cell.querySelector( "a, button, input, select, textarea" ) ) { return; } const existingBadge = cell.querySelector( ":scope > .portal-option-badge" ); const value = normalizeText( existingBadge ? existingBadge.textContent : cell.textContent ); if (!value) { return; } const optionClass = getOptionClass(value); const expectedClassName = `portal-option-badge ${optionClass}`; if (existingBadge) { if ( existingBadge.className !== expectedClassName ) { existingBadge.className = expectedClassName; } if ( existingBadge.textContent !== value ) { existingBadge.textContent = value; } return; } const badge = document.createElement("span"); badge.className = expectedClassName; badge.textContent = value; badge.setAttribute( "aria-label", value ); cell.replaceChildren(badge); cell.dataset.portalOptionDecorated = "true"; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تنسيق قيمة الاختيار.", error ); } }; const decorateCompanyTables = ( root = document ) => { try { const tables = getCompanyTables(root); tables.forEach((table) => { const selectableIndexes = getSelectableColumnIndexes(table); if ( selectableIndexes.length === 0 ) { return; } const rows = [ ...table.querySelectorAll( "tbody tr" ) ]; rows.forEach((row) => { const cells = [ ...row.querySelectorAll( ":scope > td" ) ]; selectableIndexes.forEach( (columnIndex) => { const cell = cells[columnIndex]; if (cell) { decorateOptionCell(cell); } } ); }); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تنسيق اختيارات الجدول.", error ); } }; /* ========================================================= TABLE ALIGNMENT ========================================================= */ const alignCompanyTables = () => { try { getCompanyTables(document).forEach( (table) => { table .querySelectorAll("th, td") .forEach((cell) => { cell.style.textAlign = "center"; cell.style.verticalAlign = "middle"; }); } ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر توسيط محتوى الجدول.", error ); } }; /* ==================== V220 MODULE: ALL COMPANIES ==================== */ /* ========================================================= ALL COMPANIES — ENTERPRISE DASHBOARD V127 Visual enhancement and local search only. ========================================================= */ const companiesWorkspaceSelectorsV121 = { title: ".companies-page-title", subtitle: ".companies-page-subtitle", tableCard: ".companies-table-card", header: "#companies-enterprise-header-v121", overview: "#companies-overview-v124", stats: "#companies-stats-v121", insights: "#companies-insights-v125", filterButton: ".companies-filter-button-v125", toolbar: "#companies-toolbar-v121", search: "#companies-search-input-v121", clear: "#companies-search-clear-v121", empty: "#companies-search-empty-v121" }; const createCompaniesElementV121 = (tagName, className, text = "") => { const element = document.createElement(tagName); element.className = className; if (text) { element.textContent = text; } return element; }; const createCompaniesSvgV121 = (paths, viewBox = "0 0 24 24") => { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("viewBox", viewBox); svg.setAttribute("aria-hidden", "true"); svg.setAttribute("focusable", "false"); paths.forEach((attributes) => { const tagName = attributes.tag || "path"; const shape = document.createElementNS("http://www.w3.org/2000/svg", tagName); Object.entries(attributes).forEach(([name, value]) => { if (name !== "tag") { shape.setAttribute(name, value); } }); svg.appendChild(shape); }); return svg; }; const companiesIconsV121 = { brand: () => { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("viewBox", "0 0 64 64"); svg.setAttribute("aria-hidden", "true"); [0, 60, 120].forEach((rotation) => { const ellipse = document.createElementNS("http://www.w3.org/2000/svg", "ellipse"); ellipse.setAttribute("cx", "32"); ellipse.setAttribute("cy", "32"); ellipse.setAttribute("rx", "24"); ellipse.setAttribute("ry", "10"); ellipse.setAttribute("transform", `rotate(${rotation} 32 32)`); svg.appendChild(ellipse); }); return svg; }, logout: () => createCompaniesSvgV121([ { d: "M10 17l5-5-5-5" }, { d: "M15 12H3" }, { d: "M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4" } ]), building: () => createCompaniesSvgV121([ { d: "M3 21h18" }, { d: "M6 21V4h9v17" }, { d: "M15 9h3v12" }, { d: "M9 8h2" }, { d: "M9 12h2" }, { d: "M9 16h2" } ]), shield: () => createCompaniesSvgV121([ { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }, { d: "M9 12l2 2 4-4" } ]), file: () => createCompaniesSvgV121([ { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, { d: "M14 2v6h6" }, { d: "M8 13h8" }, { d: "M8 17h6" } ]), search: () => createCompaniesSvgV121([ { tag: "circle", cx: "11", cy: "11", r: "7" }, { d: "M20 20l-3.5-3.5" } ]), visible: () => createCompaniesSvgV121([ { d: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12" }, { tag: "circle", cx: "12", cy: "12", r: "2.5" } ]) }; const getCompaniesPageElementsV121 = () => ({ title: document.querySelector(companiesWorkspaceSelectorsV121.title), subtitle: document.querySelector(companiesWorkspaceSelectorsV121.subtitle), tableCard: document.querySelector(companiesWorkspaceSelectorsV121.tableCard), table: getCompanyTables(document)[0] ?? null }); const getCompaniesRowsV121 = (table) => { if (!(table instanceof HTMLTableElement)) { return []; } return [...table.querySelectorAll("tbody tr")].filter((row) => { const cells = [...row.querySelectorAll(":scope > td")]; return cells.length > 0 && !cells.some((cell) => cell.hasAttribute("colspan")); }); }; const getCompaniesHeaderIndexesV121 = (table) => { if (!(table instanceof HTMLTableElement)) { return { search: [], status: -1, type: -1, registration: -1, qiwa: -1, insurance: -1, file: -1 }; } const headers = [...table.querySelectorAll("thead th")]; const searchIndexes = []; let statusIndex = -1; let typeIndex = -1; let registrationIndex = -1; let qiwaIndex = -1; let insuranceIndex = -1; let fileIndex = -1; headers.forEach((header, index) => { const text = normalizeText(header.textContent); if ( text.includes("الاسم القانوني") || text.includes("اسم المنشأة") || text.includes("اسم العلامة") || text.includes("السجل") || text.includes("رقم المنشأة") || text.includes("الرقم المميز") ) { searchIndexes.push(index); } if (statusIndex < 0 && text.includes("حالة")) { statusIndex = index; } if (typeIndex < 0 && text.includes("نوع") && text.includes("الشركة")) { typeIndex = index; } if (registrationIndex < 0 && text.includes("السجل") && text.includes("التجاري")) { registrationIndex = index; } if (qiwaIndex < 0 && text.includes("قوى")) { qiwaIndex = index; } if (insuranceIndex < 0 && text.includes("التأمينات")) { insuranceIndex = index; } if (fileIndex < 0 && (text.includes("فتح الملف") || text.includes("المرفق") || text.includes("الملف"))) { fileIndex = index; } }); return { search: searchIndexes.length > 0 ? searchIndexes : headers.map((_, index) => index), status: statusIndex, type: typeIndex, registration: registrationIndex, qiwa: qiwaIndex, insurance: insuranceIndex, file: fileIndex }; }; const normalizeCompaniesSearchV121 = (value) => String(value ?? "") .normalize("NFKC") .replace(/[أإآ]/g, "ا") .replace(/ى/g, "ي") .replace(/ة/g, "ه") .replace(/[\u061C\u200B-\u200F\u2060\u2066-\u2069\uFEFF]/g, "") .replace(/\s+/g, " ") .trim() .toLowerCase(); let companiesActiveFilterV125 = "all"; const isCompaniesStatusActiveV125 = (value) => { const text = normalizeCompaniesSearchV121(value); return /(نشط|نشطه|فعال|فعاله|ساري|ساريه|معتمد|معتمده)/.test(text) && !/غير/.test(text); }; const isCompaniesCellFilledV125 = (cell, { file = false } = {}) => { if (!(cell instanceof HTMLTableCellElement)) { return false; } if (file) { const link = cell.querySelector("a[href]"); const href = String(link?.getAttribute("href") ?? "").trim(); return Boolean(href && href !== "#" && !href.startsWith("javascript:")); } const value = normalizeCompaniesSearchV121(cell.textContent); return Boolean(value && !/^(لا يوجد|غير متوفر|غير متاح|—|-)$/.test(value)); }; const matchesCompaniesQuickFilterV125 = ({ statusText, typeText }) => { const active = isCompaniesStatusActiveV125(statusText); const normalizedType = normalizeCompaniesSearchV121(typeText); switch (companiesActiveFilterV125) { case "active": return active; case "inactive": return !active; case "subsidiary": return /تابع(ه|ة)? لنا|شركه تابعه/.test(normalizedType); case "client": return /عميل/.test(normalizedType); default: return true; } }; /* ========================================================= V259-S1B — ملكية زر الخروج الخارجي وهدفه البصري. عقدة Builder الأصلية (.company-licenses-logout-button) هي المالك القانوني لإجراء Logout، وتُنقل كما هي إلى شريط إجراءات الترويسة. لا وكيل، ولا clone، ولا إعادة توجيه نقر. S1B يصحّح الهدف البصري فقط: إن كانت العقدة الأصلية غلافًا يحتوي زرًا فعليًا، يُنقل صنف العرض من الغلاف إلى الزر الداخلي — فيختفي «الغلاف الأخضر حول زر أزرق». قواعد .companies-header-logout-v121 في CSS القانوني كلها class-only بـ!important، فتعمل على button أو a أو [role=button] دون أي تعديل في CSS. لا مؤقت ولا مراقب ولا مستمع جديد — تعمل ضمن دورة updateCompaniesWorkspaceV121 القائمة. ========================================================= */ const COMPANIES_LOGOUT_VISUAL_CLASS_V259 = "companies-header-logout-v121"; const resolveCompaniesLogoutVisualTargetV259 = (original) => { if (!(original instanceof HTMLElement)) { return null; } /* العقدة نفسها قابلة للنقر: هي الهدف البصري. */ if (original.matches("button, a, [role='button']")) { return original; } /* غلاف Builder: الهدف هو أول عنصر قابل للنقر بداخله، أيًّا كان عمقه — بلا افتراض عمق ثابت. */ const nested = original.querySelector("button, a, [role='button']"); return nested instanceof HTMLElement ? nested : null; }; const ensureCompaniesLogoutOwnershipV259 = (header) => { if (!(header instanceof HTMLElement)) { return null; } const actions = header.querySelector(".companies-header-actions-v121"); if (!(actions instanceof HTMLElement)) { return null; } /* أي وكيل متبقٍ من تنفيذ سابق يُزال: مالك واحد فقط. */ document .querySelectorAll("[data-companies-runtime-logout='true']") .forEach((proxy) => proxy.remove()); const original = document.querySelector(".company-licenses-logout-button"); /* لم يرسم Builder الزر بعد: لا يُصنع بديل، وتُترك المنطقة فارغة مؤقتًا حتى تتبنّاه الدورة التالية. */ if (!(original instanceof HTMLElement)) { return null; } /* النقل idempotent: لا فصل ولا إعادة إلحاق بعد الاستقرار. */ if (original.parentElement !== actions) { actions.appendChild(original); } const visualTarget = resolveCompaniesLogoutVisualTargetV259(original); /* لا عنصر قابل للنقر بالداخل: يبقى السلوك الوظيفي كما هو ولا يُصنع زر آخر. */ if (!(visualTarget instanceof HTMLElement)) { original.classList.add(COMPANIES_LOGOUT_VISUAL_CLASS_V259); return original; } /* صنف Builder يبقى على الغلاف، وصنف العرض ينتقل إلى الزر الفعلي — فلا تبقى قشرة خضراء حول زر أزرق. */ if (visualTarget !== original) { original.classList.remove(COMPANIES_LOGOUT_VISUAL_CLASS_V259); } visualTarget.classList.add(COMPANIES_LOGOUT_VISUAL_CLASS_V259); /* CSS القانوني يُحجّم svg داخل الزر ولا يوفّر أيقونة عبر pseudo-element، فتُدرَج أيقونة الخروج القائمة مرة واحدة. وجود أي svg مسبقًا يمنع الإدراج — فلا تتكرر أبدًا. */ if ( !visualTarget.querySelector("svg") && typeof companiesIconsV121?.logout === "function" ) { const icon = companiesIconsV121.logout(); if (icon) { icon.setAttribute("data-companies-logout-icon", "v259"); icon.setAttribute("aria-hidden", "true"); visualTarget.prepend(icon); } } return visualTarget; }; const ensureCompaniesHeaderV121 = (title) => { let header = document.querySelector(companiesWorkspaceSelectorsV121.header); if (header instanceof HTMLElement) { ensureCompaniesLogoutOwnershipV259(header); return header; } header = createCompaniesElementV121("header", "companies-enterprise-header-v121"); header.id = "companies-enterprise-header-v121"; header.setAttribute("role", "banner"); header.setAttribute("dir", "rtl"); header.setAttribute("aria-label", "رأس بوابة إدارة الشركات"); const identity = createCompaniesElementV121("section", "companies-header-identity-v121"); const logo = createCompaniesElementV121("span", "companies-header-logo-v121"); logo.appendChild(companiesIconsV121.brand()); const identityCopy = createCompaniesElementV121("span", "companies-header-identity-copy-v121"); const brand = createCompaniesElementV121("strong", "companies-header-brand-v121", "شركة قمة التحكم التجارية"); const brandEn = createCompaniesElementV121( "span", "companies-header-brand-en-v121", "Commercial Control Summit Company" ); identityCopy.append(brand, brandEn); identity.append(logo, identityCopy); const context = createCompaniesElementV121( "div", "companies-header-context-v121", "بوابة إدارة الشركات" ); /* V259-S1: لا يُنشأ زر خروج اصطناعي. الحاوية تُملأ بعقدة Builder الأصلية عبر ensureCompaniesLogoutOwnershipV259. */ const actions = createCompaniesElementV121("section", "companies-header-actions-v121"); header.append(identity, context, actions); title.parentNode?.insertBefore(header, title); ensureCompaniesLogoutOwnershipV259(header); return header; }; const ensureCompaniesStatsV121 = (tableCard) => { let stats = document.querySelector(companiesWorkspaceSelectorsV121.stats); if (stats instanceof HTMLElement) { return stats; } stats = createCompaniesElementV121("section", "companies-stats-v121"); stats.id = "companies-stats-v121"; stats.setAttribute("aria-label", "ملخص بيانات الشركات"); const definitions = [ ["total", "إجمالي الشركات", "شركة", companiesIconsV121.building], ["active", "الشركات النشطة", "شركة نشطة", companiesIconsV121.shield], ["files", "الملفات المتاحة", "ملف متاح", companiesIconsV121.file], ["visible", "النتائج الظاهرة", "نتيجة", companiesIconsV121.visible] ]; definitions.forEach(([key, labelText, unitText, iconFactory]) => { const card = createCompaniesElementV121("article", "companies-stat-card-v121"); card.dataset.stat = key; const icon = createCompaniesElementV121("span", "companies-stat-icon-v121"); icon.appendChild(iconFactory()); const label = createCompaniesElementV121("span", "companies-stat-label-v121", labelText); const value = createCompaniesElementV121("strong", "companies-stat-value-v121", "0"); value.dataset.statValue = key; const unit = createCompaniesElementV121("span", "companies-stat-unit-v121", unitText); card.append(icon, label, value, unit); stats.appendChild(card); }); tableCard.parentNode?.insertBefore(stats, tableCard); return stats; }; const markCompaniesEmptyLayoutShellV125 = (element) => { if (!(element instanceof HTMLElement)) { return; } if ( element.matches("body, main, .application, .page") || element.querySelector("table, form, input, button, a, img, svg") || normalizeText(element.textContent) ) { return; } element.classList.add("companies-layout-empty-shell-v125"); }; const ensureCompaniesOverviewV124 = ( title, subtitle, stats, tableCard ) => { let overview = document.querySelector( companiesWorkspaceSelectorsV121.overview ); if (!(overview instanceof HTMLElement)) { overview = createCompaniesElementV121( "section", "companies-overview-v124" ); overview.id = "companies-overview-v124"; overview.setAttribute( "aria-label", "ملخص إدارة الشركات" ); tableCard.parentNode?.insertBefore(overview, tableCard); } let copy = overview.querySelector( ":scope > .companies-overview-copy-v124" ); if (!(copy instanceof HTMLElement)) { copy = createCompaniesElementV121( "section", "companies-overview-copy-v124" ); overview.prepend(copy); } const titleHost = title.parentElement; const subtitleHost = subtitle instanceof Element ? subtitle.parentElement : null; if (title.parentElement !== copy) { copy.appendChild(title); } if (subtitle instanceof Element && subtitle.parentElement !== copy) { copy.appendChild(subtitle); } if (stats.parentElement !== overview) { overview.appendChild(stats); } [titleHost, subtitleHost].forEach((host) => { if (host && host !== copy && host !== overview) { markCompaniesEmptyLayoutShellV125(host); } }); return overview; }; const ensureCompaniesInsightsV125 = (tableCard) => { let insights = document.querySelector(companiesWorkspaceSelectorsV121.insights); if (insights instanceof HTMLElement) { return insights; } insights = createCompaniesElementV121("section", "companies-insights-v125"); insights.id = "companies-insights-v125"; insights.setAttribute("aria-label", "التحليل التشغيلي لبيانات الشركات"); const distribution = createCompaniesElementV121( "article", "companies-insight-card-v125 companies-insight-distribution-v125" ); distribution.append( createCompaniesElementV121("h3", "companies-insight-heading-v125", "توزيع الشركات"), createCompaniesElementV121("p", "companies-insight-caption-v125", "تحديث مباشر من السجلات المحملة") ); const distributionBody = createCompaniesElementV121("div", "companies-distribution-body-v125"); const donut = createCompaniesElementV121("div", "companies-distribution-donut-v125"); donut.dataset.companiesDistributionDonut = "true"; const donutTotal = createCompaniesElementV121("strong", "companies-distribution-total-v125", "0"); donutTotal.dataset.companiesDistributionTotal = "true"; donut.appendChild(donutTotal); const legend = createCompaniesElementV121("div", "companies-distribution-legend-v125"); [["active", "نشطة"], ["inactive", "غير نشطة"]].forEach(([kind, labelText]) => { const item = createCompaniesElementV121("div", "companies-distribution-item-v125"); item.dataset.kind = kind; const dot = createCompaniesElementV121("span", "companies-distribution-dot-v125"); const label = createCompaniesElementV121("span", "companies-distribution-label-v125", labelText); const value = createCompaniesElementV121("strong", "companies-distribution-value-v125", "0"); value.dataset.companiesDistributionValue = kind; item.append(dot, label, value); legend.appendChild(item); }); distributionBody.append(donut, legend); distribution.appendChild(distributionBody); const completeness = createCompaniesElementV121( "article", "companies-insight-card-v125 companies-insight-completeness-v125" ); completeness.append( createCompaniesElementV121("h3", "companies-insight-heading-v125", "اكتمال بيانات الشركات"), createCompaniesElementV121("p", "companies-insight-caption-v125", "نسبة الحقول المتوفرة في السجلات المحملة") ); const completenessGrid = createCompaniesElementV121("div", "companies-completeness-grid-v125"); [ ["registration", "السجل التجاري"], ["qiwa", "رقم المنشأة في قوى"], ["insurance", "رقم التأمينات"], ["file", "ملف المنشأة"] ].forEach(([key, labelText]) => { const item = createCompaniesElementV121("div", "companies-completeness-item-v125"); item.dataset.companiesCompleteness = key; const line = createCompaniesElementV121("div", "companies-completeness-line-v125"); const label = createCompaniesElementV121("span", "companies-completeness-label-v125", labelText); const value = createCompaniesElementV121("strong", "companies-completeness-value-v125", "0%"); value.dataset.companiesCompletenessValue = key; line.append(label, value); const track = createCompaniesElementV121("div", "companies-progress-track-v125"); const fill = createCompaniesElementV121("span", "companies-progress-fill-v125"); fill.dataset.companiesCompletenessFill = key; track.appendChild(fill); item.append(line, track); completenessGrid.appendChild(item); }); completeness.appendChild(completenessGrid); const filters = createCompaniesElementV121( "article", "companies-insight-card-v125 companies-insight-filters-v125" ); filters.append( createCompaniesElementV121("h3", "companies-insight-heading-v125", "فلاتر سريعة"), createCompaniesElementV121("p", "companies-insight-caption-v125", "صفِّ الجدول مع استمرار البحث المباشر") ); const filterList = createCompaniesElementV121("div", "companies-filter-list-v125"); [ ["all", "الكل"], ["active", "النشطة"], ["inactive", "غير النشطة"], ["subsidiary", "الشركات التابعة لنا"], ["client", "شركات العملاء"] ].forEach(([key, labelText]) => { const button = createCompaniesElementV121("button", "companies-filter-button-v125", labelText); button.type = "button"; button.dataset.companiesQuickFilter = key; button.classList.toggle("is-active", key === companiesActiveFilterV125); button.setAttribute("aria-pressed", String(key === companiesActiveFilterV125)); filterList.appendChild(button); }); filters.append( filterList, createCompaniesElementV121("small", "companies-filter-note-v125", "تُطبق الفلاتر على السجلات المحملة حاليًا.") ); insights.append(distribution, completeness, filters); tableCard.parentNode?.insertBefore(insights, tableCard); return insights; }; /* V233 — ينقل نفس عنصر زر «إضافة شركة» (بلا clone) إلى شريط الأدوات بعد كارت عدد السجلات. idempotent ويعمل ضمن دورة updateCompaniesWorkspaceV121 القائمة، بلا Observer أو Timer جديد. */ const ensureCompaniesAddButtonPlacementV233 = (toolbar) => { if (!(toolbar instanceof HTMLElement)) return; const button = document.querySelector(".companies-add-company-button"); if (!(button instanceof HTMLElement) || button.parentElement === toolbar) { return; } const previousParent = button.parentElement; /* نقل نفس الـnode: المستمعات وروابط Baserow تبقى كما هي. */ toolbar.appendChild(button); if (previousParent instanceof HTMLElement && previousParent !== toolbar) { const stillUsed = previousParent.children.length > 0 || String(previousParent.textContent ?? "").trim().length > 0; previousParent.classList.toggle( "companies-add-button-empty-slot-v233", !stillUsed ); } }; const ensureCompaniesToolbarV121 = (tableCard, table) => { let toolbar = document.querySelector(companiesWorkspaceSelectorsV121.toolbar); if (toolbar instanceof HTMLElement) { ensureCompaniesAddButtonPlacementV233(toolbar); return toolbar; } toolbar = createCompaniesElementV121("section", "companies-toolbar-v121"); toolbar.id = "companies-toolbar-v121"; toolbar.setAttribute("aria-label", "البحث في بيانات الشركات"); const searchShell = createCompaniesElementV121("div", "companies-search-shell-v121"); const searchIcon = createCompaniesElementV121("span", "companies-search-icon-v121"); searchIcon.appendChild(companiesIconsV121.search()); const input = createCompaniesElementV121("input", "companies-search-input-v121"); input.id = "companies-search-input-v121"; input.type = "search"; input.placeholder = "ابحث باسم المنشأة أو رقم السجل..."; input.setAttribute("aria-label", "البحث باسم المنشأة أو رقم السجل"); input.setAttribute("autocomplete", "off"); input.setAttribute("dir", "rtl"); const clear = createCompaniesElementV121("button", "companies-search-clear-v121", "×"); clear.id = "companies-search-clear-v121"; clear.type = "button"; clear.hidden = true; clear.setAttribute("aria-label", "مسح البحث"); clear.setAttribute("title", "مسح البحث"); searchShell.append(searchIcon, input, clear); const count = createCompaniesElementV121("span", "companies-records-count-v121", "0 سجل"); count.dataset.companiesRecordsCount = "true"; count.setAttribute("aria-live", "polite"); toolbar.append(searchShell, count); const target = tableCard instanceof HTMLTableElement ? tableCard : table; target?.parentNode?.insertBefore(toolbar, target); const empty = createCompaniesElementV121( "div", "companies-search-empty-v121", "لا توجد شركات مطابقة لعبارة البحث الحالية." ); empty.id = "companies-search-empty-v121"; empty.setAttribute("role", "status"); empty.setAttribute("aria-live", "polite"); table?.parentNode?.insertBefore(empty, table.nextSibling); ensureCompaniesAddButtonPlacementV233(toolbar); return toolbar; }; /* V259-S1: حُذف getOriginalCompaniesLogoutV121 — كان يخدم إعادة توجيه النقر من الوكيل، ولم يعد له مستدعٍ بعد اعتماد عقدة Builder الأصلية مباشرةً. (دوال الخروج الداخلية لم تُمَس.) */ /* ========================================================= ALL COMPANIES — TABLE STRUCTURE AND SPA OPEN V128 Resolves the exact Baserow source row once, then navigates through the current Baserow/Nuxt router without reloading the document or losing the authenticated application session. ========================================================= */ const companiesResolvedIdCacheV127 = new Map(); let companiesNuxtDataCacheV127; const normalizeCompaniesIdV126 = (value) => { const text = String(value ?? "").trim(); return /^\d+$/.test(text) && Number(text) > 0 ? text : ""; }; const getCompaniesColumnKeyV126 = (headerText) => { const text = normalizeText(headerText); if (text.includes("اسم المنشأة") || text.includes("الاسم القانوني")) return "name"; if (text.includes("السجل") && text.includes("التجاري")) return "registration"; if (text.includes("العلامة") && text.includes("التجارية")) return "brand"; if (text.includes("نوع") && text.includes("الشركة")) return "type"; if (text.includes("حالة") && text.includes("الشركة")) return "status"; if (text.includes("قوى")) return "qiwa"; if (text.includes("التأمينات")) return "insurance"; if (text.includes("فتح الشركة")) return "open"; return "other"; }; const getCompaniesRowIdentityV127 = (row) => { const table = row.closest("table"); const headers = table instanceof HTMLTableElement ? [...table.querySelectorAll("thead th")] : []; const values = {}; const allTokens = []; [...row.querySelectorAll(":scope > td")].forEach((cell, index) => { const key = cell.dataset.companiesColumnKey || getCompaniesColumnKeyV126(headers[index]?.textContent ?? ""); const value = normalizeCompaniesSearchV121(cell.textContent); if (value && key !== "open") { values[key] = value; if (value.length >= 2) allTokens.push(value); } }); const strongTokens = [ values.registration, values.name, values.brand ].filter((value) => value && value.length >= 2); const cacheKey = [ values.registration, values.name, values.brand, values.type ].filter(Boolean).join("|"); return { values, strongTokens: [...new Set(strongTokens)], allTokens: [...new Set(allTokens)], cacheKey }; }; const readCompaniesIdFromElementV127 = (element) => { if (!(element instanceof Element)) return ""; const values = [ element.dataset.companyId, element.dataset.companyid, element.dataset.rowId, element.dataset.rowid, element.dataset.recordId, element.dataset.recordid, element.dataset.itemId, element.dataset.itemid, element.dataset.sourceRowId, element.dataset.sourcerowid, element.dataset.id ]; for (const value of values) { const id = normalizeCompaniesIdV126(value); if (id) return id; } for (const attribute of [...element.attributes]) { if (!/(^|[-_:])(company|row|record|item|source)[-_:]?(id)($|[-_:])/i.test(attribute.name)) { continue; } const id = normalizeCompaniesIdV126(attribute.value); if (id) return id; } return ""; }; const readCompaniesIdFromDomV127 = (row) => { const routeLink = [...row.querySelectorAll("a[href]")].find((anchor) => { try { return /\/company\/\d+(?:[/?#]|$)/i.test( new URL(anchor.href, window.location.href).pathname ); } catch (error) { return false; } }); if (routeLink instanceof HTMLAnchorElement) { const match = new URL(routeLink.href, window.location.href) .pathname .match(/\/company\/(\d+)(?:[/?#]|$)/i); if (match?.[1]) return match[1]; } const descendants = [row, ...row.querySelectorAll("*")].slice(0, 120); for (const element of descendants) { const id = readCompaniesIdFromElementV127(element); if (id) return id; } let ancestor = row.parentElement; let levels = 0; while (ancestor && levels < 12) { const id = readCompaniesIdFromElementV127(ancestor); if (id) return id; ancestor = ancestor.parentElement; levels += 1; } return ""; }; const getCompaniesDirectScalarTextV127 = (value) => { if (!value || typeof value !== "object") return ""; const parts = []; let entries = []; try { entries = value instanceof Map ? [...value.entries()].slice(0, 90) : Object.entries(value).slice(0, 100); } catch (error) { return ""; } for (const [key, child] of entries) { if (/^(id|rowId|row_id|recordId|record_id|itemId|item_id|sourceRowId|source_row_id)$/i.test(String(key))) { continue; } if (["string", "number", "boolean"].includes(typeof child)) { parts.push(String(child)); continue; } if (Array.isArray(child) && child.length <= 12) { child.forEach((item) => { if (["string", "number", "boolean"].includes(typeof item)) { parts.push(String(item)); } }); } } return normalizeCompaniesSearchV121(parts.join(" ")); }; const getCompaniesNestedScalarTextV127 = ( value, depth = 0, seen = new WeakSet(), budget = { count: 0 } ) => { if (value == null || depth > 5 || budget.count > 650) return ""; if (["string", "number", "boolean"].includes(typeof value)) { budget.count += 1; return normalizeCompaniesSearchV121(value); } if (typeof value !== "object" || value instanceof Node || seen.has(value)) { return ""; } seen.add(value); budget.count += 1; const parts = []; let entries = []; try { if (value instanceof Map) { entries = [...value.entries()].slice(0, 100); } else if (value instanceof Set) { entries = [...value.values()].slice(0, 100).map((item, index) => [String(index), item]); } else { entries = Object.entries(value).slice(0, 120); } } catch (error) { return ""; } for (const [key, child] of entries) { if (/^(parent|vnode|subTree|component|appContext|provides|children)$/i.test(String(key))) { continue; } const text = getCompaniesNestedScalarTextV127( child, depth + 1, seen, budget ); if (text) parts.push(text); if (parts.join(" ").length > 12000) break; } return normalizeCompaniesSearchV121(parts.join(" ")); }; const readCompaniesObjectIdV127 = (value) => { if (!value || typeof value !== "object") return ""; const keys = [ "id", "rowId", "row_id", "recordId", "record_id", "itemId", "item_id", "sourceRowId", "source_row_id" ]; for (const key of keys) { let candidate; try { candidate = value[key]; } catch (error) { candidate = undefined; } const id = normalizeCompaniesIdV126(candidate); if (id) return id; } return ""; }; const scoreCompaniesRecordCandidateV127 = (value, identity) => { const id = readCompaniesObjectIdV127(value); if (!id) return null; const directText = getCompaniesDirectScalarTextV127(value); const nestedText = getCompaniesNestedScalarTextV127(value); const { registration = "", name = "", brand = "", type = "" } = identity.values; let score = 0; let hasStrongMatch = false; if (registration) { if (directText.includes(registration)) { score += 130; hasStrongMatch = true; } else if (nestedText.includes(registration)) { score += 55; hasStrongMatch = true; } } if (name) { if (directText.includes(name)) { score += 110; hasStrongMatch = true; } else if (nestedText.includes(name)) { score += 45; hasStrongMatch = true; } } if (brand) { if (directText.includes(brand)) score += 34; else if (nestedText.includes(brand)) score += 12; } if (type) { if (directText.includes(type)) score += 12; else if (nestedText.includes(type)) score += 4; } if (!hasStrongMatch && identity.strongTokens.length > 0) return null; let keys = []; try { keys = Object.keys(value); } catch (error) { keys = []; } if (keys.some((key) => /^(results?|items?|rows?|records?|dataSources?)$/i.test(key))) { score -= 28; } if (keys.some((key) => /^(field_|field\d+|values?|fields?)$/i.test(key))) { score += 8; } return { id, score }; }; const collectCompaniesRuntimeRootsV127 = (row) => { const roots = []; const added = new Set(); const add = (value) => { if (!value || (!["object", "function"].includes(typeof value)) || added.has(value)) { return; } added.add(value); roots.push(value); }; const elements = [row, ...row.querySelectorAll("*")].slice(0, 100); let ancestor = row.parentElement; let levels = 0; while (ancestor && levels < 12) { elements.push(ancestor); ancestor = ancestor.parentElement; levels += 1; } elements.forEach((element) => { let ownNames = []; try { ownNames = Object.getOwnPropertyNames(element); } catch (error) { ownNames = []; } ownNames.forEach((name) => { if (/^(__vue|__vnode|_vei|__react|__nuxt)/i.test(name)) { try { add(element[name]); } catch (error) { /* ignored */ } } }); let component = element.__vueParentComponent ?? null; let componentLevels = 0; while (component && componentLevels < 10) { add(component); add(component.props); add(component.setupState); add(component.ctx); add(component.data); add(component.vnode?.props); component = component.parent ?? null; componentLevels += 1; } }); const nuxtHost = document.querySelector("#__nuxt"); add(nuxtHost?.__vue_app__); add(nuxtHost?.__vue_app__?._instance); add(nuxtHost?.__vue_app__?._context); add(document.documentElement.__vue_app__); add(window.$nuxt); add(window.__NUXT__); if (companiesNuxtDataCacheV127 === undefined) { companiesNuxtDataCacheV127 = null; const nuxtData = document.querySelector("#__NUXT_DATA__"); if (nuxtData?.textContent) { try { companiesNuxtDataCacheV127 = JSON.parse(nuxtData.textContent); } catch (error) { companiesNuxtDataCacheV127 = null; } } } add(companiesNuxtDataCacheV127); return roots; }; const findCompaniesRecordIdInRuntimeV127 = (row, identity) => { const roots = collectCompaniesRuntimeRootsV127(row); const queue = roots.map((value) => ({ value, depth: 0 })); const seen = new WeakSet(); let inspected = 0; let best = null; while (queue.length > 0 && inspected < 12000) { const current = queue.shift(); const value = current?.value; const depth = current?.depth ?? 0; if (!value || typeof value !== "object" || value instanceof Node || seen.has(value)) { continue; } seen.add(value); inspected += 1; const candidate = scoreCompaniesRecordCandidateV127(value, identity); if (candidate && (!best || candidate.score > best.score)) { best = candidate; if (candidate.score >= 220) break; } if (depth >= 9) continue; let entries = []; try { if (value instanceof Map) { entries = [...value.entries()].slice(0, 180); } else if (value instanceof Set) { entries = [...value.values()].slice(0, 180).map((item, index) => [String(index), item]); } else { entries = Object.entries(value).slice(0, 220); } } catch (error) { entries = []; } for (const [key, child] of entries) { if (!child || typeof child !== "object" || child instanceof Node) continue; if (/^(parent|vnode|subTree|component|appContext|children)$/i.test(String(key))) continue; queue.push({ value: child, depth: depth + 1 }); } } return best && best.score >= 70 ? best.id : ""; }; const resolveCompaniesRowIdV127 = (row, { deep = false } = {}) => { const cachedOnRow = normalizeCompaniesIdV126(row.dataset.companiesCompanyIdV127); if (cachedOnRow) return cachedOnRow; const identity = getCompaniesRowIdentityV127(row); const cachedByIdentity = normalizeCompaniesIdV126( companiesResolvedIdCacheV127.get(identity.cacheKey) ); if (cachedByIdentity) { row.dataset.companiesCompanyIdV127 = cachedByIdentity; return cachedByIdentity; } const domId = readCompaniesIdFromDomV127(row); if (domId) { row.dataset.companiesCompanyIdV127 = domId; if (identity.cacheKey) companiesResolvedIdCacheV127.set(identity.cacheKey, domId); return domId; } if (!deep) return ""; const runtimeId = findCompaniesRecordIdInRuntimeV127(row, identity); if (runtimeId) { row.dataset.companiesCompanyIdV127 = runtimeId; if (identity.cacheKey) companiesResolvedIdCacheV127.set(identity.cacheKey, runtimeId); return runtimeId; } return ""; }; const buildCompaniesProfileUrlV126 = (companyId) => { const id = normalizeCompaniesIdV126(companyId); if (!id) return ""; const currentPath = window.location.pathname.replace(/\/+$/, ""); const companiesIndex = currentPath.search(/\/companies(?:\/|$)/i); const prefix = companiesIndex >= 0 ? currentPath.slice(0, companiesIndex) : ""; return `${prefix}/company/${encodeURIComponent(id)}` || `/company/${encodeURIComponent(id)}`; }; /* V232 — مسار تعديل الشركة: نفس منطق buildCompaniesProfileUrlV126 (نفس استخراج البادئة ونفس encodeURIComponent) مع مسار /companies/{id}/edit */ const buildCompaniesEditUrlV232 = (companyId) => { const id = normalizeCompaniesIdV126(companyId); if (!id) return ""; const currentPath = window.location.pathname.replace(/\/+$/, ""); const companiesIndex = currentPath.search(/\/companies(?:\/|$)/i); const prefix = companiesIndex >= 0 ? currentPath.slice(0, companiesIndex) : ""; return `${prefix}/companies/${encodeURIComponent(id)}/edit`; }; /* V240 - مسار أرشفة الشركة. نفس استخراج البادئة المستخدم في روابط الفتح والتعديل، فيعمل داخل Preview والمسار المنشور معا. لا resolver جديد: يعتمد normalizeCompaniesIdV126 نفسها التي ترفض 0 والسالب وغير الرقمي والعشري وأي محارف مسار. */ const buildCompaniesArchiveUrlV240 = (companyId) => { const id = normalizeCompaniesIdV126(companyId); if (!id) return ""; const currentPath = window.location.pathname.replace(/\/+$/, ""); const companiesIndex = currentPath.search(/\/companies(?:\/|$)/i); const prefix = companiesIndex >= 0 ? currentPath.slice(0, companiesIndex) : ""; return `${prefix}/companies/${encodeURIComponent(id)}/archive`; }; const getCompaniesRouterCurrentPathV128 = (router) => { try { const currentRoute = router?.currentRoute?.value ?? router?.currentRoute; return String(currentRoute?.fullPath ?? currentRoute?.path ?? "").trim(); } catch (error) { return ""; } }; const getCompaniesSpaRouterV128 = () => { const candidates = []; const seen = new Set(); const add = (candidate) => { if ( !candidate || seen.has(candidate) || typeof candidate.push !== "function" ) { return; } seen.add(candidate); candidates.push(candidate); }; try { add(window.$nuxt?.$router); add(window.$nuxt?.router); const appHosts = [ document.querySelector("#__nuxt"), document.querySelector("#app"), document.body, document.documentElement ].filter(Boolean); appHosts.forEach((host) => { const app = host?.__vue_app__; if (!app) return; add(app.config?.globalProperties?.$router); add(app._context?.config?.globalProperties?.$router); add(app._instance?.appContext?.config?.globalProperties?.$router); const provides = app._context?.provides ?? app._instance?.appContext?.provides; if (provides && typeof provides === "object") { Reflect.ownKeys(provides).forEach((key) => { try { add(provides[key]); } catch (error) { /* Ignore inaccessible provider values. */ } }); } }); } catch (error) { console.error( "[صفحة جميع الشركات] تعذر الوصول إلى موجه صفحات Baserow.", error ); } const currentPath = `${window.location.pathname}${window.location.search}`; return candidates .map((router, index) => { const routerPath = getCompaniesRouterCurrentPathV128(router); let score = candidates.length - index; if (routerPath === currentPath || routerPath === window.location.pathname) { score += 100; } else if (routerPath && currentPath.includes(routerPath.split("?")[0])) { score += 20; } return { router, score }; }) .sort((first, second) => second.score - first.score)[0]?.router ?? null; }; const navigateCompaniesProfileV128 = (profileUrl) => { try { const target = new URL(profileUrl, window.location.href); /* V240 - يُضاف نمط الأرشفة كبديل مستقل بترسية صارمة: معرف موجب فقط ولا مقاطع بعد /archive. المسارات القائمة لم تتغير. */ const allowedCompaniesRouteV240 = /\/company\/\d+(?:[/?#]|$)/i.test(target.pathname) || /\/companies\/[1-9]\d*\/edit(?:[?#]|$)/i.test(target.pathname) || /\/companies\/[1-9]\d*\/archive(?:[?#]|$)/i.test(target.pathname); if (target.origin !== window.location.origin || !allowedCompaniesRouteV240) { throw new Error("Invalid company route."); } const route = `${target.pathname}${target.search}${target.hash}`; const router = getCompaniesSpaRouterV128(); if (router) { const navigationResult = router.push(route); if (navigationResult && typeof navigationResult.catch === "function") { navigationResult.catch((error) => { const message = String(error?.message ?? error ?? ""); if (!/duplicated|redundant|cancelled|canceled/i.test(message)) { console.error( "[صفحة جميع الشركات] تعذر فتح ملف الشركة داخل التطبيق.", error ); } }); } return true; } /* Same-document fallback only. A hard reload is intentionally avoided because it can discard the authenticated preview state. */ window.history.pushState(window.history.state, "", route); window.dispatchEvent( new PopStateEvent("popstate", { state: window.history.state }) ); return true; } catch (error) { console.error( "[صفحة جميع الشركات] تعذر فتح صفحة ملف الشركة بأمان.", error ); return false; } }; /* V232 — يضمن وجود زر «تعديل الشركة» مرة واحدة داخل نفس خلية الإجراءات. idempotent: يبحث عن .companies-edit-company-action قبل الإنشاء، ولا يضيف أي مستمع أحداث (التفويض على مستوى الجدول كما هو). */ const syncCompaniesEditActionV232 = (cell, openLink, companyId) => { if (!(cell instanceof HTMLTableCellElement) || !(openLink instanceof HTMLAnchorElement)) { return false; } let actions = cell.querySelector(":scope > .companies-row-actions"); if (!(actions instanceof HTMLElement)) { actions = document.createElement("div"); actions.className = "companies-row-actions"; openLink.replaceWith(actions); actions.appendChild(openLink); } let editLink = actions.querySelector(".companies-edit-company-action"); if (!(editLink instanceof HTMLAnchorElement)) { editLink = document.createElement("a"); editLink.className = "companies-edit-company-action"; editLink.textContent = "تعديل"; editLink.setAttribute("aria-label", "تعديل بيانات الشركة"); editLink.setAttribute("title", "تعديل بيانات الشركة"); actions.appendChild(editLink); } const id = normalizeCompaniesIdV126(companyId); const editUrl = buildCompaniesEditUrlV232(id); if (editUrl) { editLink.dataset.companyId = id; editLink.href = editUrl; editLink.removeAttribute("aria-disabled"); editLink.classList.remove("is-pending"); return true; } delete editLink.dataset.companyId; editLink.href = "#"; editLink.setAttribute("aria-disabled", "true"); editLink.classList.add("is-pending"); return false; }; /* V240 - زر أرشفة الشركة داخل نفس .companies-row-actions وبعد زر التعديل. idempotent: يبحث عن الكلاس قبل الإنشاء، ولا يضيف أي مستمع (التفويض على مستوى الجدول كما هو). نقطة ربط مستقبلية: MODACT-COMPANIES-DELETE عبر canDeleteCompany(companyId) - غير مربوطة بعد ولا منطق مؤقت. */ const syncCompaniesArchiveActionV240 = (cell, companyId) => { if (!(cell instanceof HTMLTableCellElement)) return false; const actions = cell.querySelector(":scope > .companies-row-actions"); if (!(actions instanceof HTMLElement)) return false; let archiveLink = actions.querySelector(".companies-archive-company-action"); if (!(archiveLink instanceof HTMLAnchorElement)) { archiveLink = document.createElement("a"); archiveLink.className = "companies-archive-company-action"; archiveLink.textContent = "أرشفة"; archiveLink.setAttribute("aria-label", "أرشفة الشركة"); archiveLink.setAttribute("title", "أرشفة الشركة"); actions.appendChild(archiveLink); } const id = normalizeCompaniesIdV126(companyId); const archiveUrl = buildCompaniesArchiveUrlV240(id); if (archiveUrl) { archiveLink.dataset.companyId = id; archiveLink.href = archiveUrl; archiveLink.removeAttribute("aria-disabled"); archiveLink.classList.remove("is-pending"); return true; } delete archiveLink.dataset.companyId; archiveLink.removeAttribute("href"); archiveLink.setAttribute("aria-disabled", "true"); archiveLink.classList.add("is-pending"); return false; }; const updateCompaniesOpenLinkV128 = (row, link, companyId) => { const id = normalizeCompaniesIdV126(companyId); const profileUrl = buildCompaniesProfileUrlV126(id); if (!(link instanceof HTMLAnchorElement) || !id || !profileUrl) { return false; } row.dataset.companiesCompanyIdV127 = id; link.dataset.companyId = id; link.dataset.companiesResolveCompany = "false"; link.href = profileUrl; link.removeAttribute("aria-disabled"); link.classList.remove("is-pending"); syncCompaniesEditActionV232(link.closest("td"), link, id); syncCompaniesArchiveActionV240(link.closest("td"), id); return true; }; const scheduleCompaniesRowIdV128 = (row, link) => { if ( !(row instanceof HTMLTableRowElement) || !(link instanceof HTMLAnchorElement) || row.dataset.companiesIdResolutionV128 === "scheduled" || row.dataset.companiesIdResolutionV128 === "ready" ) { return; } row.dataset.companiesIdResolutionV128 = "scheduled"; const resolve = () => { try { const companyId = resolveCompaniesRowIdV127(row, { deep: true }); const ready = updateCompaniesOpenLinkV128(row, link, companyId); row.dataset.companiesIdResolutionV128 = ready ? "ready" : "unresolved"; } catch (error) { row.dataset.companiesIdResolutionV128 = "unresolved"; console.error( "[صفحة جميع الشركات] تعذر تجهيز رابط ملف الشركة.", error ); } }; if (typeof window.requestIdleCallback === "function") { window.requestIdleCallback(resolve, { timeout: 800 }); } else { window.setTimeout(resolve, 0); } }; const decorateCompaniesTableColumnsV126 = (table) => { const headers = [...table.querySelectorAll("thead th")]; const keys = headers.map((header) => getCompaniesColumnKeyV126(header.textContent)); getCompaniesRowsV121(table).forEach((row) => { [...row.querySelectorAll(":scope > td")].forEach((cell, index) => { cell.dataset.companiesColumnKey = keys[index] ?? "other"; cell.setAttribute("data-column-label", normalizeText(headers[index]?.textContent ?? "")); }); }); }; const ensureCompaniesOpenColumnV126 = (table) => { const headerRow = table.querySelector("thead tr"); if (!(headerRow instanceof HTMLTableRowElement)) return; let header = headerRow.querySelector(".companies-open-company-header-v126"); if (!(header instanceof HTMLTableCellElement)) { header = document.createElement("th"); header.className = "companies-open-company-header-v126"; header.scope = "col"; header.textContent = "الإجراءات"; headerRow.appendChild(header); } getCompaniesRowsV121(table).forEach((row) => { let cell = row.querySelector(":scope > .companies-open-company-cell-v126"); if (!(cell instanceof HTMLTableCellElement)) { cell = document.createElement("td"); cell.className = "companies-open-company-cell-v126"; cell.dataset.companiesColumnKey = "open"; cell.setAttribute("data-column-label", "الإجراءات"); row.appendChild(cell); } const companyId = resolveCompaniesRowIdV127(row); const profileUrl = buildCompaniesProfileUrlV126(companyId); let link = cell.querySelector(".companies-open-company-v126"); if (!(link instanceof HTMLAnchorElement)) { link = document.createElement("a"); link.className = "companies-open-company-v126"; link.textContent = "فتح"; link.setAttribute("aria-label", "فتح ملف الشركة"); link.setAttribute("title", "فتح ملف الشركة"); cell.replaceChildren(link); } link.href = profileUrl || "#"; link.dataset.companiesResolveCompany = profileUrl ? "false" : "true"; link.classList.remove("is-pending"); link.removeAttribute("aria-disabled"); link.removeAttribute("target"); syncCompaniesEditActionV232(cell, link, companyId); syncCompaniesArchiveActionV240(cell, companyId); if (companyId) { updateCompaniesOpenLinkV128(row, link, companyId); row.dataset.companiesIdResolutionV128 = "ready"; } else { delete link.dataset.companyId; scheduleCompaniesRowIdV128(row, link); } }); table.classList.add("companies-data-table-v126"); decorateCompaniesTableColumnsV126(table); }; const updateCompaniesWorkspaceV121 = () => { try { const { title, subtitle, tableCard, table } = getCompaniesPageElementsV121(); if (!title || !tableCard || !(table instanceof HTMLTableElement)) { return; } ensureCompaniesOpenColumnV126(table); ensureCompaniesHeaderV121(title); const stats = ensureCompaniesStatsV121(tableCard); ensureCompaniesOverviewV124(title, subtitle, stats, tableCard); ensureCompaniesInsightsV125(tableCard); ensureCompaniesToolbarV121(tableCard, table); const rows = getCompaniesRowsV121(table); const indexes = getCompaniesHeaderIndexesV121(table); const input = document.querySelector(companiesWorkspaceSelectorsV121.search); const clear = document.querySelector(companiesWorkspaceSelectorsV121.clear); const empty = document.querySelector(companiesWorkspaceSelectorsV121.empty); const query = normalizeCompaniesSearchV121(input?.value ?? ""); const terms = query.split(" ").filter(Boolean); let visibleCount = 0; let activeCount = 0; let fileCount = 0; const completenessCounts = { registration: 0, qiwa: 0, insurance: 0, file: 0 }; rows.forEach((row) => { const cells = [...row.querySelectorAll(":scope > td")]; const searchableText = normalizeCompaniesSearchV121( indexes.search.map((index) => cells[index]?.textContent ?? "").join(" ") ); const statusText = cells[indexes.status]?.textContent ?? ""; const typeText = cells[indexes.type]?.textContent ?? ""; const matchesSearch = terms.length === 0 || terms.every((term) => searchableText.includes(term)); const matchesQuickFilter = matchesCompaniesQuickFilterV125({ statusText, typeText }); const isVisible = matchesSearch && matchesQuickFilter; row.hidden = !isVisible; row.setAttribute("aria-hidden", String(!isVisible)); if (isVisible) { visibleCount += 1; } if (isCompaniesStatusActiveV125(statusText)) { activeCount += 1; } const fileCell = cells[indexes.file]; if (isCompaniesCellFilledV125(fileCell, { file: true })) { fileCount += 1; completenessCounts.file += 1; } if (isCompaniesCellFilledV125(cells[indexes.registration])) { completenessCounts.registration += 1; } if (isCompaniesCellFilledV125(cells[indexes.qiwa])) { completenessCounts.qiwa += 1; } if (isCompaniesCellFilledV125(cells[indexes.insurance])) { completenessCounts.insurance += 1; } }); const inactiveCount = Math.max(0, rows.length - activeCount); const values = { total: rows.length, active: activeCount, files: fileCount, visible: visibleCount }; Object.entries(values).forEach(([key, value]) => { const target = document.querySelector(`[data-stat-value="${key}"]`); if (target && target.textContent !== String(value)) { target.textContent = String(value); } }); const donut = document.querySelector("[data-companies-distribution-donut='true']"); if (donut instanceof HTMLElement) { const activeAngle = rows.length > 0 ? Math.round((activeCount / rows.length) * 360) : 0; donut.style.setProperty("--companies-active-angle-v125", `${activeAngle}deg`); } const donutTotal = document.querySelector("[data-companies-distribution-total='true']"); if (donutTotal) { donutTotal.textContent = String(rows.length); } [["active", activeCount], ["inactive", inactiveCount]].forEach(([kind, value]) => { const target = document.querySelector(`[data-companies-distribution-value="${kind}"]`); if (target) { target.textContent = String(value); } }); Object.entries(completenessCounts).forEach(([key, value]) => { const percentage = rows.length > 0 ? Math.round((value / rows.length) * 100) : 0; const valueTarget = document.querySelector(`[data-companies-completeness-value="${key}"]`); const fillTarget = document.querySelector(`[data-companies-completeness-fill="${key}"]`); if (valueTarget) { valueTarget.textContent = `${percentage}%`; } if (fillTarget instanceof HTMLElement) { fillTarget.style.setProperty("--companies-progress-v125", `${percentage}%`); } }); document.querySelectorAll(companiesWorkspaceSelectorsV121.filterButton).forEach((button) => { const isActive = button.dataset.companiesQuickFilter === companiesActiveFilterV125; button.classList.toggle("is-active", isActive); button.setAttribute("aria-pressed", String(isActive)); }); const count = document.querySelector("[data-companies-records-count='true']"); if (count) { const hasFiltering = Boolean(query) || companiesActiveFilterV125 !== "all"; count.textContent = hasFiltering ? `${visibleCount} من ${rows.length} سجل` : `${rows.length} سجل`; } if (clear instanceof HTMLButtonElement) { clear.hidden = !query; } if (empty instanceof HTMLElement) { const hasFiltering = Boolean(query) || companiesActiveFilterV125 !== "all"; const shouldShow = hasFiltering && rows.length > 0 && visibleCount === 0; empty.classList.toggle("is-visible", shouldShow); empty.setAttribute("aria-hidden", String(!shouldShow)); } table.querySelectorAll("td[colspan]").forEach((cell) => { const text = normalizeText(cell.textContent); if (!text || /No items have been found/i.test(text) || text === "لا توجد بيانات لعرضها.") { cell.textContent = "لا توجد شركات لعرضها."; } }); } catch (error) { console.error("[صفحة جميع الشركات] تعذر تحديث واجهة الشركات.", error); } }; let companiesSearchFrameV121 = null; const scheduleCompaniesWorkspaceV121 = () => { if (companiesSearchFrameV121 !== null) { return; } companiesSearchFrameV121 = window.requestAnimationFrame(() => { try { updateCompaniesWorkspaceV121(); } finally { companiesSearchFrameV121 = null; } }); }; const bindCompaniesWorkspaceEventsV121 = () => { if (document.documentElement.dataset.companiesWorkspaceEventsV121 === "true") { return; } document.documentElement.dataset.companiesWorkspaceEventsV121 = "true"; document.addEventListener("input", (event) => { if (event.target instanceof Element && event.target.matches(companiesWorkspaceSelectorsV121.search)) { scheduleCompaniesWorkspaceV121(); } }, true); document.addEventListener("click", (event) => { const clear = event.target instanceof Element ? event.target.closest(companiesWorkspaceSelectorsV121.clear) : null; if (clear) { event.preventDefault(); const input = document.querySelector(companiesWorkspaceSelectorsV121.search); if (input instanceof HTMLInputElement) { input.value = ""; input.focus({ preventScroll: true }); scheduleCompaniesWorkspaceV121(); } return; } const filterButton = event.target instanceof Element ? event.target.closest(companiesWorkspaceSelectorsV121.filterButton) : null; if (filterButton) { event.preventDefault(); companiesActiveFilterV125 = filterButton.dataset.companiesQuickFilter || "all"; scheduleCompaniesWorkspaceV121(); return; } const openCompany = event.target instanceof Element ? event.target.closest(".companies-open-company-v126") : null; if (openCompany instanceof HTMLAnchorElement) { event.preventDefault(); event.stopPropagation(); const row = openCompany.closest("tr"); let companyId = normalizeCompaniesIdV126(openCompany.dataset.companyId); if (!companyId && row instanceof HTMLTableRowElement) { companyId = resolveCompaniesRowIdV127(row); } if (!companyId && row instanceof HTMLTableRowElement) { companyId = resolveCompaniesRowIdV127(row, { deep: true }); } const profileUrl = buildCompaniesProfileUrlV126(companyId); if ( row instanceof HTMLTableRowElement && updateCompaniesOpenLinkV128(row, openCompany, companyId) && navigateCompaniesProfileV128(profileUrl) ) { return; } console.error( "[صفحة جميع الشركات] تعذر تحديد وفتح ملف الشركة من الصف الحالي." ); return; } const editCompany = event.target instanceof Element ? event.target.closest(".companies-edit-company-action") : null; if (editCompany instanceof HTMLAnchorElement) { const row = editCompany.closest("tr"); let companyId = normalizeCompaniesIdV126(editCompany.dataset.companyId); if (!companyId && row instanceof HTMLTableRowElement) { companyId = resolveCompaniesRowIdV127(row); } if (!companyId && row instanceof HTMLTableRowElement) { companyId = resolveCompaniesRowIdV127(row, { deep: true }); } const editUrl = buildCompaniesEditUrlV232(companyId); if (editUrl) { editCompany.dataset.companyId = normalizeCompaniesIdV126(companyId); editCompany.href = editUrl; /* التنقل داخل SPA أولًا؛ وإن تعذر يُترك الرابط يعمل طبيعيًا. */ if (navigateCompaniesProfileV128(editUrl)) { event.preventDefault(); event.stopPropagation(); } return; } event.preventDefault(); console.error( "[صفحة جميع الشركات] تعذر تحديد الشركة المطلوب تعديلها من الصف الحالي." ); return; } const archiveCompany = event.target instanceof Element ? event.target.closest(".companies-archive-company-action") : null; if (archiveCompany instanceof HTMLAnchorElement) { if ( archiveCompany.getAttribute("aria-disabled") === "true" || archiveCompany.classList.contains("is-pending") ) { event.preventDefault(); return; } const row = archiveCompany.closest("tr"); let companyId = normalizeCompaniesIdV126(archiveCompany.dataset.companyId); if (!companyId && row instanceof HTMLTableRowElement) { companyId = resolveCompaniesRowIdV127(row); } if (!companyId && row instanceof HTMLTableRowElement) { companyId = resolveCompaniesRowIdV127(row, { deep: true }); } const archiveUrl = buildCompaniesArchiveUrlV240(companyId); if (archiveUrl) { archiveCompany.dataset.companyId = companyId; archiveCompany.href = archiveUrl; /* يفتح صفحة التأكيد فقط: لا Update Row ولا Notification ولا Modal ولا تغيير لأي بيان. */ if (navigateCompaniesProfileV128(archiveUrl)) { event.preventDefault(); event.stopPropagation(); } return; } event.preventDefault(); console.error( "[صفحة جميع الشركات] تعذر تحديد الشركة المطلوب أرشفتها من الصف الحالي." ); return; } /* V259-S1: أُزيل فرع الخروج الخارجي من هذا المستمع. عقدة Builder الأصلية تستقبل النقرة مباشرةً، فلا اعتراض ولا preventDefault ولا stopPropagation في مسار الخروج. */ }, true); }; /* ==================== V220 MODULE: COMPANY PROFILE / NAVIGATION ==================== */ /* ========================================================= COMPANY EMPLOYEES PAGE LINK — NAVIGATION CLEANUP V1 ========================================================= */ const initializeCompanyEmployeesPageLinks = () => { try { const clickableSelector = [ "a", "button", '[role="button"]' ].join(","); document .querySelectorAll(".company-employees-page-link") .forEach((wrapper) => { const clickable = wrapper.matches(clickableSelector) ? wrapper : wrapper.querySelector(clickableSelector); [wrapper, clickable] .filter( (element, index, collection) => element instanceof Element && collection.indexOf(element) === index ) .forEach((element) => { element.classList.remove( "company-tab-button", "company-tab-button-employees", "company-tab-employees", "is-active", "is-disabled" ); delete element.dataset.companyTab; element.removeAttribute("aria-selected"); element.removeAttribute("aria-controls"); element.removeAttribute("aria-disabled"); if (element.getAttribute("role") === "tab") { element.removeAttribute("role"); } if (element.getAttribute("tabindex") === "-1") { element.removeAttribute("tabindex"); } }); wrapper.dataset.companyEmployeesPageLinkReady = "true"; }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة رابط صفحة الموظفين.", error ); } }; /* ========================================================= COMPANY LICENSES PAGE LINK — NAVIGATION CLEANUP V10 The licenses control is now a real page link, not a legacy tab. ========================================================= */ const initializeCompanyLicensesPageLinks = () => { try { const clickableSelector = "a, button, [role='button']"; document .querySelectorAll( ".company-licenses-page-link, .company-tab-button-licenses, .company-tab-licenses" ) .forEach((wrapper) => { const clickable = wrapper.matches(clickableSelector) ? wrapper : wrapper.querySelector(clickableSelector); const href = String( clickable?.getAttribute("href") ?? wrapper.getAttribute("href") ?? "" ).trim(); const isPageLink = wrapper.classList.contains("company-licenses-page-link") || /\/licenses(?:[/?#]|$)/i.test(href); if (!isPageLink) { return; } [wrapper, clickable] .filter( (element, index, collection) => element instanceof Element && collection.indexOf(element) === index ) .forEach((element) => { element.classList.remove( "company-tab-button", "company-tab-button-licenses", "company-tab-licenses", "is-active", "is-disabled" ); element.classList.add("company-licenses-page-link"); delete element.dataset.companyTab; [ "aria-selected", "aria-controls", "aria-disabled" ].forEach((attributeName) => { element.removeAttribute(attributeName); }); if (element.getAttribute("role") === "tab") { element.removeAttribute("role"); } if (element.getAttribute("tabindex") === "-1") { element.removeAttribute("tabindex"); } }); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة رابط صفحة الشهادات والتراخيص.", error ); } }; /* ========================================================= COMPANY PROFILE V133 — BUILDER-NATIVE SIDEBAR TABS Supports published /company/:companyId and Builder Preview prefixes. One controller, no element moves, no cloned panels, no label scanning. ========================================================= */ const companyTabDefinitions = Object.freeze([ { id: "overview", navSelector: ".company-workspace-nav-overview", panelSelector: ".company-tab-panel-overview" }, { id: "platform-accounts", navSelector: ".company-workspace-nav-platform-accounts", panelSelector: ".company-tab-panel-platform-accounts" }, { id: "subscriptions", navSelector: ".company-workspace-nav-subscriptions", panelSelector: ".company-tab-panel-subscriptions" }, { id: "connectivity", navSelector: ".company-workspace-nav-connectivity", panelSelector: ".company-tab-panel-connectivity" }, { id: "banking", navSelector: ".company-workspace-nav-banking", panelSelector: ".company-tab-panel-banking" }, { id: "cars", navSelector: ".company-workspace-nav-cars", panelSelector: ".company-tab-panel-cars" } ]); const companyTabStorageKey = `company-profile-active-tab:${window.location.pathname}`; const getNormalizedCompanyProfilePath = () => { try { return decodeURIComponent(window.location.pathname) .replace(/\/+$/, ""); } catch (error) { return String(window.location.pathname || "") .replace(/\/+$/, ""); } }; const isBaseCompanyProfileRoute = () => { const normalizedPath = getNormalizedCompanyProfilePath(); const routeMatches = /(?:^|\/)company\/[^/]+$/i.test(normalizedPath); const builderStructureMatches = Boolean( document.querySelector( ".company-licenses-workspace .company-tab-panel-overview" ) ); return routeMatches || builderStructureMatches; }; const getCompanyTabDefinition = (tabId) => companyTabDefinitions.find((definition) => definition.id === tabId) ?? null; const getCompanyTabPanels = (tabId) => { const definition = getCompanyTabDefinition(tabId); if (!definition) return []; return [...document.querySelectorAll(definition.panelSelector)].filter( (panel) => panel instanceof HTMLElement && !panel.closest(".company-licenses-sidebar") ); }; const getCompanyTabControls = () => companyTabDefinitions.flatMap((definition) => [...document.querySelectorAll(definition.navSelector)].filter( (control) => control instanceof HTMLElement ) ); const getCompanyTabIdFromControl = (control) => { if (!(control instanceof Element)) return null; const definition = companyTabDefinitions.find((item) => control.matches(item.navSelector) ); return definition?.id ?? null; }; const clearLegacyCompanyTabState = (panel) => { if (!(panel instanceof HTMLElement)) return; panel.classList.remove( "company-tab-suppressed", "company-profile-content-host-v131" ); panel.removeAttribute("data-company-overview-suppressed"); panel.style.removeProperty("display"); panel.style.removeProperty("visibility"); panel.style.removeProperty("opacity"); panel.style.removeProperty("pointer-events"); }; const activateCompanyTab = ( tabId, { persist = true, focus = false, scroll = false } = {} ) => { if (!isBaseCompanyProfileRoute()) return false; const selectedPanels = getCompanyTabPanels(tabId); if (selectedPanels.length === 0) return false; companyTabDefinitions.forEach((definition) => { const isSelected = definition.id === tabId; getCompanyTabPanels(definition.id).forEach((panel) => { clearLegacyCompanyTabState(panel); panel.classList.add("company-tab-panel"); panel.classList.toggle("is-active", isSelected); panel.hidden = !isSelected; panel.setAttribute("aria-hidden", String(!isSelected)); panel.setAttribute("role", "tabpanel"); panel.dataset.companyTabPanel = definition.id; }); document.querySelectorAll(definition.navSelector).forEach((control) => { if (!(control instanceof HTMLElement)) return; control.classList.toggle("is-active", isSelected); control.setAttribute("aria-current", isSelected ? "page" : "false"); control.setAttribute("aria-selected", String(isSelected)); control.dataset.companyTab = definition.id; const clickable = control.matches("a, button, [role='button']") ? control : control.querySelector("a, button, [role='button']"); if (clickable instanceof HTMLElement) { clickable.classList.toggle("is-active", isSelected); clickable.setAttribute("aria-selected", String(isSelected)); clickable.setAttribute("tabindex", isSelected ? "0" : "-1"); clickable.dataset.companyTab = definition.id; if (isSelected && focus) { clickable.focus({ preventScroll: true }); } } }); }); if (persist) { try { window.sessionStorage.setItem(companyTabStorageKey, tabId); } catch (error) { console.error( "[ملف الشركة V133] تعذر حفظ القسم المختار.", error ); } } document.body?.classList.remove( "portal-company-profile-v131-ready", "portal-company-profile-v132-tabs-ready" ); document.body?.classList.add("portal-company-profile-v133-tabs-ready"); if (scroll) { window.requestAnimationFrame(() => { selectedPanels[0]?.scrollIntoView({ behavior: "smooth", block: "start" }); }); } return true; }; const initializeCompanyTabs = () => { if (!isBaseCompanyProfileRoute()) return false; const availableTabs = companyTabDefinitions.filter( (definition) => getCompanyTabPanels(definition.id).length > 0 ); if (availableTabs.length === 0) return false; companyTabDefinitions.forEach((definition) => { const available = getCompanyTabPanels(definition.id).length > 0; document.querySelectorAll(definition.navSelector).forEach((control) => { if (!(control instanceof HTMLElement)) return; control.dataset.companyTab = definition.id; control.classList.toggle("is-disabled", !available); control.setAttribute("aria-disabled", String(!available)); control.setAttribute("role", "tab"); const clickable = control.matches("a, button, [role='button']") ? control : control.querySelector("a, button, [role='button']"); if (clickable instanceof HTMLElement) { clickable.dataset.companyTab = definition.id; clickable.classList.toggle("is-disabled", !available); clickable.setAttribute("aria-disabled", String(!available)); } }); }); let requestedTab = "overview"; try { requestedTab = window.sessionStorage.getItem(companyTabStorageKey) || "overview"; } catch (error) { requestedTab = "overview"; } if (!availableTabs.some((definition) => definition.id === requestedTab)) { requestedTab = availableTabs[0].id; } return activateCompanyTab(requestedTab, { persist: false, focus: false, scroll: false }); }; const bindCompanyTabEvents = () => { if (document.documentElement.dataset.companyTabsV133Bound === "true") { return; } document.documentElement.dataset.companyTabsV133Bound = "true"; document.addEventListener( "click", (event) => { if (!isBaseCompanyProfileRoute()) return; const control = event.target instanceof Element ? event.target.closest( companyTabDefinitions.map((item) => item.navSelector).join(",") ) : null; if (!(control instanceof HTMLElement)) return; const tabId = getCompanyTabIdFromControl(control); if (!tabId || getCompanyTabPanels(tabId).length === 0) return; event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); activateCompanyTab(tabId, { persist: true, focus: false, scroll: false }); }, true ); document.addEventListener( "keydown", (event) => { if (!isBaseCompanyProfileRoute()) return; if (!["Enter", " "].includes(event.key)) return; const control = event.target instanceof Element ? event.target.closest( companyTabDefinitions.map((item) => item.navSelector).join(",") ) : null; if (!(control instanceof HTMLElement)) return; const tabId = getCompanyTabIdFromControl(control); if (!tabId || getCompanyTabPanels(tabId).length === 0) return; event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); activateCompanyTab(tabId, { persist: true, focus: true, scroll: false }); }, true ); }; /* ========================================================= COMPANY PROFILE — LOCAL SECTION ATTACHMENTS ========================================================= */ const companySectionAttachmentDefinitions = [ { id: "overview-personal-data", buttonSelector: ".company-overview-attachments-button", panelSelector: ".company-overview-attachments-panel" } ]; const getCompanySectionAttachmentElements = (definition) => { try { if (!definition) { return { button: null, panel: null }; } return { button: document.querySelector( definition.buttonSelector ), panel: document.querySelector( definition.panelSelector ) }; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر العثور على عناصر المرفقات.", error ); return { button: null, panel: null }; } }; const setCompanySectionAttachmentState = ( definition, isOpen, { scroll = false } = {} ) => { try { const { button, panel } = getCompanySectionAttachmentElements( definition ); if (!button || !panel) { return false; } button.classList.toggle( "is-active", isOpen ); button.setAttribute( "aria-expanded", String(isOpen) ); panel.hidden = !isOpen; panel.setAttribute( "aria-hidden", String(!isOpen) ); if (isOpen && scroll) { window.requestAnimationFrame(() => { panel.scrollIntoView({ behavior: "smooth", block: "nearest" }); }); } return true; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تغيير حالة لوحة المرفقات.", error ); return false; } }; const initializeCompanySectionAttachments = () => { try { companySectionAttachmentDefinitions.forEach( (definition) => { const { button, panel } = getCompanySectionAttachmentElements( definition ); if (!button || !panel) { return; } button.dataset.companyAttachmentTarget = definition.id; button.setAttribute( "role", "button" ); button.setAttribute( "tabindex", "0" ); button.setAttribute( "aria-controls", `company-attachments-${definition.id}` ); panel.id = `company-attachments-${definition.id}`; const wasInitialized = button.dataset .companyAttachmentInitialized === "true"; const isOpen = wasInitialized && button.classList.contains( "is-active" ); button.dataset .companyAttachmentInitialized = "true"; setCompanySectionAttachmentState( definition, isOpen ); } ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة مرفقات الأقسام.", error ); } }; const toggleCompanySectionAttachments = ( targetId ) => { try { const definition = companySectionAttachmentDefinitions.find( (item) => item.id === targetId ); if (!definition) { return false; } const { button, panel } = getCompanySectionAttachmentElements( definition ); if (!button || !panel) { return false; } const shouldOpen = panel.hidden; return setCompanySectionAttachmentState( definition, shouldOpen, { scroll: shouldOpen } ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تبديل مرفقات القسم.", error ); return false; } }; const bindCompanySectionAttachmentEvents = () => { try { if ( document.documentElement.dataset .companyAttachmentEventsBound === "true" ) { return; } document.documentElement.dataset .companyAttachmentEventsBound = "true"; document.addEventListener( "click", (event) => { const button = event.target instanceof Element ? event.target.closest( "[data-company-attachment-target]" ) : null; if (!button) { return; } event.preventDefault(); event.stopPropagation(); const targetId = button.dataset .companyAttachmentTarget; if (!targetId) { return; } toggleCompanySectionAttachments( targetId ); }, true ); document.addEventListener( "keydown", (event) => { if ( !["Enter", " "].includes( event.key ) ) { return; } const button = event.target instanceof Element ? event.target.closest( "[data-company-attachment-target]" ) : null; if (!button) { return; } event.preventDefault(); event.stopPropagation(); const targetId = button.dataset .companyAttachmentTarget; if (!targetId) { return; } toggleCompanySectionAttachments( targetId ); }, true ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر ربط أحداث مرفقات الأقسام.", error ); } }; /* ========================================================= COMPANY PROFILE — ATTACHMENT AND PERSONAL GRID STRUCTURE V4 ========================================================= */ const getDirectChildUnderAncestor = ( element, ancestor ) => { try { if (!element || !ancestor) { return null; } let current = element; while ( current.parentElement && current.parentElement !== ancestor ) { current = current.parentElement; } return current.parentElement === ancestor ? current : null; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تحديد الغلاف المباشر للعنصر.", error ); return null; } }; const initializeCompanyAttachmentCards = () => { try { const panel = document.querySelector( ".company-overview-attachments-panel" ); if (!panel) { return; } panel .querySelectorAll( [ ".company-attachment-row", ".company-attachment-row-flat", ".company-attachment-content", ".company-attachment-primary-slot", ".company-attachment-type-slot", ".company-attachment-action-slot" ].join(",") ) .forEach((element) => { element.classList.remove( "company-attachment-row", "company-attachment-row-flat", "company-attachment-content", "company-attachment-primary-slot", "company-attachment-type-slot", "company-attachment-action-slot" ); }); const processedRows = new Set(); const primaryElements = [ ...panel.querySelectorAll( ".company-attachment-primary" ) ]; primaryElements.forEach((primary) => { let row = primary.closest( ".company-attachment-card, .company-overview-attachment-card" ); while (row && panel.contains(row)) { const hasType = Boolean( row.querySelector( ".company-attachment-type" ) ); const hasAction = Boolean( row.querySelector( ".company-attachment-open-file" ) ); if (hasType && hasAction) { break; } row = row.parentElement?.closest( ".company-attachment-card, .company-overview-attachment-card" ) ?? null; } if (!row || !panel.contains(row)) { let ancestor = primary.parentElement; while ( ancestor && ancestor !== panel ) { const hasType = Boolean( ancestor.querySelector( ".company-attachment-type" ) ); const hasAction = Boolean( ancestor.querySelector( ".company-attachment-open-file" ) ); if (hasType && hasAction) { row = ancestor; break; } ancestor = ancestor.parentElement; } } if ( !row || row === panel || processedRows.has(row) ) { return; } const type = row.querySelector( ".company-attachment-type" ); const openFile = row.querySelector( ".company-attachment-open-file" ); if (!type || !openFile) { return; } processedRows.add(row); row.classList.add( "company-attachment-row" ); const contentContainer = getLowestCommonAncestor([ primary, type, openFile ]); if ( contentContainer && contentContainer !== row && row.contains(contentContainer) ) { contentContainer.classList.add( "company-attachment-content" ); const primarySlot = getDirectChildUnderAncestor( primary, contentContainer ); const typeSlot = getDirectChildUnderAncestor( type, contentContainer ); const actionSlot = getDirectChildUnderAncestor( openFile, contentContainer ); primarySlot?.classList.add( "company-attachment-primary-slot" ); typeSlot?.classList.add( "company-attachment-type-slot" ); actionSlot?.classList.add( "company-attachment-action-slot" ); } else { row.classList.add( "company-attachment-row-flat" ); const primarySlot = getDirectChildUnderAncestor( primary, row ); const typeSlot = getDirectChildUnderAncestor( type, row ); const actionSlot = getDirectChildUnderAncestor( openFile, row ); primarySlot?.classList.add( "company-attachment-primary-slot" ); typeSlot?.classList.add( "company-attachment-type-slot" ); actionSlot?.classList.add( "company-attachment-action-slot" ); } }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة صفوف المرفقات.", error ); } }; const initializeCompanyPersonalDataGrid = () => { try { document .querySelectorAll( ".company-personal-data-grid" ) .forEach((grid) => { const primaryAnchor = grid.querySelector( ".company-personal-full-name" ); const datesAnchor = grid.querySelector( ".company-personal-birth-hijri" ); const expiryAnchor = grid.querySelector( ".company-personal-id-expiry-hijri" ); const availableAnchors = [ primaryAnchor, datesAnchor, expiryAnchor ].filter(Boolean); if (availableAnchors.length < 2) { return; } const contentContainer = getLowestCommonAncestor( availableAnchors ); if (!contentContainer) { return; } contentContainer.classList.add( "company-personal-data-content" ); const primaryColumn = getDirectChildUnderAncestor( primaryAnchor, contentContainer ); const datesColumn = getDirectChildUnderAncestor( datesAnchor, contentContainer ); const expiryColumn = getDirectChildUnderAncestor( expiryAnchor, contentContainer ); primaryColumn?.classList.add( "company-personal-primary-column" ); datesColumn?.classList.add( "company-personal-dates-column" ); expiryColumn?.classList.add( "company-personal-expiry-column" ); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة أعمدة البيانات الشخصية.", error ); } }; /* ==================== V220 MODULE: LOGIN ==================== */ /* ========================================================= LOGIN PAGE — EXACT REFERENCE UI V119 لا ينقل أو ينسخ أو يستبدل نموذج Baserow الأصلي. ========================================================= */ /* ========================================================= ARABIC DIRECTION ========================================================= */ const applyArabicDirection = () => { try { document.documentElement.lang = "ar"; document.documentElement.dir = "rtl"; if (document.body) { document.body.lang = "ar"; document.body.dir = "rtl"; } } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تطبيق اتجاه اللغة العربية.", error ); } }; /* ==================== V220 MODULE: COMPANY PROFILE CONTINUATION ==================== */ /* ========================================================= COMPANY PROFILE — FINAL EIGHT-BUTTON LAYOUT AND CARS V5.9 ========================================================= */ const companyNavigationOrder = new Map([ ["overview", 1], ["platform-accounts", 2], ["subscriptions", 3], ["connectivity", 4], ["banking", 5], ["cars", 6], ["licenses", 7], ["employees", 8] ]); const getCompanyNavigationItems = () => { try { const items = []; companyTabDefinitions.forEach((definition) => { const control = findCompanyTabControl(definition); if (!control) { return; } items.push({ id: definition.id, order: companyNavigationOrder.get(definition.id) ?? 50, control }); }); const employeeLink = document.querySelector( ".company-employees-page-link" ); if (employeeLink) { const clickableSelector = [ "a", "button", '[role="button"]' ].join(","); const employeeControl = employeeLink.matches(clickableSelector) ? employeeLink : employeeLink.querySelector( clickableSelector ) ?? employeeLink; items.push({ id: "employees", order: companyNavigationOrder.get("employees") ?? 8, control: employeeControl }); } return items.filter( (item, index, collection) => item.control instanceof Element && collection.findIndex( (candidate) => candidate.control === item.control ) === index ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر جمع أزرار ملف المنشأة.", error ); return []; } }; const initializeCompanyNavigationLayout = () => { try { const items = getCompanyNavigationItems() .filter(({ id }) => companyNavigationOrder.has(id) ) .sort((firstItem, secondItem) => firstItem.order - secondItem.order ); if (items.length === 0) { return; } const controls = items.map( ({ control }) => control ); const container = getLowestCommonAncestor(controls); if (!container) { return; } container.classList.add( "company-tabs-container" ); container.classList.remove( "company-tabs-flat-layout", "company-tabs-grouped-layout", "company-tabs-grid", "company-tabs-bridge" ); container .querySelectorAll( [ ".company-tabs-row", ".company-tabs-grid", ".company-tabs-bridge", ".company-tab-slot" ].join(",") ) .forEach((element) => { element.classList.remove( "company-tabs-row", "company-tabs-grid", "company-tabs-bridge", "company-tab-slot" ); if ( element instanceof HTMLElement ) { element.style.removeProperty( "order" ); } delete element.dataset.companyNavItem; }); const directRows = [ ...new Set( items .map(({ control }) => getDirectChildUnderAncestor( control, container ) ) .filter(Boolean) ) ]; const groupedLayout = directRows.length >= 2 && directRows.length < items.length; if (!groupedLayout) { container.classList.add( "company-tabs-flat-layout", "company-tabs-grid" ); items.forEach( ({ control, order, id }) => { const slot = getDirectChildUnderAncestor( control, container ) ?? control; slot.classList.add( "company-tab-slot" ); slot.dataset.companyNavItem = id; slot.style.setProperty( "order", String(order), "important" ); } ); return; } container.classList.add( "company-tabs-grouped-layout" ); directRows.forEach((row) => { const rowItems = items .filter(({ control }) => row.contains(control) ) .sort((firstItem, secondItem) => firstItem.order - secondItem.order ); if (rowItems.length === 0) { return; } row.classList.add( "company-tabs-row" ); const rowOrder = Math.min( ...rowItems.map(({ order }) => order) ); row.style.setProperty( "order", String(rowOrder), "important" ); const rowControls = rowItems.map( ({ control }) => control ); let grid = getLowestCommonAncestor(rowControls); if ( !(grid instanceof Element) || !row.contains(grid) ) { grid = row; } grid.classList.add( "company-tabs-grid" ); let bridge = grid.parentElement; while (bridge && bridge !== row) { bridge.classList.add( "company-tabs-bridge" ); bridge = bridge.parentElement; } rowItems.forEach( ({ control, order, id }) => { const slot = getDirectChildUnderAncestor( control, grid ) ?? control; slot.classList.add( "company-tab-slot" ); slot.dataset.companyNavItem = id; slot.style.setProperty( "order", String(order), "important" ); } ); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر ترتيب الأزرار الثمانية.", error ); } }; const normalizeCompanyCarsSearchText = (value) => String(value ?? "") .normalize("NFKC") .replace(/[أإآ]/g, "ا") .replace(/ى/g, "ي") .replace(/ة/g, "ه") .replace(/[\u061C\u200B-\u200F\u2060\u2066-\u2069\uFEFF]/g, "") .replace(/\s+/g, " ") .trim() .toLowerCase(); const getCompanyCarsSearchInput = () => { try { const root = document.querySelector( ".company-cars-search-input" ); if (!root) { return null; } if ( root instanceof HTMLInputElement || root instanceof HTMLTextAreaElement ) { return root; } return root.querySelector( 'input, textarea, [contenteditable="true"]' ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر العثور على بحث السيارات.", error ); return null; } }; const getCompanyCarItems = () => { try { const repeat = document.querySelector( ".company-cars-repeat" ); if (!repeat) { return []; } return [ ...repeat.querySelectorAll( ".company-car-card" ) ].map((card) => ({ card, item: getDirectChildUnderAncestor( card, repeat ) ?? card })); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر قراءة بطاقات السيارات.", error ); return []; } }; const updateCompanyCarsEmptyState = ( totalCount, visibleCount, hasSearch ) => { try { const emptyState = document.querySelector( ".company-cars-empty-state" ); if (!emptyState) { return; } const shouldShow = totalCount === 0 || visibleCount === 0; emptyState.hidden = !shouldShow; emptyState.setAttribute( "aria-hidden", String(!shouldShow) ); const title = emptyState.querySelector( ".company-cars-empty-title" ); const description = emptyState.querySelector( ".company-cars-empty-description" ); if (hasSearch && totalCount > 0) { if (title) { title.textContent = "لا توجد نتائج مطابقة"; } if (description) { description.textContent = "جرّب البحث برقم اللوحة أو مرجع السيارة أو الشركة المصنعة أو الطراز."; } } else { if (title) { title.textContent = "لا توجد سيارات مسجلة"; } if (description) { description.textContent = "لم تتم إضافة سيارات لهذه المنشأة حتى الآن."; } } } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تحديث حالة السيارات الفارغة.", error ); } }; const filterCompanyCars = () => { try { const searchInput = getCompanyCarsSearchInput(); const searchValue = normalizeCompanyCarsSearchText( searchInput?.value ?? searchInput?.textContent ?? "" ); const carItems = getCompanyCarItems(); let visibleCount = 0; carItems.forEach(({ card, item }) => { const searchableText = normalizeCompanyCarsSearchText( card.textContent ); const isVisible = !searchValue || searchableText.includes(searchValue); item.hidden = !isVisible; item.setAttribute( "aria-hidden", String(!isVisible) ); if (isVisible) { visibleCount += 1; } }); updateCompanyCarsEmptyState( carItems.length, visibleCount, Boolean(searchValue) ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تصفية السيارات.", error ); } }; const initializeCompanyCarStatusBadges = () => { try { document .querySelectorAll( ".company-car-status, .company-car-document-status" ) .forEach((element) => { const value = normalizeText( element.textContent ); if (!value) { return; } [ "portal-option-success", "portal-option-danger", "portal-option-warning", "portal-option-info", "portal-option-teal", "portal-option-blue", "portal-option-purple", "portal-option-gray" ].forEach((className) => { element.classList.remove(className); }); element.classList.add( "portal-option-badge", getOptionClass(value) ); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تنسيق حالات السيارات.", error ); } }; const initializeCompanyCarDocumentLinks = () => { try { document .querySelectorAll( ".company-car-document-open" ) .forEach((wrapper) => { const link = wrapper instanceof HTMLAnchorElement ? wrapper : wrapper.querySelector("a"); if (!link) { return; } const href = String(link.getAttribute("href") ?? "") .trim(); const isAvailable = href && href !== "#" && !href.startsWith("javascript:"); link.classList.toggle( "is-unavailable", !isAvailable ); link.setAttribute( "aria-disabled", String(!isAvailable) ); if (isAvailable) { link.setAttribute("target", "_blank"); link.setAttribute( "rel", "noopener noreferrer" ); } }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تجهيز روابط مستندات السيارات.", error ); } }; const normalizeCompanyCarCardLayout = () => { try { const repeats = [ ...document.querySelectorAll( ".company-cars-repeat" ) ]; if (repeats.length === 0) { return; } const setImportantStyles = ( element, declarations ) => { if (!(element instanceof Element)) { return; } declarations.forEach( ([property, value]) => { element.style.setProperty( property, value, "important" ); } ); }; const makeOuterFullWidth = (element) => { if (!(element instanceof Element)) { return; } setImportantStyles(element, [ ["position", "static"], ["inset", "auto"], ["visibility", "visible"], ["opacity", "1"], ["width", "100%"], ["max-width", "100%"], ["min-width", "0"], ["height", "auto"], ["min-height", "0"], ["max-height", "none"], ["flex", "1 1 100%"], ["flex-basis", "100%"], ["align-self", "stretch"], ["grid-column", "1 / -1"], ["margin-right", "0"], ["margin-left", "0"], ["overflow", "visible"], ["transform", "none"] ]); }; repeats.forEach((repeat) => { repeat.classList.add( "company-cars-repeat-list" ); makeOuterFullWidth(repeat); setImportantStyles(repeat, [ ["display", "flex"], ["flex-direction", "column"], ["align-items", "stretch"], ["justify-content", "flex-start"], ["gap", "10px"] ]); const cards = [ ...repeat.querySelectorAll( ".company-car-card" ) ]; cards.forEach((card) => { const media = card.querySelector( ".company-car-card-media" ); const identity = card.querySelector( ".company-car-card-identity" ); const details = card.querySelector( ".company-car-details-grid" ); const actions = card.querySelector( ".company-car-card-actions" ); if (!media && !identity && !details) { return; } card.classList.add( "company-car-card-runtime" ); makeOuterFullWidth(card); setImportantStyles(card, [ ["display", "block"], ["overflow", "hidden"], ["direction", "rtl"] ]); let wrapper = card.parentElement; while (wrapper && wrapper !== repeat) { wrapper.classList.add( "company-cars-repeat-layer", "company-car-repeat-item" ); makeOuterFullWidth(wrapper); setImportantStyles(wrapper, [ ["display", "block"] ]); wrapper = wrapper.parentElement; } let layout = card.querySelector( ":scope > .company-car-runtime-layout" ); if (!layout) { layout = document.createElement("div"); layout.className = "company-car-runtime-layout"; card.appendChild(layout); } let content = layout.querySelector( ":scope > .company-car-runtime-content" ); if (!content) { content = document.createElement("div"); content.className = "company-car-runtime-content"; layout.appendChild(content); } if (identity && identity.parentElement !== content) { content.appendChild(identity); } if (details && details.parentElement !== content) { content.appendChild(details); } if (media && media.parentElement !== layout) { layout.appendChild(media); } [identity, details, media] .filter( (element) => element instanceof Element ) .forEach((element) => { element.hidden = false; element.removeAttribute("hidden"); element.setAttribute( "aria-hidden", "false" ); [ "position", "inset", "width", "max-width", "min-width", "height", "min-height", "max-height", "display", "grid-column", "grid-row", "grid-area", "flex", "flex-basis", "align-self", "justify-self", "overflow", "transform" ].forEach((property) => { element.style.removeProperty(property); }); }); if (actions) { actions.hidden = true; actions.setAttribute( "aria-hidden", "true" ); actions.style.setProperty( "display", "none", "important" ); } [...card.children].forEach((child) => { if (child === layout) { child.classList.remove( "company-car-runtime-orphan" ); return; } child.classList.add( "company-car-runtime-orphan" ); child.style.setProperty( "display", "none", "important" ); }); card .querySelectorAll( [ ".company-car-title", ".company-car-reference", ".company-car-status", ".company-car-plate", ".company-car-detail" ].join(",") ) .forEach((element) => { element.hidden = false; element.removeAttribute("hidden"); element.setAttribute( "aria-hidden", "false" ); }); }); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر إنشاء التخطيط الأفقي الحقيقي لبطاقات السيارات.", error ); } }; const initializeCompanyCarsInterface = () => { try { const panel = document.querySelector( ".company-tab-panel-cars" ); if (!panel) { return; } panel.setAttribute("dir", "rtl"); panel.setAttribute( "aria-label", "سيارات المنشأة" ); normalizeCompanyCarCardLayout(); const searchInput = getCompanyCarsSearchInput(); if (searchInput) { searchInput.setAttribute("dir", "rtl"); searchInput.setAttribute( "aria-label", "البحث في سيارات المنشأة" ); } initializeCompanyCarStatusBadges(); initializeCompanyCarDocumentLinks(); filterCompanyCars(); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة تبويب السيارات.", error ); } }; const bindCompanyCarsEvents = () => { try { if ( document.documentElement.dataset .companyCarsEventsBound === "true" ) { return; } document.documentElement.dataset .companyCarsEventsBound = "true"; document.addEventListener( "input", (event) => { const target = event.target instanceof Element ? event.target.closest( ".company-cars-search-input, .company-cars-search-input input, .company-cars-search-input textarea" ) : null; if (target) { filterCompanyCars(); } }, true ); document.addEventListener( "click", (event) => { const unavailableLink = event.target instanceof Element ? event.target.closest( ".company-car-document-open .is-unavailable, .company-car-document-open.is-unavailable" ) : null; if (!unavailableLink) { return; } event.preventDefault(); event.stopPropagation(); }, true ); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر ربط أحداث السيارات.", error ); } }; /* ========================================================= ROUTED BATCHED UPDATE ENGINE V10 Runs only the modules needed by the current page. ========================================================= */ const pendingNodes = new Set(); let animationFrameId = null; const getPortalPageState = () => ({ login: Boolean(document.querySelector(".login-card")), companies: Boolean(document.querySelector(".companies-table-card")), companyProfile: Boolean(document.querySelector(".company-profile-title")) || isBaseCompanyProfileRoute(), companyLicenses: Boolean(document.querySelector(".company-licenses-workspace")), companyEmployees: Boolean(document.querySelector(".company-employees-content")), employeeProfile: Boolean(document.querySelector(".employee-profile-summary-card")) }); /* ========================================================= COMPANY DOCUMENT CREATE — V250 STRUCTURAL LAYOUT COMPOSER /company/:companyId/documents/new يعيد ترتيب عقد DOM القائمة فقط داخل النموذج نفسه. لا clone، لا innerHTML، لا إنشاء عناصر تحكم بديلة، ولا Observer/Timer/Listener جديد — يعمل ضمن دورة runCurrentPageModules() المركزية القائمة. ========================================================= */ const COMPANY_DOCUMENT_PRO_MARKER_V250 = "v250"; /* V257 — ترتيب العرض حسب سكتش المالك: نوع | اسم، حالة | مرجعي، انتهاء | إصدار، نشط | القسم — بترتيب DOM صريح لا بقلب الاتجاه. التغيير الوحيد عن V250 هو ترتيب هذه المصفوفة. */ const COMPANY_DOCUMENT_PRO_FIELD_ORDER_V250 = [ "type", "name", "status", "reference", "expiry-date", "issue-date", "active", "section" ]; const normalizeCompanyDocumentTextV250 = (value) => String(value ?? "").replace(/\s+/g, " ").trim(); const createCompanyDocumentProShellV250 = (className) => { const node = document.createElement("div"); node.className = className; return node; }; /* غلاف بنيوي واحد لكل دور: يُستدعى مرة ثم يُعاد استخدامه. */ const ensureCompanyDocumentProShellV250 = (parent, className) => { const existing = parent.querySelector(`:scope > .${className}`); if (existing instanceof HTMLElement) { return existing; } const created = createCompanyDocumentProShellV250(className); parent.appendChild(created); return created; }; /* اكتشاف زر الحفظ الحقيقي — يستبعد كل ما هو داخل حقل، فلا تُلتقط أزرار رفع الملف أو حذفه أو الـcheckbox. */ const findCompanyDocumentSubmitControlV250 = (form) => { const isSafeAction = (node) => node instanceof HTMLElement && form.contains(node) && !node.closest(".company-document-create-field"); const explicit = [ ...form.querySelectorAll('input[type="submit"], button[type="submit"]') ].find(isSafeAction); if (explicit instanceof HTMLElement) { return explicit; } const labelled = [ ...form.querySelectorAll('button, [role="button"]') ].find( (node) => isSafeAction(node) && normalizeCompanyDocumentTextV250( node instanceof HTMLInputElement ? node.value : node.textContent ) === "حفظ المستند" ); return labelled instanceof HTMLElement ? labelled : null; }; /* أعلى غلاف آمن يحتوي زر الحفظ ولا يحتوي أي حقل أو عنصر رفع. */ const findCompanyDocumentActionWrapperV250 = (form, control) => { let candidate = control.parentElement; let wrapper = null; while (candidate instanceof HTMLElement && candidate !== form) { if ( candidate.querySelector(".company-document-create-field") || candidate.querySelector('input[type="file"]') ) { break; } wrapper = candidate; candidate = candidate.parentElement; } return wrapper; }; /* غلاف أصلي يُعدّ متبقيًا حين لا يبقى داخله أي حقل أو عنوان أو عنصر تحكم أو نص — الفحص بالمحتوى لا بعدد الأبناء، لأن شبكات Baserow تبقى متداخلة داخل القسم بعد نقل الحقول منها. */ const COMPANY_DOCUMENT_PRO_LIVE_CONTENT_V250 = [ ".company-document-create-field", ".company-document-create-section-title", "input", "select", "textarea", "button", '[role="button"]', "a", "img" ].join(", "); /* الأغلفة الأصلية التي أُفرغت تُعلَّم فقط — لا تُحذف عقد Baserow. */ const markCompanyDocumentProSourcesV250 = (form) => { form .querySelectorAll( ".company-document-create-section, .company-document-create-grid" ) .forEach((node) => { if (!(node instanceof HTMLElement)) return; const residual = !node.querySelector(COMPANY_DOCUMENT_PRO_LIVE_CONTENT_V250) && normalizeCompanyDocumentTextV250(node.textContent).length === 0; node.classList.toggle("company-document-pro-source-empty", residual); }); }; const syncCompanyDocumentCreateProLayoutV250 = () => { const page = document.querySelector(".company-document-create-page"); if (!(page instanceof HTMLElement)) { return false; } const form = page.querySelector(".company-document-create-form"); if (!(form instanceof HTMLElement)) { return false; } const detailsTitle = form.querySelector( ".company-document-create-section-title-details" ); const fileTitle = form.querySelector( ".company-document-create-section-title-file" ); const fileField = form.querySelector(".company-document-create-field-file"); const notesField = form.querySelector(".company-document-create-field-notes"); const detailFields = COMPANY_DOCUMENT_PRO_FIELD_ORDER_V250 .map((key) => form.querySelector(`.company-document-create-field-${key}`)) .filter((node) => node instanceof HTMLElement); if (detailFields.length === 0) { return false; } const submitControl = findCompanyDocumentSubmitControlV250(form); const existingLayout = form.querySelector( '[data-company-document-pro-layout="v250"]' ); /* Idempotency: إن كان كل شيء في موضعه وبالترتيب — لا لمس للـDOM، فلا تغذية راجعة مع المراقب المركزي. */ if (existingLayout instanceof HTMLElement) { const grid = existingLayout.querySelector(".company-document-pro-details-grid"); const fileGrid = existingLayout.querySelector(".company-document-pro-file-grid"); const footer = existingLayout.querySelector(".company-document-pro-footer"); if ( grid instanceof HTMLElement && fileGrid instanceof HTMLElement && footer instanceof HTMLElement ) { const placed = [...grid.children]; const orderedAlready = placed.length === detailFields.length && detailFields.every((field, index) => placed[index] === field); const filePlaced = (!fileField || fileField.parentElement === fileGrid) && (!notesField || notesField.parentElement === fileGrid); const actionPlaced = !submitControl || footer.contains(submitControl); if (orderedAlready && filePlaced && actionPlaced) { return true; } } } const layout = existingLayout instanceof HTMLElement ? existingLayout : createCompanyDocumentProShellV250("company-document-pro-layout"); if (!(existingLayout instanceof HTMLElement)) { layout.dataset.companyDocumentProLayout = COMPANY_DOCUMENT_PRO_MARKER_V250; form.appendChild(layout); } const details = ensureCompanyDocumentProShellV250( layout, "company-document-pro-details" ); const detailsGrid = ensureCompanyDocumentProShellV250( details, "company-document-pro-details-grid" ); /* نقل نفس العقد: appendChild ينقل ولا ينسخ. */ if (detailsTitle instanceof HTMLElement) { details.prepend(detailsTitle); } detailFields.forEach((field) => { detailsGrid.appendChild(field); }); if (fileField instanceof HTMLElement || notesField instanceof HTMLElement) { const fileSection = ensureCompanyDocumentProShellV250( layout, "company-document-pro-file-section" ); const fileGrid = ensureCompanyDocumentProShellV250( fileSection, "company-document-pro-file-grid" ); if (fileTitle instanceof HTMLElement) { fileSection.prepend(fileTitle); } if (fileField instanceof HTMLElement) { fileGrid.appendChild(fileField); } if (notesField instanceof HTMLElement) { fileGrid.appendChild(notesField); } } if (submitControl instanceof HTMLElement) { const footer = ensureCompanyDocumentProShellV250( layout, "company-document-pro-footer" ); const actionWrapper = findCompanyDocumentActionWrapperV250(form, submitControl); /* الغلاف الآمن إن وُجد، وإلا زر الحفظ نفسه — بلا استبدال. */ if (actionWrapper instanceof HTMLElement && !footer.contains(actionWrapper)) { footer.appendChild(actionWrapper); } else if (!footer.contains(submitControl)) { footer.appendChild(submitControl); } } markCompanyDocumentProSourcesV250(form); page.dataset.companyDocumentProReady = COMPANY_DOCUMENT_PRO_MARKER_V250; return true; }; const runCurrentPageModules = ({ initial = false } = {}) => { const page = getPortalPageState(); /* V250 — منظّم بنية صفحة إضافة مستند للمنشأة. يخرج فورًا خارج الصفحة، ويعمل ضمن نفس الدورة المركزية بلا Observer أو Timer أو Listener إضافي. */ syncCompanyDocumentCreateProLayoutV250(); /* V261-S3 — إعادة تصنيف حالة المصادقة ضمن نفس الدورة المركزية. ضرورية لأن completeInternalAdmission يفصل مراقب الإقلاع، فلا يُستدعى detect() بعد اعتماد الحالة الداخلية إطلاقًا. البوابة الرخيصة داخل detect() تجعل هذا بلا تكلفة تُذكر على الصفحات الداخلية. لا Observer ولا Timer ولا Listener جديد. */ portalRuntimeV222?.detect(); if (page.companies) { alignCompanyTables(); decorateCompanyTables(document); updateCompaniesWorkspaceV121(); } if (page.companyProfile) { const baseCompanyProfile = isBaseCompanyProfileRoute(); initializeCompanyEmployeesPageLinks(); initializeCompanyLicensesPageLinks(); initializeCompanyTabs(); if (!baseCompanyProfile) { initializeCompanyNavigationLayout(); } initializeCompanyCarsInterface(); initializeCompanySectionAttachments(); initializeCompanyAttachmentCards(); initializeCompanyPersonalDataGrid(); } else { document.body?.classList.remove( "portal-company-profile-v132-tabs-ready", "portal-company-profile-v133-tabs-ready" ); } if (initial) { bindCompaniesWorkspaceEventsV121(); bindCompanyTabEvents(); bindCompanyCarsEvents(); bindCompanySectionAttachmentEvents(); } }; const runInterfaceUpdate = () => { try { pendingNodes.forEach((pendingNode) => { translateTree(pendingNode); }); pendingNodes.clear(); applyArabicDirection(); runCurrentPageModules(); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تحديث الواجهة.", error ); } finally { animationFrameId = null; } }; const scheduleInterfaceUpdate = (node = document.body) => { try { if (node) { pendingNodes.add(node); } if (animationFrameId !== null) { return; } animationFrameId = window.requestAnimationFrame(runInterfaceUpdate); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر جدولة تحديث الواجهة.", error ); } }; const initializeInternalPortalInterfaceV222 = () => { try { applyArabicDirection(); translateTree(document.body); runCurrentPageModules({ initial: true }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تهيئة الواجهة.", error ); } }; let internalInterfaceStartedV222 = false; const startInternalPortalInterfaceV222 = () => { if (internalInterfaceStartedV222) { return; } internalInterfaceStartedV222 = true; if (document.readyState === "loading") { document.addEventListener( "DOMContentLoaded", initializeInternalPortalInterfaceV222, { once: true } ); } else { initializeInternalPortalInterfaceV222(); } /* One lightweight global observer: added nodes only. */ const observer = new MutationObserver((mutations) => { try { mutations.forEach((mutation) => { mutation.addedNodes.forEach((node) => { if (node instanceof Element || node instanceof Text) { scheduleInterfaceUpdate(node); } }); }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر معالجة العناصر الديناميكية.", error ); } }); observer.observe(document.documentElement, { childList: true, subtree: true }); }; portalRuntimeV222.registerInternal(startInternalPortalInterfaceV222); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر تشغيل إعدادات البوابة.", error ); } })(); window.__QIMAH_PORTAL_RUNTIME_V222__.registerInternal(() => { (() => { "use strict"; /* ==================== V222 MODULE: LEGACY PLATFORM ACCOUNT DETAILS ==================== */ /* ========================================================= COMPANY PLATFORM ACCOUNT DETAILS — V7 ========================================================= */ try { const selectors = { trigger: ".company-platform-account-details", panel: ".company-platform-account-details-panel", card: ".company-platform-account-card", detail: ".company-platform-account-detail", enabled: ".company-platform-account-detail-enabled", review: ".company-platform-account-detail-review" }; const normalizeText = (value) => String(value ?? "") .replace(/\s+/g, " ") .trim(); const getClickableElement = (trigger) => { try { if (!(trigger instanceof Element)) { return null; } if ( trigger.matches( "a, button, [role='button']" ) ) { return trigger; } return trigger.querySelector( "a, button, [role='button']" ); } catch (error) { console.error( "[حسابات المنصات] تعذر تحديد زر التفاصيل.", error ); return null; } }; /* يبحث عن أصغر غلاف يحتوي زر تفاصيل واحدًا ولوحة تفاصيل واحدة، حتى يعمل مع أغلفة Baserow. */ const getAccountScope = (trigger) => { try { let current = trigger; while ( current && current !== document.body ) { const triggers = current.querySelectorAll( selectors.trigger ); const panels = current.querySelectorAll( selectors.panel ); if ( triggers.length === 1 && panels.length === 1 ) { return current; } current = current.parentElement; } return ( trigger.closest(selectors.card) ?? trigger.parentElement ); } catch (error) { console.error( "[حسابات المنصات] تعذر تحديد نطاق الحساب.", error ); return null; } }; const getAccountElements = (trigger) => { try { const scope = getAccountScope(trigger); if (!scope) { return { scope: null, card: null, panel: null, clickable: null }; } return { scope, card: scope.matches(selectors.card) ? scope : scope.querySelector( selectors.card ), panel: scope.querySelector( selectors.panel ), clickable: getClickableElement(trigger) }; } catch (error) { console.error( "[حسابات المنصات] تعذر قراءة عناصر الحساب.", error ); return { scope: null, card: null, panel: null, clickable: null }; } }; const replaceBooleanText = ( element, positiveClass, negativeClass ) => { try { if (!(element instanceof Element)) { return; } const originalText = normalizeText(element.textContent); const containsTrue = /\btrue\b/i.test(originalText); const containsFalse = /\bfalse\b/i.test(originalText); element.classList.remove( positiveClass, negativeClass ); if (containsTrue) { element.classList.add( positiveClass ); } if (containsFalse) { element.classList.add( negativeClass ); } const walker = document.createTreeWalker( element, NodeFilter.SHOW_TEXT ); let node = walker.nextNode(); while (node) { if (node.nodeValue) { node.nodeValue = node.nodeValue .replace(/\btrue\b/gi, "نعم") .replace(/\bfalse\b/gi, "لا"); } node = walker.nextNode(); } } catch (error) { console.error( "[حسابات المنصات] تعذر تحويل القيمة المنطقية.", error ); } }; const decorateDetailValues = ( root = document ) => { try { root .querySelectorAll(selectors.detail) .forEach((detail) => { const text = normalizeText( detail.textContent ); detail.classList.toggle( "is-empty", !text || /:\s*$/.test(text) ); }); root .querySelectorAll( selectors.enabled ) .forEach((element) => { replaceBooleanText( element, "is-positive", "is-negative" ); }); root .querySelectorAll( selectors.review ) .forEach((element) => { /* يحتاج مراجعة = نعم → تحذير يحتاج مراجعة = لا → حالة سليمة */ replaceBooleanText( element, "is-warning", "is-positive" ); }); } catch (error) { console.error( "[حسابات المنصات] تعذر تنسيق قيم التفاصيل.", error ); } }; const setDetailsState = ( trigger, isOpen, { scroll = false } = {} ) => { try { const { card, panel, clickable } = getAccountElements(trigger); if (!panel) { return false; } trigger.classList.toggle( "is-active", isOpen ); card?.classList.toggle( "is-details-open", isOpen ); trigger.setAttribute( "aria-expanded", String(isOpen) ); clickable?.setAttribute( "aria-expanded", String(isOpen) ); panel.hidden = !isOpen; panel.classList.toggle( "is-collapsed", !isOpen ); panel.setAttribute( "aria-hidden", String(!isOpen) ); if (isOpen) { decorateDetailValues(panel); } if (isOpen && scroll) { window.requestAnimationFrame( () => { panel.scrollIntoView({ behavior: "smooth", block: "nearest" }); } ); } return true; } catch (error) { console.error( "[حسابات المنصات] تعذر تغيير حالة التفاصيل.", error ); return false; } }; const closeOtherDetails = ( currentTrigger ) => { try { document .querySelectorAll( selectors.trigger ) .forEach((trigger) => { if ( trigger !== currentTrigger ) { setDetailsState( trigger, false ); } }); } catch (error) { console.error( "[حسابات المنصات] تعذر إغلاق التفاصيل الأخرى.", error ); } }; const toggleDetails = (trigger) => { try { const { panel } = getAccountElements(trigger); if (!panel) { console.error( "[حسابات المنصات] لم يتم العثور على لوحة التفاصيل التابعة للبطاقة." ); return; } const shouldOpen = panel.hidden || panel.classList.contains( "is-collapsed" ); if (shouldOpen) { closeOtherDetails(trigger); } setDetailsState( trigger, shouldOpen, { scroll: shouldOpen } ); } catch (error) { console.error( "[حسابات المنصات] تعذر فتح أو إغلاق التفاصيل.", error ); } }; const initializeDetails = () => { try { document .querySelectorAll( selectors.trigger ) .forEach((trigger, index) => { const { panel, clickable } = getAccountElements( trigger ); if (!panel) { return; } trigger.setAttribute( "role", "button" ); trigger.setAttribute( "tabindex", "0" ); const panelId = panel.id || `company-platform-details-${index + 1}`; panel.id = panelId; trigger.setAttribute( "aria-controls", panelId ); clickable?.setAttribute( "aria-controls", panelId ); if ( trigger.dataset .platformDetailsInitialized !== "true" ) { trigger.dataset .platformDetailsInitialized = "true"; setDetailsState( trigger, false ); } }); decorateDetailValues(document); } catch (error) { console.error( "[حسابات المنصات] تعذر تهيئة لوحات التفاصيل.", error ); } }; document.addEventListener( "click", (event) => { try { const trigger = event.target instanceof Element ? event.target.closest( selectors.trigger ) : null; if (!trigger) { return; } event.preventDefault(); event.stopPropagation(); toggleDetails(trigger); } catch (error) { console.error( "[حسابات المنصات] تعذر معالجة الضغط على زر التفاصيل.", error ); } }, true ); document.addEventListener( "keydown", (event) => { try { if ( !["Enter", " "].includes( event.key ) ) { return; } const trigger = event.target instanceof Element ? event.target.closest( selectors.trigger ) : null; if (!trigger) { return; } event.preventDefault(); event.stopPropagation(); toggleDetails(trigger); } catch (error) { console.error( "[حسابات المنصات] تعذر تشغيل التفاصيل من لوحة المفاتيح.", error ); } }, true ); let updateFrame = null; const scheduleInitialization = () => { try { if (updateFrame !== null) { return; } updateFrame = window.requestAnimationFrame( () => { try { initializeDetails(); } catch (error) { console.error( "[حسابات المنصات] تعذر تحديث التفاصيل الديناميكية.", error ); } finally { updateFrame = null; } } ); } catch (error) { console.error( "[حسابات المنصات] تعذر جدولة تهيئة التفاصيل.", error ); } }; if ( document.readyState === "loading" ) { document.addEventListener( "DOMContentLoaded", initializeDetails, { once: true } ); } else { initializeDetails(); } const detailsObserver = new MutationObserver( scheduleInitialization ); const detailsObserverRoot = document.querySelector(".company-tab-panel-platform-accounts"); if (detailsObserverRoot) { detailsObserver.observe(detailsObserverRoot, { childList: true, subtree: true }); } } catch (error) { console.error( "[حسابات المنصات] تعذر تشغيل نظام تفاصيل الحسابات.", error ); } })(); (() => { "use strict"; /* ==================== V220 MODULE: EMPLOYEES ==================== */ /* ========================================================= COMPANY EMPLOYEES — NATIVE PROFILE LINK AND COMPLETE FILTERS V180 Isolated to .company-employees-page only. Supports the temporary /employees-v2 route and the final /employees route after the page-path cutover. ========================================================= */ (() => { "use strict"; try { const PAGE_SELECTOR = ".company-employees-page"; const BODY_CLASS = "portal-company-employees-v175"; const TABLE_ROOT_SELECTOR = ".company-employees-table"; const TOOLBAR_HOST_SELECTOR = ".company-employees-toolbar-host"; const MODAL_CLASS = "company-employees-report-modal-v175"; const state = { frame: null, actionsBound: false, observer: null, defaultCategoryApplied: false }; const normalize = (value) => String(value ?? "").replace(/\s+/g, " ").trim(); const normalizeKey = (value) => normalize(value) .replace(/[أإآ]/g, "ا") .replace(/ى/g, "ي") .replace(/ة/g, "ه") .replace(/[\u064B-\u065F\u0670]/g, "") .toLowerCase(); const escapeHtml = (value) => String(value ?? "") .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); const parseStructuredValue = (value) => { const text = normalize(value); if (!text) return ""; const match = text.match(/["']value["']\s*:\s*["']([^"']+)["']/i); return normalize(match?.[1] || text); }; const getPageRoot = () => { const root = document.querySelector(PAGE_SELECTOR); return root instanceof HTMLElement ? root : null; }; const isPage = () => { try { const path = decodeURIComponent(window.location.pathname || "").replace(/\/+$/, ""); return Boolean(getPageRoot()) && /(?:^|\/)company\/[^/]+\/employees(?:-v2)?$/i.test(path); } catch (error) { console.error("[موظفو الشركة V180] تعذر التحقق من مسار الصفحة.", error); return Boolean(getPageRoot()); } }; const getTopLevelChild = (ancestor, descendant) => { if (!(ancestor instanceof Element) || !(descendant instanceof Element)) return null; let current = descendant; while (current.parentElement && current.parentElement !== ancestor) current = current.parentElement; return current.parentElement === ancestor ? current : null; }; const markDirectHost = (container, selector, className) => { if (!(container instanceof HTMLElement)) return null; const target = container.querySelector(selector); if (!(target instanceof Element)) return null; const host = getTopLevelChild(container, target) || target; host.classList.add(className); return host; }; const icon = Object.freeze({ hero: ``, total: ``, active: ``, categories: ``, directory: ``, employee: ``, search: ``, report: ``, external: `` }); const ensureIcon = (host, className, svg) => { if (!(host instanceof HTMLElement)) return null; let element = host.querySelector(`:scope > .${className}`); if (!(element instanceof HTMLElement)) { element = document.createElement("span"); element.className = className; element.setAttribute("aria-hidden", "true"); host.append(element); } if (element.dataset.employeesIconV175 !== "ready") { element.dataset.employeesIconV175 = "ready"; element.innerHTML = svg; } return element; }; const ensureCategoryControl = (card) => { if (!(card instanceof HTMLElement)) return null; let declared = card.querySelector(".company-employees-category-button"); let control = declared instanceof HTMLButtonElement || declared instanceof HTMLAnchorElement ? declared : declared?.querySelector?.("button, a"); if (!(control instanceof HTMLButtonElement) && !(control instanceof HTMLAnchorElement)) { control = document.createElement("button"); control.type = "button"; control.className = "company-employees-category-button"; card.append(control); declared = control; } else { control.classList.add("company-employees-category-button"); } control.textContent = "عرض موظفي القسم"; control.setAttribute("role", "button"); control.setAttribute("tabindex", control.getAttribute("tabindex") || "0"); control.setAttribute("aria-pressed", control.getAttribute("aria-pressed") || "false"); const host = getTopLevelChild(card, control) || declared || control; if (host instanceof HTMLElement) { host.classList.add("company-employees-category-button-host-v175"); host.dataset.employeesCategoryButtonHostV176 = "ready"; } return control; }; const ensureCardStructure = () => { const root = getPageRoot(); if (!(root instanceof HTMLElement)) return; const hero = root.querySelector(".company-employees-hero-card"); if (hero instanceof HTMLElement) { markDirectHost(hero, ".company-employees-hero-title", "company-employees-hero-title-host-v175"); markDirectHost(hero, ".company-employees-hero-description", "company-employees-hero-description-host-v175"); ensureIcon(hero, "company-employees-hero-icon-v175", icon.hero); } root.querySelectorAll(".company-employees-summary-card").forEach((card) => { if (!(card instanceof HTMLElement)) return; markDirectHost(card, ".company-employees-summary-label", "company-employees-summary-label-host-v175"); markDirectHost(card, ".company-employees-summary-value", "company-employees-summary-value-host-v175"); markDirectHost(card, ".company-employees-summary-caption", "company-employees-summary-caption-host-v175"); }); ensureIcon(root.querySelector(".company-employees-total-card"), "company-employees-summary-icon-v175", icon.total); ensureIcon(root.querySelector(".company-employees-active-card"), "company-employees-summary-icon-v175", icon.active); ensureIcon(root.querySelector(".company-employees-categories-card"), "company-employees-summary-icon-v175", icon.categories); root.querySelectorAll(".company-employees-category-card").forEach((card) => { if (!(card instanceof HTMLElement)) return; markDirectHost(card, ".company-employees-category-title", "company-employees-category-title-host-v175"); markDirectHost(card, ".company-employees-category-count", "company-employees-category-count-host-v175"); ensureCategoryControl(card); }); const directory = root.querySelector(".company-employees-directory-header"); if (directory instanceof HTMLElement) { markDirectHost(directory, ".company-employees-directory-title", "company-employees-directory-title-host-v175"); markDirectHost(directory, ".company-employees-directory-description", "company-employees-directory-description-host-v175"); ensureIcon(directory, "company-employees-directory-icon-v175", icon.directory); } }; const markLayoutHosts = () => { const root = getPageRoot(); if (!(root instanceof HTMLElement)) return; const top = root.querySelector(".company-employees-top-section"); if (top instanceof HTMLElement) { [ [".company-employees-hero-card", "company-employees-hero-shell-v175"], [".company-employees-total-card", "company-employees-total-shell-v175"], [".company-employees-active-card", "company-employees-active-shell-v175"], [".company-employees-categories-card", "company-employees-categories-shell-v175"] ].forEach(([selector, className]) => { const card = top.querySelector(selector); if (!(card instanceof Element)) return; (getTopLevelChild(top, card) || card).classList.add("company-employees-top-card-shell-v175", className); }); } const categoryGrid = root.querySelector(".company-employees-categories-grid"); if (categoryGrid instanceof HTMLElement) { categoryGrid.querySelectorAll(".company-employees-category-card").forEach((card) => { if (!(card instanceof Element)) return; (getTopLevelChild(categoryGrid, card) || card).classList.add("company-employees-category-shell-v175"); }); } const section = root.querySelector(".company-employees-directory-section"); const header = section?.querySelector(".company-employees-directory-header"); if (section instanceof HTMLElement && header instanceof Element) { (getTopLevelChild(section, header) || header).classList.add("company-employees-directory-header-shell-v175"); } }; const updateNavigationAndFooter = () => { document.querySelectorAll(".company-workspace-nav-item").forEach((item) => { if (!(item instanceof HTMLElement)) return; const text = normalizeKey(item.textContent); const link = item.querySelector("a[href]")?.getAttribute("href") || ""; const active = /الموظف/.test(text) || /\/employees(?:-v2)?(?:$|[/?#])/i.test(link); item.classList.toggle("is-active", active); item.setAttribute("aria-current", active ? "page" : "false"); item.querySelectorAll("a, button, [role='button']").forEach((child) => { if (!(child instanceof HTMLElement)) return; child.classList.toggle("is-active", active); child.setAttribute("aria-current", active ? "page" : "false"); }); }); document.querySelectorAll(".company-licenses-footer-page").forEach((element) => { if (element instanceof HTMLElement) element.textContent = "موظفو الشركة"; }); const runtimeTitle = document.querySelector(".company-licenses-footer-v46__block--center .company-licenses-footer-v46__title"); if (runtimeTitle instanceof HTMLElement) runtimeTitle.textContent = "موظفو الشركة"; }; const getTableRoot = () => { const element = getPageRoot()?.querySelector(TABLE_ROOT_SELECTOR); return element instanceof HTMLElement ? element : null; }; const getTable = () => { const root = getTableRoot(); if (!(root instanceof HTMLElement)) return null; return root.querySelector("table.baserow-table") || root.querySelector("table") || null; }; const getHeaders = () => { const table = getTable(); if (!(table instanceof HTMLTableElement)) return []; return [...table.querySelectorAll("thead th")].map((header) => parseStructuredValue(header.textContent)); }; const findHeaderIndex = (headers, candidates) => { const normalizedCandidates = candidates.map(normalizeKey); return headers.findIndex((header) => normalizedCandidates.includes(normalizeKey(header))); }; const resolveIndices = (headers) => ({ image: findHeaderIndex(headers, ["الصورة", "صورة الموظف"]), name: findHeaderIndex(headers, ["الموظف", "الاسم الكامل بالعربي", "الاسم الكامل العربي"]), number: findHeaderIndex(headers, ["الرقم الوظيفي"]), category: findHeaderIndex(headers, ["تصنيف الموظف"]), jobTitle: findHeaderIndex(headers, ["المسمى الوظيفي"]), department: findHeaderIndex(headers, ["القسم"]), location: findHeaderIndex(headers, ["الفرع أو موقع العمل", "الفرع او موقع العمل", "الفرع أو الموقع"]), nationality: findHeaderIndex(headers, ["الجنسية"]), status: findHeaderIndex(headers, ["حالة الموظف"]), mobile: findHeaderIndex(headers, ["رقم الجوال"]), email: findHeaderIndex(headers, ["البريد الإلكتروني", "البريد الالكتروني"]), joiningDate: findHeaderIndex(headers, ["تاريخ الالتحاق"]), action: findHeaderIndex(headers, ["فتح الملف", "ملف الموظف"]) }); const getRows = () => { const table = getTable(); if (!(table instanceof HTMLTableElement)) return []; return [...table.querySelectorAll("tbody tr")].filter((row) => { if (!(row instanceof HTMLTableRowElement)) return false; if (row.classList.contains("company-employees-filter-empty-v179")) return false; const cells = row.querySelectorAll(":scope > td"); const text = normalizeKey(row.textContent); return cells.length > 1 && !/no items have been found|لا توجد بيانات|لا يوجد بيانات/.test(text); }); }; const readCellValue = (cell) => { if (!(cell instanceof HTMLTableCellElement)) return ""; if (typeof cell.dataset.employeeRawV175 === "string") return cell.dataset.employeeRawV175; const value = parseStructuredValue(cell.textContent); cell.dataset.employeeRawV175 = value; return value; }; const collectImageUrl = (cell) => { if (!(cell instanceof HTMLTableCellElement)) return ""; const stored = normalize(cell.dataset.employeeImageV175); if (stored) return stored; const image = cell.querySelector("img[src]"); const src = normalize(image?.getAttribute("src")); if (src) return src; const anchor = cell.querySelector("a[href]"); const href = normalize(anchor?.getAttribute("href")); if (href && !href.startsWith("javascript:")) return href; for (const element of cell.querySelectorAll("[data-url], [data-href], [data-link]")) { for (const attribute of ["data-url", "data-href", "data-link"]) { const value = normalize(element.getAttribute(attribute)); if (value) return value; } } return ""; }; const setCellContent = (cell, html, className = "") => { if (!(cell instanceof HTMLTableCellElement)) return; if (className) cell.classList.add(className); if (cell.innerHTML !== html) cell.innerHTML = html; }; const statusClass = (value) => { const key = normalizeKey(value); if (/راس العمل|نشط|مباشر|فعال|ساري/.test(key)) return "is-positive"; if (/تجرب|اجازه|إجازه|معلق|انتظار/.test(key)) return "is-warning"; if (/منتهي|متوقف|موقوف|مستقيل|غير نشط|ملغي/.test(key)) return "is-negative"; return "is-neutral"; }; const initials = (name) => { const parts = normalize(name).split(" ").filter(Boolean); if (!parts.length) return "م"; return parts.slice(0, 2).map((part) => part.charAt(0)).join(""); }; const getCompanyId = () => { try { const match = decodeURIComponent(window.location.pathname || "").match(/(?:^|\/)company\/([^/]+)/i); return normalize(match?.[1] || ""); } catch (error) { console.error("[موظفو الشركة V180] تعذر قراءة معرّف الشركة.", error); return ""; } }; const extractEmployeeId = (row) => { if (!(row instanceof HTMLTableRowElement)) return ""; const stored = normalize(row.dataset.employeeIdV175); if (stored) return stored; const profileAnchor = [...row.querySelectorAll("a[href]")].find((anchor) => /\/employees\/[^/?#]+(?:$|[/?#])/i.test(anchor.getAttribute("href") || "") ); if (profileAnchor instanceof HTMLAnchorElement) { const match = profileAnchor.getAttribute("href")?.match(/\/employees\/([^/?#]+)/i); if (match?.[1]) return decodeURIComponent(match[1]); } const attributeNames = ["data-row-id", "data-record-id", "data-rowid", "data-recordid", "data-id"]; for (const attribute of attributeNames) { const value = normalize(row.getAttribute(attribute)); if (value && /^[A-Za-z0-9_-]+$/.test(value)) return value; } for (const node of row.querySelectorAll("[data-row-id], [data-record-id], [data-rowid], [data-recordid]")) { for (const attribute of attributeNames) { const value = normalize(node.getAttribute(attribute)); if (value && /^[A-Za-z0-9_-]+$/.test(value)) return value; } } return ""; }; const ensureActionColumn = (table, rows, indices) => { if (!(table instanceof HTMLTableElement)) return; const headerRow = table.querySelector("thead tr"); if (!(headerRow instanceof HTMLTableRowElement)) return; if (indices.action >= 0) { const nativeHeader = headerRow.querySelectorAll(":scope > th")[indices.action]; if (nativeHeader instanceof HTMLTableCellElement) { nativeHeader.classList.add("company-employees-action-header-v175", "company-employees-header-cell-v175"); nativeHeader.textContent = "فتح الملف"; } rows.forEach((row) => { const cell = row.querySelectorAll(":scope > td")[indices.action]; if (!(cell instanceof HTMLTableCellElement)) return; cell.classList.add( "company-employees-action-cell-v175", "company-employees-data-cell-v175", "company-employees-native-action-cell-v180" ); /* * مهم: لا نعيد كتابة محتوى الخلية ولا ننشئ رابطًا بديلًا هنا. * رابط Baserow الأصلي يحمل سياق الصف الحالي وقيم companyId / employeeId. * أي innerHTML على الخلية يلغي هذا السياق ويكسر الانتقال. */ const nativeControl = cell.querySelector("a, button, [role='link'], [role='button']"); if (nativeControl instanceof HTMLElement) { nativeControl.classList.add( "company-employees-profile-link-v175", "company-employees-native-profile-link-v180" ); } else if (cell.firstElementChild instanceof HTMLElement) { cell.firstElementChild.classList.add( "company-employees-profile-link-v175", "company-employees-native-profile-link-v180" ); } }); return; } /* احتياطي فقط للنسخ القديمة التي لا تحتوي عمود Link داخل الـBuilder. */ const actionHeader = document.createElement("th"); actionHeader.className = "company-employees-action-header-v175 company-employees-header-cell-v175"; actionHeader.textContent = "فتح الملف"; headerRow.append(actionHeader); const companyId = getCompanyId(); rows.forEach((row) => { const cell = document.createElement("td"); cell.className = "company-employees-action-cell-v175 company-employees-data-cell-v175"; const employeeId = extractEmployeeId(row); const href = companyId && employeeId ? `/company/${encodeURIComponent(companyId)}/employees/${encodeURIComponent(employeeId)}` : ""; cell.innerHTML = href ? `${icon.external}فتح ملف الموظف` : `غير متاح`; row.append(cell); }); }; const decorateTable = () => { const table = getTable(); if (!(table instanceof HTMLTableElement)) return; const headers = getHeaders(); const indices = resolveIndices(headers); const rows = getRows(); [...table.querySelectorAll("thead th")].forEach((header) => { if (header instanceof HTMLTableCellElement) header.classList.add("company-employees-header-cell-v175"); }); rows.forEach((row) => { const cells = [...row.querySelectorAll(":scope > td")]; const rawValues = cells.map((cell, index) => index === indices.action ? "" : readCellValue(cell)); const name = indices.name >= 0 ? rawValues[indices.name] : ""; const imageUrl = indices.image >= 0 ? collectImageUrl(cells[indices.image]) : ""; const category = indices.category >= 0 ? rawValues[indices.category] : ""; const status = indices.status >= 0 ? rawValues[indices.status] : ""; const department = indices.department >= 0 ? rawValues[indices.department] : ""; const jobTitle = indices.jobTitle >= 0 ? rawValues[indices.jobTitle] : ""; cells.forEach((cell, index) => { if (!(cell instanceof HTMLTableCellElement)) return; /* نحافظ على عنصر Link الأصلي بالكامل؛ لا نلمس innerHTML الخاص به. */ if (index === indices.action) { cell.classList.add("company-employees-action-cell-v175", "company-employees-data-cell-v175"); return; } const value = rawValues[index] || ""; cell.classList.add("company-employees-data-cell-v175"); if (index === indices.image) { if (imageUrl) cell.dataset.employeeImageV175 = imageUrl; setCellContent( cell, imageUrl ? `

` : `${escapeHtml(initials(name))}`, "company-employees-image-cell-v175" ); } else if (index === indices.name) { setCellContent( cell, `${icon.employee}${escapeHtml(value || "—")}`, "company-employees-name-cell-v175" ); } else if (index === indices.category) { setCellContent(cell, `${escapeHtml(value || "غير محدد")}`, "company-employees-category-cell-v175"); } else if (index === indices.status) { setCellContent(cell, `${escapeHtml(value || "غير محدد")}`, "company-employees-status-cell-v175"); } else if (index === indices.number) { setCellContent(cell, `${escapeHtml(value || "—")}`, "company-employees-number-cell-v175"); } else if (index === indices.mobile) { setCellContent(cell, `${escapeHtml(value || "—")}`, "company-employees-mobile-cell-v175"); } else if (index === indices.email) { setCellContent(cell, `${escapeHtml(value || "—")}`, "company-employees-email-cell-v175"); } else { setCellContent( cell, value ? `${escapeHtml(value)}` : `—` ); } }); row.dataset.employeesSearchV175 = normalizeKey(rawValues.join(" ")); row.dataset.employeesCategoryV175 = category; row.dataset.employeesStatusV175 = status; row.dataset.employeesDepartmentV175 = department; row.dataset.employeesJobTitleV175 = jobTitle; row.classList.add("company-employees-row-v175"); }); ensureActionColumn(table, rows, indices); }; const CATEGORY_CARD_DEFINITIONS = Object.freeze([ { selector: ".company-employees-category-card--saudi", key: "saudi", label: "الموظفون السعوديون", keywords: ["الموظفون السعوديون", "الموظفين السعوديين", "سعودي", "سعوديين"] }, { selector: ".company-employees-category-card--foreign", key: "foreign", label: "الموظفون الأجانب", keywords: ["الموظفون الاجانب", "الموظفين الاجانب", "الاجانب", "اجنبي", "وافد", "غير سعودي"] }, { selector: ".company-employees-category-card--external", key: "external", label: "الموظفون الخارجيون", keywords: ["الموظفون الخارجيون", "الموظفين الخارجيين", "خارجي", "خارجيون", "خارجيين"] }, { selector: ".company-employees-category-card--daily", key: "daily", label: "الموظفون اليوميون", keywords: ["الموظفون اليوميون", "الموظفين اليوميين", "يومي", "يوميون", "يوميين"] } ]); const EMPLOYEE_STATUS_OPTIONS = Object.freeze([ "على رأس العمل", "في إجازة", "موقوف", "منتهي الخدمة" ]); const EMPLOYEE_DEPARTMENT_OPTIONS = Object.freeze([ "الإدارة العليا", "الموارد البشرية", "المالية والمحاسبة", "المبيعات", "التسويق", "خدمة العملاء", "تقنية المعلومات", "العمليات", "المشتريات", "المخازن والمستودعات", "اللوجستيات والنقل", "الإنتاج", "الجودة", "الصيانة", "إدارة المشاريع", "الشؤون القانونية والامتثال", "العلاقات الحكومية", "السلامة والصحة المهنية", "الأمن", "البحث والتطوير" ]); const getCategoryDefinition = (card) => CATEGORY_CARD_DEFINITIONS.find(({ selector }) => card instanceof Element && card.matches(selector)) || null; const getCategoryDefinitionByValue = (value) => { const key = normalizeKey(value); if (!key) return null; return CATEGORY_CARD_DEFINITIONS.find((definition) => definition.key === value || definition.keywords.some((keyword) => key.includes(normalizeKey(keyword))) ) || null; }; const canonicalCategoryKey = (value) => getCategoryDefinitionByValue(value)?.key || normalizeKey(value); const categoryLabel = (key) => CATEGORY_CARD_DEFINITIONS.find((definition) => definition.key === key)?.label || normalize(key); const syncCategoryCardState = (selectedCategoryKey = "") => { const root = getPageRoot(); if (!(root instanceof HTMLElement)) return; root.querySelectorAll(".company-employees-category-card").forEach((card) => { if (!(card instanceof HTMLElement)) return; const definition = getCategoryDefinition(card); const active = Boolean(definition && selectedCategoryKey === definition.key); card.classList.toggle("is-active-v175", active); const control = card.querySelector(".company-employees-category-button"); if (control instanceof HTMLElement) control.setAttribute("aria-pressed", String(active)); }); }; const activateCategoryCard = (card, { scroll = true } = {}) => { if (!(card instanceof HTMLElement)) return false; const toolbar = ensureToolbar(); if (!(toolbar instanceof HTMLElement)) return false; const definition = getCategoryDefinition(card); if (!definition) return false; const categorySelect = toolbar.querySelector(".company-employees-category-filter-v175"); const statusSelect = toolbar.querySelector(".company-employees-status-filter-v175"); const departmentSelect = toolbar.querySelector(".company-employees-department-filter-v175"); const searchInput = toolbar.querySelector(".company-employees-search-input-v175"); /* كروت التصنيفات تعمل كتبديل مباشر؛ لا تتطلب مسح الفلاتر يدويًا. */ if (categorySelect instanceof HTMLSelectElement) categorySelect.value = definition.key; if (statusSelect instanceof HTMLSelectElement) statusSelect.value = ""; if (departmentSelect instanceof HTMLSelectElement) departmentSelect.value = ""; if (searchInput instanceof HTMLInputElement) searchInput.value = ""; applyFilters(); if (scroll) { getPageRoot()?.querySelector(".company-employees-directory-section")?.scrollIntoView({ behavior: "smooth", block: "start" }); } return true; }; const ensureDefaultCategorySelection = () => { if (state.defaultCategoryApplied) return; const toolbar = ensureToolbar(); const select = toolbar?.querySelector(".company-employees-category-filter-v175"); if (!(select instanceof HTMLSelectElement) || !getRows().length) return; select.value = "saudi"; state.defaultCategoryApplied = true; applyFilters(); }; const updateSelectOptions = (select, values, label) => { if (!(select instanceof HTMLSelectElement)) return; const current = select.value; const unique = [...new Set(values.map(normalize).filter(Boolean))].sort((a, b) => a.localeCompare(b, "ar")); const html = [``] .concat(unique.map((value) => ``)) .join(""); if (select.innerHTML !== html) select.innerHTML = html; if (unique.includes(current)) select.value = current; }; const resolveToolbarHost = () => { const root = getPageRoot(); if (!(root instanceof HTMLElement)) return null; let host = root.querySelector(TOOLBAR_HOST_SELECTOR); if (host instanceof HTMLElement) return host; const section = root.querySelector(".company-employees-directory-section"); if (!(section instanceof HTMLElement)) return null; host = document.createElement("div"); host.className = "company-employees-toolbar-host"; host.dataset.employeesToolbarFallbackV175 = "true"; const tableRoot = section.querySelector(TABLE_ROOT_SELECTOR); const tableShell = tableRoot instanceof Element ? (getTopLevelChild(section, tableRoot) || tableRoot) : null; if (tableShell instanceof Element && tableShell.parentElement === section) { section.insertBefore(host, tableShell); } else { section.append(host); } return host; }; const ensureToolbar = () => { const host = resolveToolbarHost(); if (!(host instanceof HTMLElement)) return null; let toolbar = host.querySelector(":scope > .company-employees-toolbar-v175"); if (toolbar instanceof HTMLElement) return toolbar; toolbar = document.createElement("div"); toolbar.className = "company-employees-toolbar-v175"; toolbar.innerHTML = ` ${icon.search} 0 سجل`; host.append(toolbar); return toolbar; }; const getTotalCount = () => { const value = getPageRoot()?.querySelector(".company-employees-total-value")?.textContent; const number = Number(String(value ?? "").replace(/[^\d.-]/g, "")); return Number.isFinite(number) ? number : 0; }; const syncFilteredEmptyState = (visibleCount, selectedCategoryKey = "") => { const table = getTable(); if (!(table instanceof HTMLTableElement)) return; const body = table.tBodies?.[0]; if (!(body instanceof HTMLTableSectionElement)) return; let emptyRow = body.querySelector(":scope > tr.company-employees-filter-empty-v179"); if (visibleCount > 0) { emptyRow?.remove(); return; } if (!(emptyRow instanceof HTMLTableRowElement)) { emptyRow = document.createElement("tr"); emptyRow.className = "company-employees-filter-empty-v179"; const cell = document.createElement("td"); cell.className = "company-employees-filter-empty-cell-v179"; emptyRow.append(cell); body.append(emptyRow); } const cell = emptyRow.firstElementChild; if (cell instanceof HTMLTableCellElement) { cell.colSpan = Math.max(1, table.querySelectorAll("thead th").length); cell.innerHTML = selectedCategoryKey ? `

لا يوجد موظفون ضمن ${escapeHtml(categoryLabel(selectedCategoryKey))}اختر تصنيفًا آخر لعرض الموظفين المسجلين به.

` : `

لا يوجد موظفون مطابقونعدّل البحث أو الفلاتر لعرض نتائج أخرى.

`; } }; const applyFilters = () => { const toolbar = ensureToolbar(); if (!(toolbar instanceof HTMLElement)) return; const query = normalizeKey(toolbar.querySelector(".company-employees-search-input-v175")?.value || ""); const categoryKey = toolbar.querySelector(".company-employees-category-filter-v175")?.value || ""; const status = normalize(toolbar.querySelector(".company-employees-status-filter-v175")?.value || ""); const department = normalize(toolbar.querySelector(".company-employees-department-filter-v175")?.value || ""); let visible = 0; const rows = getRows(); rows.forEach((row) => { const rowCategoryKey = canonicalCategoryKey(row.dataset.employeesCategoryV175 || ""); const show = (!query || normalizeKey(row.dataset.employeesSearchV175 || "").includes(query)) && (!categoryKey || rowCategoryKey === categoryKey) && (!status || normalizeKey(row.dataset.employeesStatusV175 || "") === normalizeKey(status)) && (!department || normalizeKey(row.dataset.employeesDepartmentV175 || "") === normalizeKey(department)); row.classList.toggle("company-employees-filtered-out-v175", !show); if (show) visible += 1; }); const count = toolbar.querySelector(".company-employees-record-count-v175"); const total = getTotalCount(); if (count instanceof HTMLElement) { count.textContent = total > rows.length ? `${visible} ظاهر من ${rows.length} محمّل — الإجمالي ${total}` : `${visible} ظاهر من ${rows.length} سجل`; } const clear = toolbar.querySelector(".company-employees-clear-filters-v175"); if (clear instanceof HTMLButtonElement) { clear.hidden = !(query || categoryKey || status || department); } syncFilteredEmptyState(visible, categoryKey); syncCategoryCardState(categoryKey); }; const refreshToolbar = () => { const toolbar = ensureToolbar(); if (!(toolbar instanceof HTMLElement)) return; const rows = getRows(); const categorySelect = toolbar.querySelector(".company-employees-category-filter-v175"); if (categorySelect instanceof HTMLSelectElement) { const current = categorySelect.value; categorySelect.innerHTML = [``] .concat(CATEGORY_CARD_DEFINITIONS.map((definition) => `` )) .join(""); if (CATEGORY_CARD_DEFINITIONS.some((definition) => definition.key === current)) { categorySelect.value = current; } } const statusSelect = toolbar.querySelector(".company-employees-status-filter-v175"); if (statusSelect instanceof HTMLSelectElement) { const current = statusSelect.value; const rowStatuses = rows.map((row) => normalize(row.dataset.employeesStatusV175 || "")).filter(Boolean); const statuses = [...new Set([...EMPLOYEE_STATUS_OPTIONS, ...rowStatuses])]; statusSelect.innerHTML = [``] .concat(statuses.map((value) => ``)) .join(""); if (statuses.includes(current)) statusSelect.value = current; } const departmentSelect = toolbar.querySelector(".company-employees-department-filter-v175"); if (departmentSelect instanceof HTMLSelectElement) { const current = departmentSelect.value; const rowDepartments = rows.map((row) => normalize(row.dataset.employeesDepartmentV175 || "")).filter(Boolean); const departments = [...new Set([...EMPLOYEE_DEPARTMENT_OPTIONS, ...rowDepartments])]; departmentSelect.innerHTML = [``] .concat(departments.map((value) => ``)) .join(""); if (departments.includes(current)) departmentSelect.value = current; } applyFilters(); }; const decorateLoadMore = () => { const root = getTableRoot(); if (!(root instanceof HTMLElement)) return; root.querySelectorAll("button").forEach((button) => { if (!(button instanceof HTMLButtonElement)) return; const text = normalizeKey(button.textContent); if (/show more|عرض المزيد|المزيد/.test(text)) { button.classList.add("company-employees-load-more-v175"); button.textContent = "عرض المزيد"; } }); }; const replaceEmptyStates = () => { const root = getTableRoot(); if (!(root instanceof HTMLElement)) return; root.querySelectorAll("td, div, p, span").forEach((element) => { if (!(element instanceof HTMLElement)) return; const key = normalizeKey(element.textContent); if (key === "no items have been found." || key === "no items have been found") { element.textContent = "لا توجد بيانات موظفين لعرضها."; element.classList.add("company-employees-empty-state-v175"); } }); }; const visibleRows = () => getRows().filter((row) => !row.classList.contains("company-employees-filtered-out-v175")); const reportData = (scope) => { const table = getTable(); if (!(table instanceof HTMLTableElement)) return { headers: [], rows: [] }; const headers = [...table.querySelectorAll("thead th")].map((header) => normalize(header.textContent)); const sourceRows = scope === "visible" ? visibleRows() : getRows(); const rows = sourceRows.map((row) => [...row.querySelectorAll(":scope > td")].map((cell) => normalize(cell.textContent)) ); return { headers, rows }; }; const companyMeta = () => { const company = normalize(document.querySelector(".company-licenses-header-company-name, .company-header-company-name")?.textContent) || "المنشأة الحالية"; const register = normalize(document.querySelector(".company-licenses-header-register, .company-header-register")?.textContent).replace(/^.*?:/, "") || "—"; const user = normalize(document.querySelector(".company-licenses-header-user-name, .company-header-current-user")?.textContent).replace(/^.*?:/, "") || "المستخدم الحالي"; return { company, register, user }; }; const ensureReportModal = () => { let modal = document.querySelector(`.${MODAL_CLASS}`); if (modal instanceof HTMLElement) return modal; modal = document.createElement("div"); modal.className = MODAL_CLASS; modal.hidden = true; modal.innerHTML = ` `; document.body.append(modal); return modal; }; const renderReport = () => { const modal = ensureReportModal(); const scope = modal.querySelector("input[name='employees-report-scope-v175']:checked")?.value || "visible"; const { headers, rows } = reportData(scope); const meta = companyMeta(); const preview = modal.querySelector(".company-employees-report-preview-v175"); if (!(preview instanceof HTMLElement)) return; const tableHtml = rows.length ? `${headers.map((header) => ``).join("")}${rows.map((row) => `${row.map((value) => ``).join("")}`).join("")}

${escapeHtml(header)}
${escapeHtml(value \|\| "—")}

` : `

لا توجد سجلات مطابقة لنطاق التقرير الحالي.

`; preview.innerHTML = `

المنشأة${escapeHtml(meta.company)}

رقم السجل${escapeHtml(meta.register)}

أنشأه${escapeHtml(meta.user)}

تاريخ الإنشاء${escapeHtml(new Intl.DateTimeFormat("ar-SA", { dateStyle: "medium", timeStyle: "short" }).format(new Date()))}

دليل موظفي الشركة

${tableHtml}

`; }; const openReport = () => { const modal = ensureReportModal(); renderReport(); modal.hidden = false; document.body.classList.add("company-employees-report-open-v175"); }; const closeReport = () => { const modal = document.querySelector(`.${MODAL_CLASS}`); if (modal instanceof HTMLElement) modal.hidden = true; document.body.classList.remove("company-employees-report-open-v175"); }; const downloadCsv = () => { const modal = ensureReportModal(); const scope = modal.querySelector("input[name='employees-report-scope-v175']:checked")?.value || "visible"; const { headers, rows } = reportData(scope); const quote = (value) => `"${String(value ?? "").replace(/"/g, '""')}"`; const csv = `\uFEFF${[headers, ...rows].map((row) => row.map(quote).join(",")).join("\r\n")}`; const blob = new Blob([csv], { type: "text/csv;charset=utf-8" }); const url = URL.createObjectURL(blob); const anchor = document.createElement("a"); anchor.href = url; anchor.download = `employees-${new Date().toISOString().slice(0, 10)}.csv`; document.body.append(anchor); anchor.click(); anchor.remove(); URL.revokeObjectURL(url); }; const bindActions = () => { if (state.actionsBound) return; state.actionsBound = true; document.addEventListener("input", (event) => { const target = event.target; if (target instanceof HTMLInputElement && target.matches(".company-employees-search-input-v175")) applyFilters(); }, true); document.addEventListener("change", (event) => { const target = event.target; if (target instanceof HTMLSelectElement && target.closest(".company-employees-toolbar-v175")) applyFilters(); if (target instanceof HTMLInputElement && target.name === "employees-report-scope-v175") renderReport(); }, true); document.addEventListener("click", (event) => { const target = event.target instanceof Element ? event.target : null; if (!target) return; const categoryControl = target.closest(".company-employees-category-button"); if (categoryControl) { event.preventDefault(); event.stopPropagation(); const card = categoryControl.closest(".company-employees-category-card"); if (card instanceof HTMLElement) activateCategoryCard(card, { scroll: true }); return; } if (target.closest(".company-employees-clear-filters-v175")) { const toolbar = ensureToolbar(); toolbar?.querySelectorAll("input, select").forEach((field) => { if (field instanceof HTMLInputElement || field instanceof HTMLSelectElement) field.value = ""; }); applyFilters(); return; } if (target.closest(".company-employees-report-button-v175")) { openReport(); return; } if (target.closest(".company-employees-report-close-v175")) { closeReport(); return; } if (target.classList.contains(MODAL_CLASS)) { closeReport(); return; } const action = target.closest("[data-employees-report-action-v175]")?.getAttribute("data-employees-report-action-v175"); if (action === "csv") downloadCsv(); if (action === "print") { document.body.classList.add("company-employees-report-printing-v175"); window.print(); window.setTimeout(() => document.body.classList.remove("company-employees-report-printing-v175"), 300); } }, true); document.addEventListener("keydown", (event) => { if (event.key === "Escape") { closeReport(); return; } if (!["Enter", " "].includes(event.key)) return; const target = event.target instanceof Element ? event.target : null; const control = target?.closest(".company-employees-category-button"); if (!control) return; event.preventDefault(); event.stopPropagation(); const card = control.closest(".company-employees-category-card"); if (card instanceof HTMLElement) activateCategoryCard(card, { scroll: true }); }, true); }; const sync = () => { if (!isPage()) { document.body.classList.remove(BODY_CLASS); document.documentElement.removeAttribute("data-company-employees-v175"); state.defaultCategoryApplied = false; return false; } document.body.classList.add(BODY_CLASS); document.documentElement.setAttribute("data-company-employees-v175", "ready"); ensureCardStructure(); markLayoutHosts(); updateNavigationAndFooter(); decorateTable(); refreshToolbar(); ensureDefaultCategorySelection(); decorateLoadMore(); replaceEmptyStates(); bindActions(); return true; }; const schedule = () => { if (state.frame !== null) return; state.frame = window.requestAnimationFrame(() => { state.frame = null; try { sync(); } catch (error) { console.error("[موظفو الشركة V180] تعذر تحديث الصفحة.", error); } }); }; const start = () => { schedule(); let attempts = 0; const retry = window.setInterval(() => { attempts += 1; if (sync() || attempts >= 80) window.clearInterval(retry); }, 250); state.observer = new MutationObserver((mutations) => { const root = getPageRoot(); const touchesPage = mutations.some((mutation) => { if (root instanceof HTMLElement && mutation.target instanceof Node && root.contains(mutation.target)) return true; return [...mutation.addedNodes, ...mutation.removedNodes].some((node) => node instanceof Element && (node.matches?.(PAGE_SELECTOR) || node.querySelector?.(PAGE_SELECTOR)) ); }); if (touchesPage) schedule(); }); state.observer.observe(document.documentElement, { childList: true, subtree: true }); window.addEventListener("popstate", schedule); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[موظفو الشركة V180] تعذر تشغيل الصفحة.", error); } })(); /* ==================== V220 MODULE: LEGACY EMPLOYEE PROFILE ==================== */ /* ========================================================= EMPLOYEE PROFILE — COMPLETE EXPERIENCE V5 FINAL Layout normalization + photo fallback + metadata + tabs + complete content formatting ========================================================= */ try { const SELECTORS = Object.freeze({ page: ".employee-profile-summary-card", header: ".employee-page-header-wrapper", summaryLayout: ".employee-profile-summary-layout", photoPanel: ".employee-profile-photo-panel", photo: ".employee-profile-photo", contentPanel: ".employee-profile-content-panel", arabicName: ".employee-profile-name", englishName: ".employee-profile-name-en", metaRow: ".employee-profile-meta-row", metaCard: ".employee-profile-meta-card", statusCard: ".employee-profile-status", tabsShell: ".employee-profile-tabs-shell", originalTabsNavigation: ".employee-profile-tabs-nav", runtimeTabsNavigation: ".employee-profile-tabs-runtime-host", panel: ".employee-tab-panel", placeholder: ".employee-tab-panel-placeholder" }); const TAB_DEFINITIONS = Object.freeze([ { id: "personal", label: "البيانات الشخصية", panelSelector: ".employee-tab-panel-personal", description: "الهوية وبيانات التواصل والبيانات الشخصية الأساسية للموظف." }, { id: "work", label: "بيانات العمل", panelSelector: ".employee-tab-panel-work", description: "المسمى الوظيفي والهيكل التنظيمي وموقع العمل والمدير المباشر." }, { id: "compliance", label: "العقد والامتثال", panelSelector: ".employee-tab-panel-compliance", description: "العقد وتواريخ الانتهاء والتأمين والالتزامات النظامية." }, { id: "documents", label: "المستندات", panelSelector: ".employee-tab-panel-documents", description: "سجل مستندات الموظف والمرفقات وحالة الصلاحية والتنبيهات." }, { id: "payroll", label: "الراتب والإجازات", panelSelector: ".employee-tab-panel-payroll", description: "الراتب الحالي والسجل المالي وأرصدة الإجازات المستحقة والمستخدمة." }, { id: "services", label: "الخدمات والارتباطات", panelSelector: ".employee-tab-panel-services", description: "الخدمات والحسابات والأصول والارتباطات التابعة للموظف." } ]); const STORAGE_KEY = `employee-profile-active-tab:${window.location.pathname}`; const normalizeText = (value) => String(value ?? "") .replace(/\s+/g, " ") .trim(); const query = (selector, root = document) => { try { return root.querySelector(selector); } catch (error) { console.error( `[ملف الموظف V5] تعذر البحث عن العنصر: ${selector}`, error ); return null; } }; const queryAll = (selector, root = document) => { try { return [...root.querySelectorAll(selector)]; } catch (error) { console.error( `[ملف الموظف V5] تعذر البحث عن العناصر: ${selector}`, error ); return []; } }; const getLowestCommonAncestor = (elements) => { try { const validElements = elements.filter( (element) => element instanceof Element ); if (validElements.length === 0) { return null; } let ancestor = validElements[0].parentElement; while (ancestor) { if ( validElements.every( (element) => ancestor.contains(element) ) ) { return ancestor; } ancestor = ancestor.parentElement; } return null; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد الحاوية المشتركة.", error ); return null; } }; const getDirectChildUnderAncestor = ( element, ancestor ) => { try { if (!element || !ancestor) { return null; } let current = element; while ( current.parentElement && current.parentElement !== ancestor ) { current = current.parentElement; } return current.parentElement === ancestor ? current : null; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد غلاف العنصر.", error ); return null; } }; const removeEmployeeNamePrefix = (element) => { try { if (!(element instanceof Element)) { return; } const currentText = normalizeText( element.textContent ); if (!currentText) { return; } const cleanedText = currentText.replace( /^الموظف\s*[:：-]\s*/u, "" ); if (cleanedText && cleanedText !== currentText) { element.textContent = cleanedText; } } catch (error) { console.error( "[ملف الموظف V5] تعذر تنظيف اسم الموظف.", error ); } }; const initializeNames = () => { try { removeEmployeeNamePrefix( query(SELECTORS.arabicName) ); removeEmployeeNamePrefix( query(SELECTORS.englishName) ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة أسماء الموظف.", error ); } }; const getEmployeeInitials = () => { try { const fullName = normalizeText( query(SELECTORS.arabicName)?.textContent ); if (!fullName) { return "م"; } const parts = fullName .split(" ") .filter(Boolean); return parts .slice(0, 2) .map((part) => part.charAt(0)) .join("") || "م"; } catch (error) { console.error( "[ملف الموظف V5] تعذر إنشاء الأحرف البديلة للصورة.", error ); return "م"; } }; const getImageElement = () => { try { const photoRoot = query(SELECTORS.photo); if (!photoRoot) { return null; } if (photoRoot instanceof HTMLImageElement) { return photoRoot; } return photoRoot.querySelector("img"); } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد عنصر صورة الموظف.", error ); return null; } }; const setPhotoState = (hasValidImage) => { try { const panel = query(SELECTORS.photoPanel); if (!panel) { return; } panel.classList.toggle( "is-missing", !hasValidImage ); let fallback = panel.querySelector( ":scope > .employee-profile-photo-fallback" ); if (!fallback) { fallback = document.createElement("div"); fallback.className = "employee-profile-photo-fallback"; fallback.setAttribute("aria-hidden", "true"); panel.appendChild(fallback); } fallback.textContent = getEmployeeInitials(); } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديث حالة صورة الموظف.", error ); } }; const initializePhoto = () => { try { const image = getImageElement(); if (!image) { setPhotoState(false); return; } const evaluateImage = () => { const source = normalizeText( image.currentSrc || image.getAttribute("src") || "" ); const isValid = Boolean( source && image.complete && image.naturalWidth > 0 && image.naturalHeight > 0 ); setPhotoState(isValid); }; if ( image.dataset.employeePhotoBound !== "true" ) { image.dataset.employeePhotoBound = "true"; image.addEventListener( "load", evaluateImage ); image.addEventListener( "error", () => setPhotoState(false) ); } evaluateImage(); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة صورة الموظف.", error ); } }; const initializeSummaryLayout = () => { try { const layout = query( SELECTORS.summaryLayout ); const content = query( SELECTORS.contentPanel ); const photo = query( SELECTORS.photoPanel ); if (!layout || !content || !photo) { return; } const runtimeGrid = getLowestCommonAncestor([ content, photo ]); if ( !runtimeGrid || !layout.contains(runtimeGrid) ) { return; } runtimeGrid.classList.add( "employee-profile-summary-runtime-grid" ); getDirectChildUnderAncestor( content, runtimeGrid )?.classList.add( "employee-profile-content-slot" ); getDirectChildUnderAncestor( photo, runtimeGrid )?.classList.add( "employee-profile-photo-slot" ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة تخطيط بطاقة الموظف.", error ); } }; const parseMetaText = (text) => { try { const normalized = normalizeText(text); if (!normalized) { return { label: "بيان", value: "غير متوفر" }; } const separatorIndex = normalized.search( /[:：]/u ); if (separatorIndex < 0) { return { label: "بيان", value: normalized }; } const label = normalizeText( normalized.slice(0, separatorIndex) ); const value = normalizeText( normalized.slice(separatorIndex + 1) ); return { label: label || "بيان", value: value || "غير متوفر" }; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحليل بطاقة البيانات.", error ); return { label: "بيان", value: "غير متوفر" }; } }; const decorateMetaCard = (card) => { try { if (!(card instanceof Element)) { return; } if ( card.dataset.employeeMetaDecorated === "true" && card.querySelector( ":scope > .employee-meta-label" ) && card.querySelector( ":scope > .employee-meta-value" ) ) { return; } const { label, value } = parseMetaText( card.textContent ); const labelElement = document.createElement("span"); labelElement.className = "employee-meta-label"; labelElement.textContent = label; const valueElement = document.createElement("span"); valueElement.className = "employee-meta-value"; valueElement.textContent = value; card.replaceChildren( labelElement, valueElement ); card.dataset.employeeMetaDecorated = "true"; } catch (error) { console.error( "[ملف الموظف V5] تعذر تنسيق بطاقة بيانات الموظف.", error ); } }; const decorateEmployeeStatus = () => { try { const statusCard = query( SELECTORS.statusCard ); if (!statusCard) { return; } const value = normalizeText( statusCard.querySelector( ".employee-meta-value" )?.textContent || statusCard.textContent ); const successValues = [ "على رأس العمل", "نشط", "نشطة", "ساري", "سارية" ]; const warningValues = [ "إجازة", "موقوف مؤقتاً", "قيد المراجعة" ]; const dangerValues = [ "موقوف", "مستقيل", "منتهي الخدمة", "منتهي" ]; statusCard.classList.remove( "is-success", "is-warning", "is-danger" ); if (successValues.includes(value)) { statusCard.classList.add("is-success"); } else if (warningValues.includes(value)) { statusCard.classList.add("is-warning"); } else if (dangerValues.includes(value)) { statusCard.classList.add("is-danger"); } } catch (error) { console.error( "[ملف الموظف V5] تعذر تنسيق حالة الموظف.", error ); } }; const initializeMetaRows = () => { try { queryAll(SELECTORS.metaRow).forEach( (row) => { const cards = queryAll( SELECTORS.metaCard, row ); if (cards.length === 0) { return; } cards.forEach(decorateMetaCard); const runtimeGrid = getLowestCommonAncestor(cards); if ( !runtimeGrid || !row.contains(runtimeGrid) ) { return; } runtimeGrid.classList.add( "employee-profile-meta-runtime-grid" ); cards.forEach((card) => { getDirectChildUnderAncestor( card, runtimeGrid )?.classList.add( "employee-profile-meta-slot" ); }); } ); decorateEmployeeStatus(); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة بيانات الموظف المختصرة.", error ); } }; const getTabsShell = () => query(SELECTORS.tabsShell); const getTabDefinition = (tabId) => TAB_DEFINITIONS.find( (definition) => definition.id === tabId ) ?? null; const getTabPanel = ( shell, definition ) => { try { if (!shell || !definition) { return null; } return query( definition.panelSelector, shell ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد محتوى التبويب.", error ); return null; } }; const createTabButton = (definition) => { try { const button = document.createElement("button"); button.type = "button"; button.className = "employee-tab-button"; button.textContent = definition.label; button.dataset.employeeTab = definition.id; button.id = `employee-tab-control-${definition.id}`; button.setAttribute("role", "tab"); button.setAttribute( "aria-controls", `employee-tab-panel-${definition.id}` ); button.setAttribute( "aria-selected", "false" ); button.setAttribute("tabindex", "-1"); return button; } catch (error) { console.error( "[ملف الموظف V5] تعذر إنشاء زر التبويب.", error ); return null; } }; const createPanelHeader = ( panel, definition ) => { try { if (!panel || !definition) { return; } let header = panel.querySelector( ":scope > .employee-tab-panel-header" ); if (!header) { header = document.createElement("header"); header.className = "employee-tab-panel-header"; const title = document.createElement("h2"); title.className = "employee-tab-panel-title"; title.textContent = definition.label; const description = document.createElement("p"); description.className = "employee-tab-panel-description"; description.textContent = definition.description; header.append( title, description ); panel.prepend(header); } } catch (error) { console.error( "[ملف الموظف V5] تعذر إنشاء عنوان محتوى التبويب.", error ); } }; const ensureRuntimeNavigation = (shell) => { try { const originalNavigation = query( SELECTORS.originalTabsNavigation, shell ); let runtimeNavigation = query( SELECTORS.runtimeTabsNavigation, shell ); if (!runtimeNavigation) { runtimeNavigation = document.createElement("nav"); runtimeNavigation.className = "employee-profile-tabs-runtime-host"; runtimeNavigation.setAttribute( "role", "tablist" ); runtimeNavigation.setAttribute( "aria-label", "أقسام ملف الموظف" ); const buttons = TAB_DEFINITIONS .map(createTabButton) .filter( (button) => button instanceof HTMLButtonElement ); runtimeNavigation.append(...buttons); if (originalNavigation) { originalNavigation.before( runtimeNavigation ); } else { shell.prepend(runtimeNavigation); } } shell.classList.add( "employee-tabs-runtime-ready" ); return runtimeNavigation; } catch (error) { console.error( "[ملف الموظف V5] تعذر تجهيز شريط التبويبات.", error ); return null; } }; const activateTab = ( tabId, { persist = true, focus = false } = {} ) => { try { const shell = getTabsShell(); const definition = getTabDefinition(tabId); if (!shell || !definition) { return false; } const runtimeNavigation = query( SELECTORS.runtimeTabsNavigation, shell ); const selectedPanel = getTabPanel( shell, definition ); if (!runtimeNavigation || !selectedPanel) { return false; } TAB_DEFINITIONS.forEach( (item) => { const button = query( `.employee-tab-button[data-employee-tab="${item.id}"]`, runtimeNavigation ); const panel = getTabPanel( shell, item ); const isSelected = item.id === tabId; if (button) { button.classList.toggle( "is-active", isSelected ); button.setAttribute( "aria-selected", String(isSelected) ); button.setAttribute( "tabindex", isSelected ? "0" : "-1" ); if ( isSelected && focus && button instanceof HTMLElement ) { button.focus({ preventScroll: true }); } } if (panel) { panel.classList.toggle( "is-active", isSelected ); panel.hidden = !isSelected; panel.setAttribute( "aria-hidden", String(!isSelected) ); } } ); shell.classList.add( "employee-tabs-ready" ); if (persist) { try { window.sessionStorage.setItem( STORAGE_KEY, tabId ); } catch (storageError) { console.error( "[ملف الموظف V5] تعذر حفظ التبويب المختار.", storageError ); } } return true; } catch (error) { console.error( "[ملف الموظف V5] تعذر فتح التبويب.", error ); return false; } }; const initializeTabs = () => { try { const shell = getTabsShell(); if (!shell) { return; } const allPanelsExist = TAB_DEFINITIONS.every( (definition) => Boolean( getTabPanel(shell, definition) ) ); if (!allPanelsExist) { shell.classList.remove( "employee-tabs-ready" ); return; } const runtimeNavigation = ensureRuntimeNavigation(shell); if (!runtimeNavigation) { return; } TAB_DEFINITIONS.forEach( (definition) => { const panel = getTabPanel( shell, definition ); if (!panel) { return; } panel.id = `employee-tab-panel-${definition.id}`; panel.dataset.employeeTabPanel = definition.id; panel.setAttribute( "role", "tabpanel" ); panel.setAttribute( "aria-labelledby", `employee-tab-control-${definition.id}` ); panel.setAttribute( "tabindex", "0" ); createPanelHeader( panel, definition ); } ); let requestedTabId = TAB_DEFINITIONS[0].id; try { const storedTabId = window.sessionStorage.getItem( STORAGE_KEY ); if ( storedTabId && getTabDefinition(storedTabId) ) { requestedTabId = storedTabId; } } catch (storageError) { console.error( "[ملف الموظف V5] تعذر قراءة التبويب المحفوظ.", storageError ); } activateTab(requestedTabId, { persist: false, focus: false }); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة التبويبات.", error ); } }; const bindTabEvents = () => { try { if ( document.documentElement.dataset .employeeProfileV5TabsBound === "true" ) { return; } document.documentElement.dataset .employeeProfileV5TabsBound = "true"; document.addEventListener( "click", (event) => { try { const button = event.target instanceof Element ? event.target.closest( `${SELECTORS.runtimeTabsNavigation} .employee-tab-button[data-employee-tab]` ) : null; const tabId = button?.dataset.employeeTab; if (!tabId) { return; } event.preventDefault(); event.stopPropagation(); activateTab(tabId); } catch (error) { console.error( "[ملف الموظف V5] تعذر معالجة الضغط على التبويب.", error ); } }, true ); document.addEventListener( "keydown", (event) => { try { const button = event.target instanceof Element ? event.target.closest( `${SELECTORS.runtimeTabsNavigation} .employee-tab-button[data-employee-tab]` ) : null; if (!button) { return; } const tabId = button.dataset.employeeTab; if (!tabId) { return; } if (["Enter", " "].includes(event.key)) { event.preventDefault(); activateTab(tabId, { persist: true, focus: true }); return; } const supportedKeys = new Set([ "ArrowLeft", "ArrowRight", "Home", "End" ]); if (!supportedKeys.has(event.key)) { return; } const navigation = query( SELECTORS.runtimeTabsNavigation ); if (!navigation) { return; } const buttons = queryAll( ".employee-tab-button[data-employee-tab]", navigation ); if (buttons.length === 0) { return; } event.preventDefault(); const currentIndex = Math.max( 0, buttons.indexOf(button) ); let nextIndex = currentIndex; if (event.key === "Home") { nextIndex = 0; } else if (event.key === "End") { nextIndex = buttons.length - 1; } else if (event.key === "ArrowLeft") { nextIndex = (currentIndex + 1) % buttons.length; } else if ( event.key === "ArrowRight" ) { nextIndex = (currentIndex - 1 + buttons.length) % buttons.length; } const nextButton = buttons[nextIndex]; const nextTabId = nextButton?.dataset.employeeTab; if (nextTabId) { activateTab(nextTabId, { persist: true, focus: true }); } } catch (error) { console.error( "[ملف الموظف V5] تعذر تشغيل التبويبات من لوحة المفاتيح.", error ); } }, true ); } catch (error) { console.error( "[ملف الموظف V5] تعذر ربط أحداث التبويبات.", error ); } }; /* ========================================================= EMPLOYEE TAB CONTENT — ENTERPRISE FORMAT V5.7 CANONICAL SALARY + LOGIN SAFE + TRUE RTL بطاقات القيم، الشبكات، الحالات، المرفقات وحالات الفراغ ========================================================= */ const LABELED_DETAIL_SELECTOR = [ ".employee-detail-card:not(.employee-relationships-summary-note)", ".employee-document-detail", ".employee-document-status", ".employee-document-alert", ".employee-document-notes", ".employee-current-salary-reference", ".employee-current-salary-status", ".employee-salary-detail", ".employee-salary-component", ".employee-salary-total", ".employee-salary-notes", ".employee-salary-history-status", ".employee-salary-history-detail" ].join(","); const GRID_DEFINITIONS = Object.freeze([ { selectors: [ ".employee-detail-grid-identity", ".employee-detail-grid-contact", ".employee-detail-grid-compliance-summary", ".employee-detail-grid-work-organization", ".employee-detail-grid-employment-status", ".employee-detail-grid-contract", ".employee-detail-grid-mandatory-documents", ".employee-detail-grid-compliance-status", ".employee-detail-grid-leave-balances", ".employee-detail-grid-operational-services", ".employee-document-status-grid", ".employee-salary-components-primary", ".employee-salary-components-secondary", ".employee-salary-payment-primary" ], columns: 3 }, { selectors: [ ".employee-detail-grid-systems", ".employee-detail-grid-visas-vehicles", ".employee-document-details-primary", ".employee-document-details-dates", ".employee-document-alert-grid", ".employee-current-salary-header", ".employee-salary-dates-grid", ".employee-salary-totals-grid", ".employee-salary-payment-secondary", ".employee-salary-history-dates", ".employee-salary-history-totals" ], columns: 2 } ]); const CURRENT_SALARY_CANONICAL_ROWS = Object.freeze([ { key: "header", columns: 2, selectors: [ ".employee-current-salary-reference", ".employee-current-salary-status" ] }, { key: "dates", columns: 2, selectors: [ ".employee-salary-effective-start", ".employee-salary-effective-end" ] }, { key: "primary-components", columns: 3, selectors: [ ".employee-salary-base", ".employee-salary-housing", ".employee-salary-transport" ] }, { key: "secondary-components", columns: 3, selectors: [ ".employee-salary-commissions", ".employee-salary-other-allowances", ".employee-salary-deductions" ] }, { key: "totals", columns: 2, selectors: [ ".employee-salary-gross", ".employee-salary-net" ] } ]); const CURRENT_SALARY_PAYMENT_ROWS = Object.freeze([ { key: "payment-primary", columns: 3, selectors: [ ".employee-salary-payment-method", ".employee-salary-currency", ".employee-salary-bank-name" ] }, { key: "payment-secondary", columns: 2, selectors: [ ".employee-salary-account-number", ".employee-salary-iban" ] } ]); const REPEAT_DEFINITIONS = Object.freeze([ { repeatSelector: ".employee-documents-repeat", cardSelector: ".employee-document-card", columns: 3, message: "لا توجد مستندات مسجلة لهذا الموظف." }, { repeatSelector: ".employee-current-salary-repeat", cardSelector: ".employee-current-salary-card", columns: 1, message: "لا يوجد سجل راتب حالي للموظف." }, { repeatSelector: ".employee-salary-history-repeat", cardSelector: ".employee-salary-history-card", columns: 2, message: "لا توجد سجلات رواتب سابقة للموظف." } ]); const EMPTY_VALUE_PATTERNS = new Set([ "", "-", "—", ":", "null", "undefined", "none", "[]", "{}" ]); const normalizeBooleanValue = (value) => { const normalizedValue = normalizeText(value).toLowerCase(); if (["true", "yes", "1"].includes(normalizedValue)) { return "نعم"; } if (["false", "no", "0"].includes(normalizedValue)) { return "لا"; } return value; }; const isEmptyDetailValue = (value) => { const normalizedValue = normalizeText(value).toLowerCase(); return EMPTY_VALUE_PATTERNS.has(normalizedValue); }; const formatIsoDate = (value) => { try { const normalizedValue = normalizeText(value); const isoMatch = normalizedValue.match( /^(\d{4})-(\d{2})-(\d{2})(?:[T\s].*)?$/u ); if (!isoMatch) { return value; } const [, year, month, day] = isoMatch; const monthNumber = Number(month); const dayNumber = Number(day); if ( monthNumber < 1 || monthNumber > 12 || dayNumber < 1 || dayNumber > 31 ) { return value; } return `${day}-${month}-${year}`; } catch (error) { console.error( "[ملف الموظف V5] تعذر تنسيق التاريخ.", error ); return value; } }; const parseDisplayDate = (value) => { try { const normalizedValue = normalizeText(value); const isoMatch = normalizedValue.match( /^(\d{4})-(\d{2})-(\d{2})(?:[T\s].*)?$/u ); const displayMatch = normalizedValue.match( /^(\d{2})-(\d{2})-(\d{4})$/u ); const parts = isoMatch ? { year: Number(isoMatch[1]), month: Number(isoMatch[2]), day: Number(isoMatch[3]) } : displayMatch ? { year: Number(displayMatch[3]), month: Number(displayMatch[2]), day: Number(displayMatch[1]) } : null; if ( !parts || parts.year < 1900 || parts.month < 1 || parts.month > 12 || parts.day < 1 || parts.day > 31 ) { return null; } const date = new Date( Date.UTC( parts.year, parts.month - 1, parts.day ) ); if ( date.getUTCFullYear() !== parts.year || date.getUTCMonth() !== parts.month - 1 || date.getUTCDate() !== parts.day ) { return null; } return date; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحليل التاريخ.", error ); return null; } }; const getDaysFromToday = (date) => { try { if (!(date instanceof Date)) { return null; } const now = new Date(); const todayUtc = Date.UTC( now.getFullYear(), now.getMonth(), now.getDate() ); return Math.ceil( (date.getTime() - todayUtc) / 86400000 ); } catch (error) { console.error( "[ملف الموظف V5] تعذر حساب الأيام المتبقية.", error ); return null; } }; const formatValiditySummary = (days) => { if (!Number.isFinite(days)) { return "غير مسجل"; } if (days < 0) { return `منتهي منذ ${Math.abs(days)} يوم`; } if (days === 0) { return "ينتهي اليوم"; } if (days <= 30) { return `قريب الانتهاء — متبقي ${days} يوم`; } return `ساري — متبقي ${days} يوم`; }; const normalizeStatusSummaryValue = ( element, value ) => { try { if (!(element instanceof Element)) { return value; } const classText = [...element.classList].join(" "); if (!classText.includes("status-summary")) { return value; } if ( classText.includes("contract-status-summary") ) { const numericValue = Number( normalizeText(value).replace(/[^\d.-]/g, "") ); return Number.isFinite(numericValue) ? formatValiditySummary(numericValue) : value; } const date = parseDisplayDate(value); const days = getDaysFromToday(date); return Number.isFinite(days) ? formatValiditySummary(days) : value; } catch (error) { console.error( "[ملف الموظف V5] تعذر تجهيز ملخص الصلاحية.", error ); return value; } }; const isDateDetailElement = (element) => { try { if (!(element instanceof Element)) { return false; } return [...element.classList].some( (className) => className.includes("date") || className.includes("expiry") || className.includes("start") || className.includes("end") || className.includes("issued") || className.includes("joining") || className.includes("created-at") || className.includes("updated-at") ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد حقل التاريخ.", error ); return false; } }; const isLtrDetailElement = (element, value) => { try { if (!(element instanceof Element)) { return false; } const classText = [...element.classList].join(" "); const isTechnicalField = [ "email", "phone", "mobile", "number", "iban", "account", "reference", "date", "expiry", "start", "end", "issued", "joining", "created-at", "updated-at", "days", "salary", "currency" ].some((token) => classText.includes(token)); const isPredominantlyTechnical = /^[\d\s+@._:/()%-]+$/u.test( normalizeText(value) ); return isTechnicalField || isPredominantlyTechnical; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد اتجاه القيمة.", error ); return false; } }; const parseLabeledDetail = (text) => { try { const normalizedText = normalizeText(text); const separatorIndex = normalizedText.search(/[:：]/u); if (separatorIndex < 0) { return { label: "البيان", value: normalizedText }; } return { label: normalizeText( normalizedText.slice(0, separatorIndex) ) || "البيان", value: normalizeText( normalizedText.slice(separatorIndex + 1) ) }; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحليل قيمة الحقل.", error ); return { label: "البيان", value: "" }; } }; const getSemanticState = (value, element = null) => { try { const normalizedValue = normalizeText(value); const loweredValue = normalizedValue.toLowerCase(); if ( element instanceof Element && [...element.classList].some( (className) => className.includes("days") ) ) { const numericValue = Number( normalizedValue.replace(/[^\d.-]/g, "") ); if (Number.isFinite(numericValue)) { if (numericValue < 0) { return "is-danger"; } if (numericValue <= 30) { return "is-warning"; } return "is-success"; } } const successTokens = [ "نعم", "ساري", "سارية", "نشط", "نشطة", "حالي", "معتمد", "مكتمل", "على رأس العمل", "صالح" ]; const warningTokens = [ "قريب الانتهاء", "قريبة الانتهاء", "قيد المراجعة", "قيد الانتظار", "معلق", "معلقة", "مسودة", "إجازة" ]; const dangerTokens = [ "لا", "منتهي", "منتهية", "غير ساري", "غير سارية", "موقوف", "ملغي", "ملغاة", "مرفوض", "مرفوضة", "مستقيل", "منتهي الخدمة" ]; if ( successTokens.some((token) => loweredValue.includes(token.toLowerCase()) ) ) { return "is-success"; } if ( warningTokens.some((token) => loweredValue.includes(token.toLowerCase()) ) ) { return "is-warning"; } if ( dangerTokens.some((token) => loweredValue.includes(token.toLowerCase()) ) ) { return "is-danger"; } return ""; } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد الحالة الدلالية.", error ); return ""; } }; const applyDetailState = (element, value) => { try { if (!(element instanceof Element)) { return; } element.classList.remove( "is-success", "is-warning", "is-danger", "is-info" ); const stateClass = getSemanticState( value, element ); if (stateClass) { element.classList.add(stateClass); } } catch (error) { console.error( "[ملف الموظف V5] تعذر تطبيق حالة الحقل.", error ); } }; const decorateLabeledDetail = (element) => { try { if (!(element instanceof Element)) { return; } const existingLabel = element.querySelector( ":scope > .employee-detail-label" ); const existingValue = element.querySelector( ":scope > .employee-detail-value" ); if (existingLabel && existingValue) { applyDetailState( element, existingValue.textContent ); return; } const { label, value: rawValue } = parseLabeledDetail(element.textContent); const booleanNormalizedValue = normalizeBooleanValue(rawValue); const dateNormalizedValue = isDateDetailElement(element) ? formatIsoDate(booleanNormalizedValue) : booleanNormalizedValue; const summaryNormalizedValue = normalizeStatusSummaryValue( element, dateNormalizedValue ); const isEmpty = isEmptyDetailValue( summaryNormalizedValue ); const displayValue = isEmpty ? "غير مسجل" : summaryNormalizedValue; const labelElement = document.createElement("span"); labelElement.className = "employee-detail-label"; labelElement.textContent = label; const valueElement = document.createElement("span"); valueElement.className = "employee-detail-value"; valueElement.textContent = displayValue; if ( isLtrDetailElement( element, displayValue ) ) { valueElement.classList.add( "is-ltr-value" ); } element.replaceChildren( labelElement, valueElement ); element.classList.toggle( "is-empty", isEmpty ); element.dataset.employeeDetailDecorated = "true"; applyDetailState(element, displayValue); } catch (error) { console.error( "[ملف الموظف V5] تعذر تنسيق حقل التفاصيل.", error ); } }; const decorateDocumentCategory = (element) => { try { if (!(element instanceof Element)) { return; } if ( element.dataset.employeeCategoryDecorated === "true" ) { return; } const { value } = parseLabeledDetail( element.textContent ); element.textContent = isEmptyDetailValue(value) ? "غير مصنف" : value; element.dataset.employeeCategoryDecorated = "true"; } catch (error) { console.error( "[ملف الموظف V5] تعذر تنسيق تصنيف المستند.", error ); } }; const initializeDetailedValues = () => { try { queryAll(LABELED_DETAIL_SELECTOR).forEach( decorateLabeledDetail ); queryAll( ".employee-document-category" ).forEach(decorateDocumentCategory); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة قيم التبويبات.", error ); } }; const normalizeSectionHeaderSlot = ( section, selector, slotClassName, order ) => { try { if (!(section instanceof Element)) { return; } const element = section.querySelector(selector); if (!(element instanceof Element)) { return; } const slot = getDirectChildUnderAncestor( element, section ); element.setAttribute("dir", "rtl"); element.style.setProperty( "width", "100%", "important" ); element.style.setProperty( "max-width", "100%", "important" ); element.style.setProperty( "direction", "rtl", "important" ); element.style.setProperty( "text-align", "right", "important" ); if (!(slot instanceof Element)) { return; } slot.classList.add(slotClassName); slot.setAttribute("dir", "rtl"); slot.style.setProperty( "width", "100%", "important" ); slot.style.setProperty( "max-width", "100%", "important" ); slot.style.setProperty( "min-width", "0", "important" ); slot.style.setProperty( "grid-column", "1 / -1", "important" ); slot.style.setProperty( "grid-row", "auto", "important" ); slot.style.setProperty( "grid-area", "auto", "important" ); slot.style.setProperty( "order", String(order), "important" ); slot.style.setProperty( "justify-self", "stretch", "important" ); slot.style.setProperty( "direction", "rtl", "important" ); slot.style.setProperty( "text-align", "right", "important" ); } catch (error) { console.error( "[ملف الموظف V5.2] تعذر تثبيت عنوان القسم من اليمين.", error ); } }; const initializeSectionHeaderLayouts = () => { try { queryAll(".employee-detail-section").forEach( (section) => { section.setAttribute("dir", "rtl"); section.style.setProperty( "direction", "rtl", "important" ); section.style.setProperty( "text-align", "right", "important" ); normalizeSectionHeaderSlot( section, ".employee-detail-section-title", "employee-runtime-section-title-slot", -100 ); normalizeSectionHeaderSlot( section, ".employee-detail-section-description", "employee-runtime-section-description-slot", -99 ); } ); } catch (error) { console.error( "[ملف الموظف V5.2] تعذر تهيئة عناوين الأقسام العربية.", error ); } }; const getGridAnchors = (grid) => { try { return queryAll( [ ".employee-detail-card", ".employee-document-detail", ".employee-document-status", ".employee-document-alert", ".employee-salary-detail", ".employee-salary-component", ".employee-salary-total", ".employee-salary-history-detail" ].join(","), grid ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديد عناصر الشبكة.", error ); return []; } }; const initializeDetailGrid = ( grid, columns ) => { try { if (!(grid instanceof Element)) { return; } const anchors = getGridAnchors(grid); if (anchors.length === 0) { return; } const runtimeGrid = getLowestCommonAncestor(anchors); if ( !runtimeGrid || !grid.contains(runtimeGrid) ) { return; } runtimeGrid.classList.add( "employee-runtime-grid" ); runtimeGrid.dataset.employeeColumns = String(columns); const slots = new Set(); anchors.forEach((anchor) => { const slot = getDirectChildUnderAncestor( anchor, runtimeGrid ); if (slot) { slots.add(slot); } }); runtimeGrid.setAttribute("dir", "rtl"); runtimeGrid.style.setProperty( "direction", "rtl", "important" ); const orderedSlots = [...slots]; orderedSlots.forEach((slot, index) => { /* ترتيب DOM الذي يولده Baserow معاكس لترتيب الأعمدة الظاهر في Builder. لذلك نعكس ترتيب أغلفة الأعمدة نفسها، وليس محاذاة النص فقط، حتى يصبح العمود الأول في أقصى اليمين. */ const rtlOrder = orderedSlots.length - 1 - index; slot.classList.add( "employee-runtime-grid-slot" ); slot.dataset.employeeRtlOrder = String(rtlOrder); slot.style.setProperty( "grid-column", "auto", "important" ); slot.style.setProperty( "grid-row", "auto", "important" ); slot.style.setProperty( "grid-area", "auto", "important" ); slot.style.setProperty( "order", String(rtlOrder), "important" ); slot.style.setProperty( "direction", "rtl", "important" ); slot.style.setProperty( "text-align", "right", "important" ); }); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة شبكة التفاصيل.", error ); } }; const initializeDetailGrids = () => { try { GRID_DEFINITIONS.forEach( ({ selectors, columns }) => { selectors.forEach((selector) => { queryAll(selector).forEach((grid) => { initializeDetailGrid( grid, columns ); }); }); } ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة شبكات التبويبات.", error ); } }; const getCanonicalSalarySource = ( card, selector ) => { try { if (!(card instanceof Element)) { return null; } return queryAll(selector, card).find( (element) => !element.closest( ".employee-current-salary-canonical-host" ) ) ?? null; } catch (error) { console.error( "[ملف الموظف V5.7] تعذر العثور على مصدر حقل الراتب.", error ); return null; } }; const cloneCanonicalSalaryElement = ( source ) => { try { if (!(source instanceof Element)) { return null; } const clone = source.cloneNode(true); [clone, ...queryAll("[id]", clone)].forEach( (element) => { element.removeAttribute("id"); } ); clone.classList.remove( "employee-current-salary-flow-block" ); clone.removeAttribute( "data-employee-salary-flow-order" ); clone.style.removeProperty("order"); clone.style.removeProperty("grid-column"); clone.style.removeProperty("grid-row"); clone.style.removeProperty("grid-area"); clone.style.removeProperty("position"); clone.style.removeProperty("inset"); clone.style.removeProperty("transform"); clone.setAttribute("dir", "rtl"); return clone; } catch (error) { console.error( "[ملف الموظف V5.7] تعذر نسخ حقل الراتب.", error ); return null; } }; const createCanonicalSalaryRow = ( card, definition ) => { try { const row = document.createElement("div"); row.className = "employee-current-salary-canonical-row"; row.dataset.employeeSalaryRow = definition.key; row.dataset.employeeColumns = String(definition.columns); row.setAttribute("dir", "rtl"); const items = definition.selectors .map((selector) => getCanonicalSalarySource(card, selector) ) .map(cloneCanonicalSalaryElement) .filter( (element) => element instanceof Element ); if (items.length === 0) { return null; } row.replaceChildren(...items); return row; } catch (error) { console.error( "[ملف الموظف V5.7] تعذر إنشاء صف الراتب.", error ); return null; } }; const getCurrentSalarySignature = ( card ) => { try { const selectors = [ ...CURRENT_SALARY_CANONICAL_ROWS.flatMap( ({ selectors }) => selectors ), ".employee-salary-subsection-title", ...CURRENT_SALARY_PAYMENT_ROWS.flatMap( ({ selectors }) => selectors ), ".employee-salary-notes" ]; return selectors .map((selector) => { const source = getCanonicalSalarySource( card, selector ); return normalizeText( source?.textContent ?? "" ); }) .join("||"); } catch (error) { console.error( "[ملف الموظف V5.7] تعذر تكوين بصمة بطاقة الراتب.", error ); return ""; } }; const initializeCurrentSalaryCanonicalLayout = () => { try { queryAll( ".employee-current-salary-card" ).forEach((card) => { const signature = getCurrentSalarySignature(card); if (!signature) { return; } let host = card.querySelector( ":scope > .employee-current-salary-canonical-host" ); if (!(host instanceof Element)) { host = document.createElement("div"); host.className = "employee-current-salary-canonical-host"; host.setAttribute("dir", "rtl"); host.setAttribute( "aria-label", "تفاصيل الراتب الحالي" ); card.appendChild(host); } if ( host.dataset.employeeSalarySignature === signature && host.children.length > 0 ) { card.classList.add( "employee-current-salary-canonical-ready" ); return; } const fragments = []; CURRENT_SALARY_CANONICAL_ROWS.forEach( (definition) => { const row = createCanonicalSalaryRow( card, definition ); if (row) { fragments.push(row); } } ); const paymentSection = document.createElement("section"); paymentSection.className = "employee-current-salary-canonical-payment"; paymentSection.setAttribute("dir", "rtl"); const paymentTitleSource = getCanonicalSalarySource( card, ".employee-salary-subsection-title" ); const paymentTitle = cloneCanonicalSalaryElement( paymentTitleSource ); if (paymentTitle) { paymentSection.appendChild( paymentTitle ); } CURRENT_SALARY_PAYMENT_ROWS.forEach( (definition) => { const row = createCanonicalSalaryRow( card, definition ); if (row) { paymentSection.appendChild(row); } } ); const notesSource = getCanonicalSalarySource( card, ".employee-salary-notes" ); const notes = cloneCanonicalSalaryElement( notesSource ); if (notes) { notes.classList.add( "employee-current-salary-canonical-notes" ); paymentSection.appendChild(notes); } if (paymentSection.children.length > 0) { fragments.push(paymentSection); } if (fragments.length === 0) { return; } host.replaceChildren(...fragments); host.dataset.employeeSalarySignature = signature; card.classList.remove( "employee-current-salary-flow-ready" ); card.classList.add( "employee-current-salary-canonical-ready" ); card.setAttribute("dir", "rtl"); }); } catch (error) { console.error( "[ملف الموظف V5.7] تعذر بناء بطاقة الراتب المطابقة للـBuilder.", error ); } }; const initializeRepeatLayout = ( repeat, cardSelector, columns ) => { try { if (!(repeat instanceof Element)) { return; } const cards = queryAll( cardSelector, repeat ); if (cards.length === 0) { return; } const runtimeGrid = getLowestCommonAncestor(cards); if ( !runtimeGrid || !repeat.contains(runtimeGrid) ) { return; } runtimeGrid.classList.add( "employee-runtime-repeat-grid" ); runtimeGrid.dataset.employeeRepeatColumns = String(columns); runtimeGrid.setAttribute("dir", "rtl"); runtimeGrid.style.setProperty( "direction", "rtl", "important" ); const slots = new Set(); cards.forEach((card) => { const slot = getDirectChildUnderAncestor( card, runtimeGrid ); if (slot) { slots.add(slot); } }); [...slots].forEach((slot, index) => { slot.classList.add( "employee-runtime-repeat-slot" ); slot.dataset.employeeRtlOrder = String(index); slot.style.setProperty( "grid-column", "auto", "important" ); slot.style.setProperty( "grid-row", "auto", "important" ); slot.style.setProperty( "grid-area", "auto", "important" ); slot.style.setProperty( "order", String(index), "important" ); slot.style.setProperty( "direction", "rtl", "important" ); slot.style.setProperty( "text-align", "right", "important" ); }); } catch (error) { console.error( "[ملف الموظف V5.1] تعذر تهيئة اتجاه قائمة السجلات.", error ); } }; const initializeRepeatLayouts = () => { try { REPEAT_DEFINITIONS.forEach( ({ repeatSelector, cardSelector, columns }) => { queryAll(repeatSelector).forEach( (repeat) => { initializeRepeatLayout( repeat, cardSelector, columns ); } ); } ); } catch (error) { console.error( "[ملف الموظف V5.1] تعذر تهيئة اتجاه القوائم المتكررة.", error ); } }; const isAvailableLink = (link) => { try { if (!(link instanceof HTMLAnchorElement)) { return false; } const href = normalizeText( link.getAttribute("href") || "" ); return Boolean( href && href !== "#" && !href.startsWith("javascript:") && !href.includes("undefined") && !href.includes("null") ); } catch (error) { console.error( "[ملف الموظف V5] تعذر فحص رابط المرفق.", error ); return false; } }; const getDocumentActionElements = (wrapper) => { try { if (!(wrapper instanceof Element)) { return { link: null, control: null }; } const link = wrapper instanceof HTMLAnchorElement ? wrapper : wrapper.querySelector("a"); const directControl = wrapper.matches( "a, button, [role='button']" ) ? wrapper : null; const control = link || directControl || wrapper.querySelector( "button, [role='button']" ); return { link, control }; } catch (error) { console.error( "[ملف الموظف V5.1] تعذر تحديد زر المستند.", error ); return { link: null, control: null }; } }; const initializeDocumentLinks = () => { try { queryAll( ".employee-document-open-link, .employee-detail-document-link" ).forEach((wrapper) => { const { link, control } = getDocumentActionElements(wrapper); const isAvailable = isAvailableLink(link); wrapper.classList.add( "employee-document-action-wrapper" ); wrapper.classList.toggle( "is-unavailable", !isAvailable ); if (control) { control.classList.add( "employee-document-action-control" ); control.classList.toggle( "is-unavailable", !isAvailable ); control.setAttribute( "aria-disabled", String(!isAvailable) ); queryAll( "button, [role='button']", control ).forEach((nestedControl) => { if (nestedControl !== control) { nestedControl.classList.add( "employee-document-action-inner-reset" ); } }); } if (link) { link.classList.add( "employee-document-action-control" ); link.classList.toggle( "is-unavailable", !isAvailable ); link.setAttribute( "aria-disabled", String(!isAvailable) ); if (!isAvailable) { link.removeAttribute("target"); link.removeAttribute("rel"); link.textContent = "لا يوجد مرفق"; } else { link.setAttribute( "target", "_blank" ); link.setAttribute( "rel", "noopener noreferrer" ); } } }); } catch (error) { console.error( "[ملف الموظف V5.1] تعذر تهيئة روابط المستندات.", error ); } }; const initializeRepeatEmptyStates = () => { try { REPEAT_DEFINITIONS.forEach( ({ repeatSelector, cardSelector, message }) => { queryAll(repeatSelector).forEach( (repeat) => { const cards = queryAll( cardSelector, repeat ); let emptyState = repeat.querySelector( ":scope > .employee-repeat-empty-state" ); if (cards.length > 0) { emptyState?.remove(); return; } if (!emptyState) { emptyState = document.createElement("div"); emptyState.className = "employee-repeat-empty-state"; emptyState.textContent = message; repeat.appendChild(emptyState); } } ); } ); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة حالات القوائم الفارغة.", error ); } }; const bindUnavailableLinkEvents = () => { try { if ( document.documentElement.dataset .employeeUnavailableLinksBound === "true" ) { return; } document.documentElement.dataset .employeeUnavailableLinksBound = "true"; document.addEventListener( "click", (event) => { const link = event.target instanceof Element ? event.target.closest( ".employee-document-open-link.is-unavailable, .employee-detail-document-link.is-unavailable, a.is-unavailable" ) : null; if (!link) { return; } event.preventDefault(); event.stopPropagation(); }, true ); } catch (error) { console.error( "[ملف الموظف V5] تعذر ربط حماية الروابط الفارغة.", error ); } }; const initializeEmployeeTabContent = () => { try { initializeSectionHeaderLayouts(); initializeDetailGrids(); initializeRepeatLayouts(); initializeDetailedValues(); initializeCurrentSalaryCanonicalLayout(); initializeDocumentLinks(); initializeRepeatEmptyStates(); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة محتوى التبويبات.", error ); } }; const initializeEmployeeProfile = () => { try { if (!query(SELECTORS.page)) { return; } document.documentElement.lang = "ar"; document.documentElement.dir = "rtl"; if (document.body) { document.body.lang = "ar"; document.body.dir = "rtl"; } initializeNames(); initializeSummaryLayout(); initializeMetaRows(); initializePhoto(); initializeTabs(); initializeEmployeeTabContent(); } catch (error) { console.error( "[ملف الموظف V5] تعذر تهيئة صفحة ملف الموظف.", error ); } }; bindTabEvents(); bindUnavailableLinkEvents(); let updateFrame = null; const scheduleUpdate = () => { try { if (updateFrame !== null) { return; } updateFrame = window.requestAnimationFrame(() => { try { initializeEmployeeProfile(); } catch (error) { console.error( "[ملف الموظف V5] تعذر تحديث الصفحة الديناميكية.", error ); } finally { updateFrame = null; } }); } catch (error) { console.error( "[ملف الموظف V5] تعذر جدولة تحديث الصفحة.", error ); } }; if (document.readyState === "loading") { document.addEventListener( "DOMContentLoaded", initializeEmployeeProfile, { once: true } ); } else { initializeEmployeeProfile(); } const observer = new MutationObserver( (mutations) => { try { const hasRelevantMutation = mutations.some((mutation) => { if ( mutation.type === "characterData" || mutation.type === "attributes" ) { return true; } return [...mutation.addedNodes].some( (node) => node instanceof Element || node instanceof Text ); }); if (hasRelevantMutation) { scheduleUpdate(); } } catch (error) { console.error( "[ملف الموظف V5] تعذر معالجة تحديثات Baserow.", error ); } } ); const employeeProfileObserverRoot = document.querySelector(".employee-profile-summary-card"); if (employeeProfileObserverRoot) { observer.observe(employeeProfileObserverRoot, { childList: true, subtree: true, attributes: true, attributeFilter: ["src", "href"] }); } } catch (error) { console.error( "[ملف الموظف V5] تعذر تشغيل تجربة ملف الموظف.", error ); } })(); (() => { "use strict"; /* ==================== V220 MODULE: LICENSES ==================== */ /* ========================================================= COMPANY LICENSES WORKSPACE V12 Wide operations runtime with deterministic Baserow DOM bridging. ========================================================= */ try { const PAGE_SELECTOR = ".company-licenses-workspace"; const STORAGE_KEY = `company-licenses-active-panel:${window.location.pathname}`; const panels = Object.freeze([ { id: "trademarks", action: ".company-licenses-summary-action-trademarks", card: ".company-licenses-summary-card-trademarks", panel: ".company-licenses-panel-trademarks" }, { id: "leases", action: ".company-licenses-summary-action-leases", card: ".company-licenses-summary-card-leases", panel: ".company-licenses-panel-leases" }, { id: "tax", action: ".company-licenses-summary-action-tax", card: ".company-licenses-summary-card-tax", panel: ".company-licenses-panel-tax" }, { id: "municipal", action: ".company-licenses-summary-action-municipal", card: ".company-licenses-summary-card-municipal", panel: ".company-licenses-panel-municipal" }, { id: "spl", action: ".company-licenses-summary-action-spl", card: ".company-licenses-summary-card-spl", panel: ".company-licenses-panel-spl" }, { id: "civil-defense", action: ".company-licenses-summary-action-civil-defense", card: ".company-licenses-summary-card-civil-defense", panel: ".company-licenses-panel-civil-defense" } ]); const profileTabMap = Object.freeze({ overview: "overview", "platform-accounts": "platform-accounts", subscriptions: "subscriptions", connectivity: "connectivity", banking: "banking", cars: "cars" }); const normalizeText = (value) => String(value ?? "").replace(/\s+/g, " ").trim(); const getClickable = (element) => { if (!(element instanceof Element)) { return null; } if (element.matches("a, button, [role='button']")) { return element; } return element.querySelector("a, button, [role='button']"); }; const getDirectChild = (element, ancestor) => { if (!(element instanceof Element) || !(ancestor instanceof Element)) { return null; } let current = element; while (current.parentElement && current.parentElement !== ancestor) { current = current.parentElement; } return current.parentElement === ancestor ? current : null; }; const getLowestCommonAncestor = (elements) => { const validElements = elements.filter( (element) => element instanceof Element ); if (validElements.length === 0) { return null; } let ancestor = validElements[0].parentElement; while (ancestor) { if ( validElements.every((element) => ancestor.contains(element)) ) { return ancestor; } ancestor = ancestor.parentElement; } return null; }; const markBridgeChain = ( element, ancestor, bridgeClass ) => { if (!(element instanceof Element) || !(ancestor instanceof Element)) { return; } let current = element.parentElement; while (current && current !== ancestor) { current.classList.add(bridgeClass); current = current.parentElement; } }; const setSlot = (element, ancestor, className) => { const slot = getDirectChild(element, ancestor); if (slot) { slot.classList.add(className); } return slot; }; const normalizeHeaderText = (value) => String(value ?? "") .replace(/\s+/g, " ") .trim(); const parseHeaderFieldValue = (element, fallbackLabel) => { const rawText = normalizeHeaderText(element?.textContent); if (!rawText) { return { label: fallbackLabel, value: "غير مسجل" }; } const match = rawText.match(/^([^:：]+?)\s*[:：]\s*(.+)$/); return { label: normalizeHeaderText(match?.[1] || fallbackLabel), value: normalizeHeaderText(match?.[2] || rawText) || "غير مسجل" }; }; const getHeaderUserValue = (element) => { const rawText = normalizeHeaderText(element?.textContent); const match = rawText.match(/^([^:：]+?)\s*[:：]\s*(.+)$/); return normalizeHeaderText(match?.[2] || rawText || "مدير النظام"); }; const getHeaderInitials = (value) => { const words = normalizeHeaderText(value) .split(" ") .filter(Boolean) .slice(0, 2); return words.map((word) => word.charAt(0)).join("") || "م"; }; const createHeaderElement = (tagName, className, text = "") => { const element = document.createElement(tagName); element.className = className; if (text) { element.textContent = text; } return element; }; const findHeaderSource = (sourceHeader, selector) => sourceHeader.querySelector(selector) || document.querySelector(selector); const getOriginalLogoutClickable = (sourceHeader) => { const originalLogout = findHeaderSource(sourceHeader, ".company-licenses-logout-button"); if (!(originalLogout instanceof Element)) { return null; } if (originalLogout.matches("a, button, [role='button']")) { return originalLogout; } return originalLogout.querySelector("a, button, [role='button']"); }; const createLogoutIcon = () => { const svg = document.createElementNS( "http://www.w3.org/2000/svg", "svg" ); svg.setAttribute("viewBox", "0 0 24 24"); svg.setAttribute("aria-hidden", "true"); svg.setAttribute("focusable", "false"); const firstPath = document.createElementNS( "http://www.w3.org/2000/svg", "path" ); firstPath.setAttribute("d", "M10 17l5-5-5-5"); const secondPath = document.createElementNS( "http://www.w3.org/2000/svg", "path" ); secondPath.setAttribute("d", "M15 12H3"); const thirdPath = document.createElementNS( "http://www.w3.org/2000/svg", "path" ); thirdPath.setAttribute( "d", "M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4" ); svg.append(firstPath, secondPath, thirdPath); return svg; }; const ensureEnterpriseHeader = (sourceHeader) => { let runtime = document.getElementById( "company-licenses-enterprise-header" ); if (runtime instanceof HTMLElement) { return runtime; } runtime = document.createElement("header"); runtime.id = "company-licenses-enterprise-header"; runtime.className = "company-licenses-enterprise-header"; runtime.setAttribute("dir", "rtl"); runtime.setAttribute("role", "banner"); runtime.setAttribute( "aria-label", "بيانات المنشأة والمستخدم الحالي" ); const account = createHeaderElement( "section", "company-licenses-enterprise-account" ); const logoutButton = createHeaderElement( "button", "company-licenses-enterprise-logout" ); logoutButton.type = "button"; logoutButton.setAttribute("aria-label", "تسجيل الخروج"); logoutButton.setAttribute("title", "تسجيل الخروج"); logoutButton.appendChild(createLogoutIcon()); const user = createHeaderElement( "div", "company-licenses-enterprise-user" ); const avatar = createHeaderElement( "span", "company-licenses-enterprise-avatar" ); const userCopy = createHeaderElement( "div", "company-licenses-enterprise-user-copy" ); const userLabel = createHeaderElement( "span", "company-licenses-enterprise-user-label", "المستخدم" ); const userName = createHeaderElement( "strong", "company-licenses-enterprise-user-name" ); userCopy.append(userLabel, userName); user.append(avatar, userCopy); account.append(logoutButton, user); const meta = createHeaderElement( "nav", "company-licenses-enterprise-meta" ); meta.setAttribute("aria-label", "بيانات المنشأة المختصرة"); [ ["brand", "ع", "العلامة التجارية"], ["type", "ن", "نوع الشركة"], ["status", "ح", "حالة الشركة"] ].forEach(([field, icon, label]) => { const item = createHeaderElement( "div", "company-licenses-enterprise-meta-item" ); item.dataset.field = field; const iconElement = createHeaderElement( "span", "company-licenses-enterprise-meta-icon", icon ); const copy = createHeaderElement( "span", "company-licenses-enterprise-meta-copy" ); const labelElement = createHeaderElement( "span", "company-licenses-enterprise-meta-label", label ); const valueElement = createHeaderElement( "strong", "company-licenses-enterprise-meta-value" ); copy.append(labelElement, valueElement); item.append(iconElement, copy); meta.appendChild(item); }); const identity = createHeaderElement( "section", "company-licenses-enterprise-identity" ); const mark = createHeaderElement( "span", "company-licenses-enterprise-mark", "ش" ); const identityText = createHeaderElement( "div", "company-licenses-enterprise-identity-text" ); const company = createHeaderElement( "strong", "company-licenses-enterprise-company" ); const divider = createHeaderElement( "span", "company-licenses-enterprise-divider" ); divider.setAttribute("aria-hidden", "true"); const registration = createHeaderElement( "span", "company-licenses-enterprise-registration" ); identityText.append(company, divider, registration); identity.append(mark, identityText); runtime.append(account, meta, identity); sourceHeader.parentNode?.insertBefore(runtime, sourceHeader); logoutButton.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); const clickableLogout = getOriginalLogoutClickable(sourceHeader); if (clickableLogout instanceof HTMLElement) { clickableLogout.click(); } }); return runtime; }; const updateEnterpriseHeader = (sourceHeader, runtime) => { const companySource = findHeaderSource( sourceHeader, ".company-licenses-company-name" ); const registrationSource = findHeaderSource( sourceHeader, ".company-licenses-company-registration" ); const brandSource = findHeaderSource( sourceHeader, ".company-licenses-company-brand" ); const typeSource = findHeaderSource( sourceHeader, ".company-licenses-company-type" ); const statusSource = findHeaderSource( sourceHeader, ".company-licenses-company-status" ); const userSource = findHeaderSource( sourceHeader, ".company-licenses-current-user" ); const companyName = normalizeHeaderText(companySource?.textContent) || "اسم المنشأة"; const registration = parseHeaderFieldValue( registrationSource, "رقم السجل" ); const brand = parseHeaderFieldValue( brandSource, "العلامة التجارية" ); const type = parseHeaderFieldValue(typeSource, "نوع الشركة"); const status = parseHeaderFieldValue(statusSource, "حالة الشركة"); const userValue = getHeaderUserValue(userSource); const companyTarget = runtime.querySelector( ".company-licenses-enterprise-company" ); const registrationTarget = runtime.querySelector( ".company-licenses-enterprise-registration" ); const userTarget = runtime.querySelector( ".company-licenses-enterprise-user-name" ); const avatarTarget = runtime.querySelector( ".company-licenses-enterprise-avatar" ); const markTarget = runtime.querySelector( ".company-licenses-enterprise-mark" ); if (companyTarget) { companyTarget.textContent = companyName; companyTarget.setAttribute("title", companyName); } if (registrationTarget) { registrationTarget.textContent = `${registration.label}: ${registration.value}`; registrationTarget.setAttribute( "title", `${registration.label}: ${registration.value}` ); } if (userTarget) { userTarget.textContent = userValue; userTarget.setAttribute("title", userValue); } if (avatarTarget) { avatarTarget.textContent = getHeaderInitials(userValue); } if (markTarget) { markTarget.textContent = getHeaderInitials(companyName).charAt(0) || "ش"; } const fieldValues = new Map([ ["brand", brand], ["type", type], ["status", status] ]); runtime .querySelectorAll(".company-licenses-enterprise-meta-item") .forEach((item) => { const field = fieldValues.get(item.dataset.field); if (!field) { return; } const label = item.querySelector( ".company-licenses-enterprise-meta-label" ); const value = item.querySelector( ".company-licenses-enterprise-meta-value" ); if (label) { label.textContent = field.label; } if (value) { value.textContent = field.value; value.setAttribute("title", field.value); } }); }; /* V15 header renderer disabled. V16 owns the licenses header. */ const normalizeHeader = () => {}; const normalizeWorkspace = () => { const page = document.querySelector(PAGE_SELECTOR); if (!page) { return false; } document.body?.classList.add("portal-licenses-page", "portal-licenses-v12", "portal-licenses-header-v15"); page.setAttribute("dir", "rtl"); const main = page.querySelector(".company-licenses-main"); const sidebar = page.querySelector(".company-licenses-sidebar"); const mainSlot = setSlot( main, page, "company-licenses-main-column" ); const sidebarSlot = setSlot( sidebar, page, "company-licenses-sidebar-column" ); if (mainSlot && sidebarSlot && mainSlot === sidebarSlot) { mainSlot.classList.remove( "company-licenses-main-column", "company-licenses-sidebar-column" ); const layout = getLowestCommonAncestor([main, sidebar]); if (layout && page.contains(layout)) { page.classList.add("company-licenses-workspace-nested"); layout.classList.add("company-licenses-workspace-inner"); setSlot(main, layout, "company-licenses-main-column"); setSlot(sidebar, layout, "company-licenses-sidebar-column"); } } return true; }; const normalizeSummaryCards = () => { const grid = document.querySelector( ".company-licenses-summary-grid" ); if (!grid) { return; } const cards = [ ...grid.querySelectorAll(".company-licenses-summary-card") ]; cards.forEach((card) => { markBridgeChain( card, grid, "company-licenses-summary-bridge" ); const definition = panels.find((item) => card.matches(item.card) ); if (definition) { card.dataset.licensesPanelTarget = definition.id; card.setAttribute("role", "button"); card.setAttribute("tabindex", "0"); card.setAttribute( "aria-label", `عرض ${normalizeText( card.querySelector( ".company-licenses-summary-card-title" )?.textContent )}` ); } const title = card.querySelector( ".company-licenses-summary-card-title" ); const count = card.querySelector( ".company-licenses-summary-card-count" ); const action = card.querySelector( ".company-licenses-summary-card-action" ); let runtimeAction = card.querySelector( ":scope > .company-licenses-runtime-action" ); if (!runtimeAction) { runtimeAction = document.createElement("button"); runtimeAction.type = "button"; runtimeAction.className = "company-licenses-runtime-action"; runtimeAction.textContent = "عرض الشهادات"; card.appendChild(runtimeAction); } if (definition) { runtimeAction.dataset.licensesPanelTarget = definition.id; runtimeAction.setAttribute( "aria-label", `عرض ${normalizeText(title?.textContent)}` ); } const contentRoot = getLowestCommonAncestor( [title, count, action].filter(Boolean) ) ?? card; if (card.contains(contentRoot) || contentRoot === card) { contentRoot.classList.add("company-licenses-card-content"); [title, count, action].forEach((element) => { if (element) { markBridgeChain( element, contentRoot, "company-licenses-card-bridge" ); } }); } }); }; const prepareActions = () => { panels.forEach((definition) => { document.querySelectorAll(definition.action).forEach((action) => { action.dataset.licensesPanelTarget = definition.id; action.setAttribute("role", "button"); action.setAttribute("tabindex", "0"); const clickable = getClickable(action); if (clickable) { clickable.dataset.licensesPanelTarget = definition.id; } }); }); }; const prepareSidebar = () => { document .querySelectorAll(".company-workspace-nav-item") .forEach((item) => { const clickable = getClickable(item); const disabled = item.classList.contains("is-disabled"); item.setAttribute("dir", "rtl"); if (disabled) { item.setAttribute("aria-disabled", "true"); clickable?.setAttribute("aria-disabled", "true"); clickable?.setAttribute("tabindex", "-1"); } }); document .querySelectorAll(".company-workspace-nav-licenses") .forEach((item) => { item.classList.add("is-active"); item.setAttribute("aria-current", "page"); }); }; const setPanelState = ( panelId, { persist = true, scroll = false } = {} ) => { const selected = panels.find( (definition) => definition.id === panelId ); if (!selected || !document.querySelector(selected.panel)) { return false; } panels.forEach((definition) => { const active = definition.id === panelId; document.querySelectorAll(definition.panel).forEach((panel) => { panel.classList.toggle("is-active", active); panel.hidden = !active; panel.setAttribute("aria-hidden", String(!active)); }); document.querySelectorAll(definition.card).forEach((card) => { card.classList.toggle("is-active", active); card.setAttribute("aria-current", active ? "true" : "false"); }); document.querySelectorAll(definition.action).forEach((action) => { action.classList.toggle("is-active", active); action.setAttribute("aria-pressed", String(active)); }); }); if (persist) { try { window.sessionStorage.setItem(STORAGE_KEY, panelId); } catch (error) { console.error( "[الشهادات والتراخيص] تعذر حفظ القسم المختار.", error ); } } if (scroll) { window.requestAnimationFrame(() => { document.querySelector(selected.panel)?.scrollIntoView({ behavior: "smooth", block: "start" }); }); } return true; }; const initializePanels = () => { let requestedPanel = "trademarks"; try { requestedPanel = window.sessionStorage.getItem(STORAGE_KEY) || "trademarks"; } catch (error) { console.error( "[الشهادات والتراخيص] تعذر قراءة القسم المحفوظ.", error ); } const requestedExists = panels.some( (definition) => definition.id === requestedPanel && document.querySelector(definition.panel) ); const fallback = panels.find((definition) => document.querySelector(definition.panel) ); if (requestedExists) { setPanelState(requestedPanel, { persist: false }); } else if (fallback) { setPanelState(fallback.id, { persist: false }); } }; /* ========================================================= COMPANY LICENSES V42 — FINAL FILE COLUMN RUNTIME The final Builder field is always treated as the file column. ========================================================= */ const getTableHeaders = (table) => [...table.querySelectorAll("thead th")]; const getDirectRowCells = (row) => [...row.children].filter( (child) => child instanceof HTMLTableCellElement ); const getFinalFileColumnIndex = (table) => { const headers = getTableHeaders(table); return headers.length > 0 ? headers.length - 1 : -1; }; const normalizeFileUrlV42 = (value) => { const raw = String(value ?? "").trim(); if ( !raw || raw === "#" || raw.startsWith("javascript:") ) { return ""; } try { return new URL(raw, window.location.href).href; } catch { return raw; } }; const extractBackgroundUrlV42 = (element) => { if (!(element instanceof Element)) { return ""; } const inlineValue = element.style?.backgroundImage || ""; const computedValue = window.getComputedStyle(element).backgroundImage || ""; const value = inlineValue && inlineValue !== "none" ? inlineValue : computedValue; const match = String(value).match(/url$["']?(.*?)["']?$/i); return normalizeFileUrlV42(match?.[1] || ""); }; const getOriginalFileElementsV42 = (cell) => [...cell.children].filter( (element) => element instanceof Element && !element.matches( ".company-licenses-file-action-v42, .company-licenses-file-empty-v42" ) ); const getFileDescriptorV42 = (cell) => { const originals = getOriginalFileElementsV42(cell); const descendants = originals.flatMap((element) => [ element, ...element.querySelectorAll("*") ]); const anchor = descendants.find( (element) => element instanceof HTMLAnchorElement && normalizeFileUrlV42(element.getAttribute("href")) ); if (anchor instanceof HTMLAnchorElement) { return { href: normalizeFileUrlV42(anchor.getAttribute("href")), trigger: anchor, hasFile: true }; } const mediaElement = descendants.find( (element) => element instanceof HTMLImageElement || element instanceof HTMLSourceElement || element instanceof HTMLVideoElement ); const mediaUrl = normalizeFileUrlV42( mediaElement instanceof HTMLImageElement ? mediaElement.currentSrc || mediaElement.getAttribute("src") : mediaElement?.getAttribute?.("src") || "" ); if (mediaUrl) { return { href: mediaUrl, trigger: mediaElement, hasFile: true }; } const urlAttributeNames = [ "data-url", "data-file-url", "data-download-url", "data-src", "data-href", "href", "src" ]; for (const element of descendants) { for (const attributeName of urlAttributeNames) { const url = normalizeFileUrlV42( element.getAttribute?.(attributeName) || "" ); if (url) { return { href: url, trigger: element, hasFile: true }; } } const backgroundUrl = extractBackgroundUrlV42(element); if (backgroundUrl) { return { href: backgroundUrl, trigger: element, hasFile: true }; } } const trigger = descendants.find((element) => { if (!(element instanceof Element)) { return false; } const accessibleText = normalizeText( [ element.getAttribute("aria-label"), element.getAttribute("title"), element.textContent ] .filter(Boolean) .join(" ") ); return Boolean( element.matches("button, [role='button'], [tabindex], img") && /(ملف|مرفق|وثيقة|فتح|تنزيل|تحميل|preview|file|download|open)/i.test( accessibleText ) ); }); const meaningfulText = normalizeText( originals.map((element) => element.textContent).join(" ") ); const hasVisualContent = originals.some((element) => element.querySelector?.("img, source, video, svg, canvas") ); const hasFile = Boolean( trigger || hasVisualContent || (meaningfulText && !/^(—|-|لا يوجد ملف)$/i.test(meaningfulText)) ); return { href: "", trigger: trigger || originals[0] || null, hasFile }; }; const markOriginalFilePreviewV42 = (cell) => { getOriginalFileElementsV42(cell).forEach((element) => { element.classList.add("company-licenses-file-original-v42"); element.setAttribute("aria-hidden", "true"); }); }; const prepareFileCellV42 = (cell) => { if (!(cell instanceof HTMLTableCellElement)) { return; } cell.classList.add("company-licenses-file-cell-v42"); const descriptor = getFileDescriptorV42(cell); const nextState = descriptor.href ? `url:${descriptor.href}` : descriptor.hasFile ? "native-trigger" : "empty"; const existing = cell.querySelector( ":scope > .company-licenses-file-action-v42, :scope > .company-licenses-file-empty-v42" ); if ( cell.dataset.licensesFileV42State === nextState && existing ) { markOriginalFilePreviewV42(cell); return; } existing?.remove(); cell.dataset.licensesFileV42State = nextState; markOriginalFilePreviewV42(cell); if (descriptor.href) { const link = document.createElement("a"); link.className = "company-licenses-file-action-v42"; link.href = descriptor.href; link.target = "_blank"; link.rel = "noopener noreferrer"; link.setAttribute("aria-label", "فتح الملف في تبويب جديد"); link.textContent = "فتح الملف"; cell.appendChild(link); return; } if (descriptor.hasFile && descriptor.trigger) { const button = document.createElement("button"); button.type = "button"; button.className = "company-licenses-file-action-v42"; button.setAttribute("aria-label", "فتح الملف"); button.textContent = "فتح الملف"; button.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); try { if ( descriptor.trigger instanceof HTMLAnchorElement && descriptor.trigger.href ) { window.open( descriptor.trigger.href, "_blank", "noopener,noreferrer" ); return; } if (typeof descriptor.trigger.click === "function") { descriptor.trigger.click(); return; } descriptor.trigger.dispatchEvent( new MouseEvent("click", { bubbles: true, cancelable: true, view: window }) ); } catch (error) { console.error( "[الشهادات والتراخيص] تعذر فتح الملف الأصلي.", error ); } }); cell.appendChild(button); return; } const unavailable = document.createElement("span"); unavailable.className = "company-licenses-file-empty-v42"; unavailable.textContent = "لا يوجد ملف"; unavailable.setAttribute("aria-disabled", "true"); cell.appendChild(unavailable); }; const prepareTables = () => { document .querySelectorAll(".company-licenses-data-table table") .forEach((table) => { table.setAttribute("dir", "rtl"); table.dataset.licensesTableV42 = "true"; const headers = getTableHeaders(table); const fileIndex = getFinalFileColumnIndex(table); if (fileIndex >= 0 && headers[fileIndex]) { headers[fileIndex].textContent = "فتح الملف"; headers[fileIndex].classList.add( "company-licenses-file-header-v42" ); table.querySelectorAll("tbody tr").forEach((row) => { const cells = getDirectRowCells(row); const fileCell = cells[fileIndex]; if (fileCell && !fileCell.hasAttribute("colspan")) { prepareFileCellV42(fileCell); } }); } table.querySelectorAll("td[colspan]").forEach((cell) => { const value = normalizeText(cell.textContent); if (/No items have been found/i.test(value)) { cell.textContent = "لا توجد بيانات لعرضها."; } }); }); }; const preparePanelBadges = () => { panels.forEach((definition) => { const countText = normalizeText( document.querySelector( `${definition.card} .company-licenses-summary-card-count` )?.textContent ); document.querySelectorAll(definition.panel).forEach((panel) => { const title = panel.querySelector( ".company-licenses-panel-title" ); if (!title) { return; } let badge = title.querySelector( ":scope > .company-licenses-panel-count-badge" ); if (!badge) { badge = document.createElement("span"); badge.className = "company-licenses-panel-count-badge"; title.appendChild(badge); } badge.textContent = countText ? `${countText} سجل` : "لا توجد سجلات"; }); }); }; const prepareProfileNavigation = () => { document .querySelectorAll(".company-workspace-nav-item") .forEach((item) => { const navClass = [...item.classList].find((className) => className.startsWith("company-workspace-nav-") ); const navId = navClass?.replace("company-workspace-nav-", ""); const profileTabId = profileTabMap[navId]; const link = getClickable(item); const href = link?.getAttribute("href"); if (!profileTabId || !href) { return; } item.dataset.companyProfileTargetTab = profileTabId; }); }; const initialize = () => { if (!normalizeWorkspace()) { return; } normalizeHeader(); normalizeSummaryCards(); prepareActions(); prepareSidebar(); prepareProfileNavigation(); initializePanels(); preparePanelBadges(); prepareTables(); document.documentElement.dataset.licensesWorkspaceV12Ready = "true"; document.documentElement.dataset.licensesHeaderV15Ready = "true"; }; const activateFromTarget = (target, scroll = true) => { const panelId = target?.dataset?.licensesPanelTarget; if (!panelId) { return false; } return setPanelState(panelId, { persist: true, scroll }); }; const bindEvents = () => { if ( document.documentElement.dataset.licensesWorkspaceV12EventsBound === "true" ) { return; } document.documentElement.dataset.licensesWorkspaceV12EventsBound = "true"; document.addEventListener( "click", (event) => { const target = event.target instanceof Element ? event.target.closest("[data-licenses-panel-target]") : null; if (target) { event.preventDefault(); event.stopPropagation(); activateFromTarget(target, true); return; } const disabled = event.target instanceof Element ? event.target.closest( ".company-workspace-nav-item.is-disabled" ) : null; if (disabled) { event.preventDefault(); event.stopPropagation(); return; } const profileItem = event.target instanceof Element ? event.target.closest( ".company-workspace-nav-item[data-company-profile-target-tab]" ) : null; if (!profileItem) { return; } const link = getClickable(profileItem); const href = link?.getAttribute("href"); const tabId = profileItem.dataset.companyProfileTargetTab; if (!href || !tabId) { return; } try { const targetUrl = new URL(href, window.location.href); window.sessionStorage.setItem( `company-profile-active-tab:${targetUrl.pathname}`, tabId ); } catch (error) { console.error( "[الشهادات والتراخيص] تعذر تجهيز انتقال قسم ملف المنشأة.", error ); } }, true ); document.addEventListener( "keydown", (event) => { if (!["Enter", " "].includes(event.key)) { return; } const target = event.target instanceof Element ? event.target.closest("[data-licenses-panel-target]") : null; if (!target) { return; } event.preventDefault(); event.stopPropagation(); activateFromTarget(target, true); }, true ); }; let frame = null; const scheduleUpdate = () => { if (frame !== null) { return; } frame = window.requestAnimationFrame(() => { try { initialize(); } catch (error) { console.error( "[الشهادات والتراخيص] تعذر تحديث الصفحة.", error ); } finally { frame = null; } }); }; const start = () => { const page = document.querySelector(PAGE_SELECTOR); if (!page) { return; } bindEvents(); initialize(); const observer = new MutationObserver((mutations) => { const relevantChange = mutations.some((mutation) => [...mutation.addedNodes].some((node) => { if (!(node instanceof Element)) { return false; } return Boolean( node.matches( ".company-licenses-header, .company-licenses-company-name, .company-licenses-company-registration, .company-licenses-header-meta, .company-licenses-current-user, .company-licenses-summary-card, .company-licenses-panel, table, tr, td, th" ) || node.querySelector?.( ".company-licenses-header, .company-licenses-company-name, .company-licenses-company-registration, .company-licenses-header-meta, .company-licenses-current-user, .company-licenses-summary-card, .company-licenses-panel, table, tr, td, th" ) ); }) ); if (relevantChange) { scheduleUpdate(); } }); observer.observe(page, { childList: true, subtree: true, attributes: true, attributeFilter: [ "href", "src", "srcset", "style", "title", "aria-label", "data-url", "data-file-url", "data-download-url", "data-src", "data-href" ] }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error( "[الشهادات والتراخيص] تعذر تشغيل مساحة العمل V12.", error ); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES HEADER V20 — RESPONSIVE WIDTH CLOSURE ========================================================= */ try { const SOURCE_SELECTOR = ".company-licenses-header"; const NAVBAR_ID = "company-licenses-navbar-v18"; const READY_CLASS = "portal-licenses-header-v18-ready"; const COMPANIES_URL_KEY = "portal:companies-page-url"; const normalizeText = (value) => String(value ?? "").replace(/\s+/g, " ").trim(); const parseField = (selector, fallbackLabel) => { const source = document.querySelector(selector); const raw = normalizeText(source?.textContent); if (!raw) { return { label: fallbackLabel, value: "غير مسجل" }; } const match = raw.match(/^([^:：]+?)\s*[:：]\s*(.+)$/); return { label: normalizeText(match?.[1] || fallbackLabel), value: normalizeText(match?.[2] || raw) || "غير مسجل" }; }; const parseUser = () => { const raw = normalizeText( document.querySelector(".company-licenses-current-user")?.textContent ); const match = raw.match(/^([^:：]+?)\s*[:：]\s*(.+)$/); return normalizeText(match?.[2] || raw || "مدير النظام"); }; const element = (tag, className, text = "") => { const node = document.createElement(tag); node.className = className; if (text) node.textContent = text; return node; }; const createSvgIcon = (paths, viewBox = "0 0 24 24") => { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("viewBox", viewBox); svg.setAttribute("aria-hidden", "true"); svg.setAttribute("focusable", "false"); paths.forEach((definition) => { const tagName = definition.tag || "path"; const shape = document.createElementNS( "http://www.w3.org/2000/svg", tagName ); Object.entries(definition).forEach(([name, value]) => { if (name !== "tag") shape.setAttribute(name, value); }); svg.appendChild(shape); }); return svg; }; const icons = { company: () => createSvgIcon([ { d: "M4 21V7l8-4 8 4v14" }, { d: "M9 21v-4h6v4" }, { d: "M8 9h.01" }, { d: "M12 9h.01" }, { d: "M16 9h.01" }, { d: "M8 13h.01" }, { d: "M12 13h.01" }, { d: "M16 13h.01" } ]), brand: () => createSvgIcon([ { d: "M20 12l-8 8-9-9V4h7z" }, { tag: "circle", cx: "7.5", cy: "7.5", r: "1" } ]), type: () => createSvgIcon([ { d: "M3 21h18" }, { d: "M6 21V8l6-4 6 4v13" }, { d: "M9 11h.01" }, { d: "M12 11h.01" }, { d: "M15 11h.01" }, { d: "M9 15h.01" }, { d: "M12 15h.01" }, { d: "M15 15h.01" } ]), status: () => createSvgIcon([ { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }, { d: "M9 12l2 2 4-4" } ]), user: () => createSvgIcon([ { tag: "circle", cx: "12", cy: "8", r: "4" }, { d: "M4 21a8 8 0 0 1 16 0" } ]), home: () => createSvgIcon([ { d: "M3 11l9-8 9 8" }, { d: "M5 10v10h14V10" }, { d: "M9 20v-6h6v6" } ]), logout: () => createSvgIcon([ { d: "M10 17l5-5-5-5" }, { d: "M15 12H3" }, { d: "M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4" } ]) }; const originalLogout = () => { const source = document.querySelector(".company-licenses-logout-button"); if (!(source instanceof Element)) return null; if (source.matches("button, a, [role='button']")) return source; return source.querySelector("button, a, [role='button']") || source; }; const isCompaniesPage = () => /\/companies(?:\/|$)/i.test(window.location.pathname) || Boolean(document.querySelector(".companies-page-title, .companies-table-card")); /* ========================================================= V263-S4A — قراءة حالة زمن التشغيل (للقراءة فقط). لا تُعدِّل الحالة ولا تُصنِّف شيئًا. تكتفي بسؤال آلة الحالة القائمة عمّا إذا كانت البوابة في حالة دخول. أي فشل يُفسَّر تحفّظيًّا بـfalse فيبقى سلوك الهيدر كما كان تمامًا. ========================================================= */ /* مرجع ثابت: registerLogin يمنع التكرار عبر includes، فلا بد من دالة واحدة ثابتة الهوية لا دالة سهمية تُنشأ كل مرة. */ const teardownInternalHeaderForLoginTransitionV263 = () => teardownInternalHeaderV263("login"); const isRuntimeLoginStateV263 = () => { try { const runtime = window.__QIMAH_PORTAL_RUNTIME_V222__; return ( typeof runtime?.isLoginState === "function" && runtime.isLoginState() ); } catch (error) { return false; } }; /* ========================================================= V263-S4A-R1 — ملكية إظهار المصدر. القاعدة القانونية الوحيدة التي تُخفي مصدر Builder الخام هي: body.portal-licenses-header-v18-ready .company-licenses-header { display: none !important } أي أن READY_CLASS ليس مجرد علامة «جاهز»، بل هو **مالك إخفاء المصدر**. ونزعه بينما المصدر ما يزال موصولًا يكشف الهيدر الخام فورًا: اسم المنشأة والسجل والعلامة والنوع والحالة والمستخدم وزر الخروج الأزرق الأصلي بلا تصميم. تحقّق: READY_CLASS له مرجع واحد فقط في ملف CSS كله، وهو هذه القاعدة — فلا مسؤولية أخرى تتأثر بتأجيل نزعه. ========================================================= */ const COMPANIES_HEADER_SELECTOR_V263 = "#companies-enterprise-header-v121"; /* قراءة فقط: هل ما يزال مصدر Builder الداخلي موصولًا؟ */ const isInternalSourceConnectedV263 = () => { try { const source = document.querySelector(SOURCE_SELECTOR); return source instanceof Element && source.isConnected; } catch (error) { /* تحفّظيًّا: نفترض وجوده فلا يُنزع الإخفاء. */ return true; } }; /* قراءة فقط: هل تسلّم الهيدر الخارجي السطح البصري فعلًا؟ فحص وجود لا أكثر — لا ملكية ولا تعديل لوحدة الشركات. */ const isCompaniesHeaderReadyV263 = () => { try { const header = document.querySelector(COMPANIES_HEADER_SELECTOR_V263); return header instanceof Element && header.isConnected; } catch (error) { return false; } }; /* ========================================================= V263-S4A-R1 — المالك القانوني الوحيد لتفكيك الهيدر الداخلي. يحلّ محل teardownInternalHeaderForLoginV263 من S4A بالكامل (لا تكديس: الدالة السابقة أُزيلت لا أُبقيت بجانبه). الهيدر مُنشأ بالكامل بكود مخصص وخالٍ من عقد Builder، لذلك إزالته لا تُتلف أي ملكية أحداث. والاسترجاع مضمون بـmount() لأنه يستعلم getElementById حيًّا ولا يخزّن مرجعًا. سياقان صريحان — لا تخمين نصّي للمسار: "login" : تفكيك فوري ومتزامن. هذا هو السلوك الذي نجح حيًّا ويجب ألّا يضعف. "companies" : تسليم ذرّي. لا يُنزع الهيدر المصمَّم ما دام مصدر Builder موصولًا والهيدر الخارجي لم يجهز بعد — فلا فجوة فارغة ولا مصدر خام مكشوف. في الحالتين: لا يُنزع READY_CLASS ما دام المصدر موصولًا، لأن نزعه هو بالضبط ما يكشف الخام. الشرط يسأل عن واقع DOM لا عن المسار، فهو صحيح في السياقين. idempotent، وبلا Observer/Timer/Listener/rAF جديد. */ const teardownInternalHeaderV263 = (context) => { try { const sourceConnected = isInternalSourceConnectedV263(); /* تأجيل التسليم: يبقى كل شيء كما هو — الهيدر المصمَّم يغطي السطح، والمصدر يبقى مخفيًّا. */ if ( context === "companies" && sourceConnected && !isCompaniesHeaderReadyV263() ) { return false; } document.getElementById(NAVBAR_ID)?.remove(); /* ملكية إخفاء المصدر تُسلَّم فقط حين لا يبقى ما يُخفى. */ if (!sourceConnected) { document.body?.classList.remove(READY_CLASS); delete document.documentElement.dataset.licensesHeaderV18Ready; } return true; } catch (error) { console.error( "[الشهادات والتراخيص V263-S4A-R1] تعذر تفكيك الهيدر الداخلي.", error ); return false; } }; const removeCompanyContextHeaderOnCompaniesV158 = () => { if (!isCompaniesPage()) return false; /* V263-S4A-R1 — تفويض بسياق «الشركات» الصريح. سبب الوميض المُثبَت: هذه الدالة كانت تُنزع READY_CLASS بمجرد أن يصير المسار /companies، بينما DOM الداخلي القديم ما يزال موصولًا — فيسقط الإخفاء ويظهر الهيدر الخام قبل أن يجهز الهيدر الخارجي. الآن المالك يقرّر التوقيت الآمن. */ teardownInternalHeaderV263("companies"); document.getElementById("company-licenses-enterprise-header")?.remove(); document.getElementById("company-licenses-navbar-v16")?.remove(); document.getElementById("company-licenses-navbar-v17")?.remove(); document.body.classList.remove( "portal-licenses-header-v13", "portal-licenses-header-v14", "portal-licenses-header-v15", "portal-licenses-header-v16-ready", "portal-licenses-header-v17-ready" ); return true; }; const rememberCompaniesPage = () => { if (!isCompaniesPage()) return; try { window.sessionStorage.setItem(COMPANIES_URL_KEY, window.location.href); } catch (error) { console.error("[بوابة إدارة الشركات] تعذر حفظ رابط صفحة الشركات.", error); } }; const getStoredCompaniesUrl = () => { try { const stored = window.sessionStorage.getItem(COMPANIES_URL_KEY); if (!stored) return null; const url = new URL(stored, window.location.href); return url.origin === window.location.origin ? url.href : null; } catch (error) { return null; } }; const findCompaniesLink = () => { const explicit = document.querySelector( ".portal-home-link[href], .companies-page-link[href], [data-portal-home][href]" ); if (explicit instanceof HTMLAnchorElement && explicit.href) { return explicit; } return ( [...document.querySelectorAll("a[href]")].find((anchor) => { if (!(anchor instanceof HTMLAnchorElement)) return false; if (anchor.closest(`#${NAVBAR_ID}`)) return false; try { const url = new URL(anchor.href, window.location.href); return ( url.origin === window.location.origin && /\/companies(?:\/|$)/i.test(url.pathname) ); } catch (error) { return false; } }) || null ); }; const inferCompaniesUrl = () => { const path = window.location.pathname; const companySegmentIndex = path.indexOf("/company/"); if (companySegmentIndex >= 0) { const prefix = path.slice(0, companySegmentIndex).replace(/\/$/, ""); return new URL(`${prefix}/companies`, window.location.origin).href; } return new URL("/companies", window.location.origin).href; }; const getHeaderRouterCurrentPathV157 = (router) => { try { const currentRoute = router?.currentRoute?.value ?? router?.currentRoute; return String(currentRoute?.fullPath ?? currentRoute?.path ?? "").trim(); } catch (error) { return ""; } }; const getHeaderSpaRouterV157 = () => { const candidates = []; const seen = new Set(); const add = (candidate) => { if ( !candidate || seen.has(candidate) || typeof candidate.push !== "function" ) { return; } seen.add(candidate); candidates.push(candidate); }; try { add(window.$nuxt?.$router); add(window.$nuxt?.router); [ document.querySelector("#__nuxt"), document.querySelector("#app"), document.body, document.documentElement ] .filter(Boolean) .forEach((host) => { const app = host?.__vue_app__; if (!app) return; add(app.config?.globalProperties?.$router); add(app._context?.config?.globalProperties?.$router); add(app._instance?.appContext?.config?.globalProperties?.$router); const provides = app._context?.provides ?? app._instance?.appContext?.provides; if (provides && typeof provides === "object") { Reflect.ownKeys(provides).forEach((key) => { try { add(provides[key]); } catch (error) { /* Ignore inaccessible provider values. */ } }); } }); } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر الوصول إلى موجه صفحات Baserow.", error ); } const browserPath = `${window.location.pathname}${window.location.search}`; return candidates .map((router, index) => { const routerPath = getHeaderRouterCurrentPathV157(router); let score = candidates.length - index; if ( routerPath === browserPath || routerPath === window.location.pathname ) { score += 100; } else if ( routerPath && browserPath.includes(routerPath.split("?")[0]) ) { score += 20; } return { router, score }; }) .sort((first, second) => second.score - first.score)[0]?.router ?? null; }; const getCompaniesSpaRouteV157 = (router) => { const routerPath = getHeaderRouterCurrentPathV157(router); /* Inside Baserow Preview the browser URL contains the Builder prefix, while the Vue router normally owns only the application route. */ if (/^\/company\//i.test(routerPath) || /^\/companies(?:[/?#]|$)/i.test(routerPath)) { return "/companies"; } const inferred = new URL(inferCompaniesUrl(), window.location.origin); return `${inferred.pathname}${inferred.search}${inferred.hash}`; }; const navigateToCompanies = () => { try { const router = getHeaderSpaRouterV157(); if (router) { const route = getCompaniesSpaRouteV157(router); const navigationResult = router.push(route); if (navigationResult && typeof navigationResult.catch === "function") { navigationResult.catch((error) => { const message = String(error?.message ?? error ?? ""); if (!/duplicated|redundant|cancelled|canceled/i.test(message)) { console.error( "[بوابة إدارة الشركات] تعذر فتح صفحة جميع الشركات داخل التطبيق.", error ); } }); } return true; } /* Same-document fallback only. Hard navigation is intentionally forbidden because it discards Baserow Preview authentication state. */ const destination = new URL(inferCompaniesUrl(), window.location.origin); const route = `${destination.pathname}${destination.search}${destination.hash}`; const currentRoute = `${window.location.pathname}${window.location.search}${window.location.hash}`; if (route === currentRoute) { return true; } window.history.pushState(window.history.state, "", route); window.dispatchEvent( new PopStateEvent("popstate", { state: window.history.state }) ); return true; } catch (error) { console.error( "[بوابة إدارة الشركات] تعذر فتح صفحة جميع الشركات من زر الرئيسية.", error ); return false; } }; const buildNavbar = () => { const navbar = element("header", "company-licenses-navbar-v18"); navbar.id = NAVBAR_ID; navbar.setAttribute("role", "banner"); navbar.setAttribute("dir", "rtl"); navbar.setAttribute("aria-label", "بيانات المنشأة والتنقل الرئيسي"); const account = element("section", "company-licenses-navbar-v18__account"); const logout = element("button", "company-licenses-navbar-v18__logout"); logout.type = "button"; logout.setAttribute("aria-label", "تسجيل الخروج"); logout.setAttribute("title", "تسجيل الخروج"); logout.appendChild(icons.logout()); const home = element("button", "company-licenses-navbar-v18__home"); home.type = "button"; home.setAttribute("aria-label", "العودة إلى صفحة الشركات"); home.setAttribute("title", "العودة إلى صفحة الشركات"); const homeIcon = element("span", "company-licenses-navbar-v18__home-icon"); homeIcon.appendChild(icons.home()); const homeLabel = element( "span", "company-licenses-navbar-v18__home-label", "الرئيسية" ); home.append(homeIcon, homeLabel); const user = element("div", "company-licenses-navbar-v18__user"); const avatar = element("span", "company-licenses-navbar-v18__avatar"); avatar.appendChild(icons.user()); const userCopy = element("span", "company-licenses-navbar-v18__user-copy"); const userLabel = element( "span", "company-licenses-navbar-v18__user-label", "المستخدم الحالي" ); const userName = element("strong", "company-licenses-navbar-v18__user-name"); userCopy.append(userLabel, userName); user.append(avatar, userCopy); account.append(logout, home, user); const meta = element("nav", "company-licenses-navbar-v18__meta"); meta.setAttribute("aria-label", "بيانات المنشأة المختصرة"); [ ["brand", "العلامة التجارية", icons.brand], ["type", "نوع الشركة", icons.type], ["status", "حالة الشركة", icons.status] ].forEach(([field, labelText, iconFactory]) => { const item = element("div", "company-licenses-navbar-v18__meta-item"); item.dataset.field = field; const icon = element("span", "company-licenses-navbar-v18__meta-icon"); icon.appendChild(iconFactory()); const copy = element("span", "company-licenses-navbar-v18__meta-copy"); const label = element( "span", "company-licenses-navbar-v18__meta-label", labelText ); const value = element("strong", "company-licenses-navbar-v18__meta-value"); copy.append(label, value); item.append(icon, copy); meta.appendChild(item); }); const identity = element("section", "company-licenses-navbar-v18__identity"); const logo = element("span", "company-licenses-navbar-v18__logo"); logo.appendChild(icons.company()); const identityCopy = element( "span", "company-licenses-navbar-v18__identity-copy" ); const company = element("strong", "company-licenses-navbar-v18__company"); const separator = element("span", "company-licenses-navbar-v18__separator"); separator.setAttribute("aria-hidden", "true"); const registration = element( "span", "company-licenses-navbar-v18__registration" ); identityCopy.append(company, separator, registration); identity.append(logo, identityCopy); navbar.append(account, meta, identity); logout.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); const target = originalLogout(); if (!(target instanceof Element)) return; if (target instanceof HTMLElement && typeof target.click === "function") { target.click(); return; } target.dispatchEvent( new MouseEvent("click", { bubbles: true, cancelable: true, view: window }) ); }); home.addEventListener( "click", (event) => { event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); navigateToCompanies(); }, true ); return navbar; }; const updateNavbar = (navbar) => { const companyName = normalizeText( document.querySelector(".company-licenses-company-name")?.textContent ) || "اسم المنشأة"; const registration = parseField( ".company-licenses-company-registration", "رقم السجل" ); const brand = parseField( ".company-licenses-company-brand", "العلامة التجارية" ); const type = parseField( ".company-licenses-company-type", "نوع الشركة" ); const status = parseField( ".company-licenses-company-status", "حالة الشركة" ); const userName = parseUser(); const companyTarget = navbar.querySelector( ".company-licenses-navbar-v18__company" ); const registrationTarget = navbar.querySelector( ".company-licenses-navbar-v18__registration" ); const userTarget = navbar.querySelector( ".company-licenses-navbar-v18__user-name" ); if (companyTarget) { companyTarget.textContent = companyName; companyTarget.setAttribute("title", companyName); } if (registrationTarget) { const text = `${registration.label}: ${registration.value}`; registrationTarget.textContent = text; registrationTarget.setAttribute("title", text); } if (userTarget) { userTarget.textContent = userName; userTarget.setAttribute("title", userName); } const fields = new Map([ ["brand", brand], ["type", type], ["status", status] ]); navbar .querySelectorAll(".company-licenses-navbar-v18__meta-item") .forEach((item) => { const field = fields.get(item.dataset.field); if (!field) return; const label = item.querySelector( ".company-licenses-navbar-v18__meta-label" ); const value = item.querySelector( ".company-licenses-navbar-v18__meta-value" ); if (label) label.textContent = field.label; if (value) { value.textContent = field.value; value.setAttribute("title", field.value); } }); }; const mount = () => { /* V263-S4A — حارس حالة الدخول. سبب بقاء الهيدر بعد الخروج: mount() ينسحب مبكرًا حين تختفي ‎.company-licenses-header‎ من صفحة الدخول، فلا يصل إلى أي مسار إزالة. والمسار الوحيد الذي كان يُزيله محروس بـ isCompaniesPage()، وصفحة الدخول ليست صفحة شركات — فيبقى الهيدر مُلحقًا بـbody إلى الأبد. هنا يُفكَّك قبل أي انسحاب، ويُمنع إعادة بنائه ما دامت البوابة في حالة دخول. */ if (isRuntimeLoginStateV263()) { teardownInternalHeaderV263("login"); return false; } rememberCompaniesPage(); if (removeCompanyContextHeaderOnCompaniesV158()) { return false; } const source = document.querySelector(SOURCE_SELECTOR); const workspace = document.querySelector(".company-licenses-workspace"); const isBaseCompanyProfile = /^\/company\/[^/]+\/?$/i.test( window.location.pathname ); if ( !(source instanceof Element) || (!(workspace instanceof Element) && !isBaseCompanyProfile) ) { return false; } document.getElementById("company-licenses-enterprise-header")?.remove(); document.getElementById("company-licenses-navbar-v16")?.remove(); document.getElementById("company-licenses-navbar-v17")?.remove(); let navbar = document.getElementById(NAVBAR_ID); if (!(navbar instanceof HTMLElement)) { navbar = buildNavbar(); document.body.prepend(navbar); } updateNavbar(navbar); document.body.classList.remove( "portal-licenses-header-v13", "portal-licenses-header-v14", "portal-licenses-header-v15", "portal-licenses-header-v16-ready", "portal-licenses-header-v17-ready" ); document.body.classList.add(READY_CLASS); document.documentElement.dataset.licensesHeaderV18Ready = "true"; return true; }; let frame = null; const scheduleMount = () => { if (frame !== null) return; frame = window.requestAnimationFrame(() => { try { rememberCompaniesPage(); mount(); } finally { frame = null; } }); }; const isRelevantNode = (node) => { if (node instanceof Text) { return Boolean( node.parentElement?.closest( `${SOURCE_SELECTOR}, .companies-page-title, .companies-table-card` ) ); } if (!(node instanceof Element)) return false; return Boolean( node.matches( `${SOURCE_SELECTOR}, .companies-page-title, .companies-table-card` ) || node.matches( ".company-licenses-company-name, .company-licenses-company-registration, .company-licenses-company-brand, .company-licenses-company-type, .company-licenses-company-status, .company-licenses-current-user" ) || node.querySelector?.( `${SOURCE_SELECTOR}, .companies-page-title, .companies-table-card, .company-licenses-company-name, .company-licenses-company-registration, .company-licenses-company-brand, .company-licenses-company-type, .company-licenses-company-status, .company-licenses-current-user` ) ); }; const start = () => { /* V263-S4A — الارتباط بانتقال الدخول القانوني القائم. registerLogin هو السجل الذي تستدعيه آلة الحالة حين تدخل البوابة حالة دخول: عبر flush("loginQueue") داخل enterLogin، وعبر loginStarters داخل revertToLoginFromInternalV261 — وهو مسار الخروج الأصلي بالضبط. لا primitive جديد: مجرد تسجيل دالة في سجل قائم، بلا مراقب ولا مؤقت ولا مستمع. الدالة idempotent، وregisterLogin نفسه يمنع التسجيل المكرر عبر loginStarters.includes. */ window.__QIMAH_PORTAL_RUNTIME_V222__?.registerLogin?.( teardownInternalHeaderForLoginTransitionV263 ); rememberCompaniesPage(); mount(); let attempts = 0; const retry = window.setInterval(() => { attempts += 1; if (mount() || attempts >= 30) { window.clearInterval(retry); } }, 250); const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => { if (mutation.type === "characterData") { return isRelevantNode(mutation.target); } return [...mutation.addedNodes, ...mutation.removedNodes].some( isRelevantNode ); }); if (relevant) scheduleMount(); }); observer.observe(document.documentElement, { childList: true, subtree: true, characterData: true }); window.addEventListener("popstate", scheduleMount); ["pushState", "replaceState"].forEach((methodName) => { const original = window.history?.[methodName]; if (typeof original !== "function" || original.__portalHeaderV158Wrapped) { return; } const wrapped = function (...args) { const result = original.apply(this, args); window.queueMicrotask(scheduleMount); return result; }; Object.defineProperty(wrapped, "__portalHeaderV158Wrapped", { value: true, configurable: false, enumerable: false, writable: false }); window.history[methodName] = wrapped; }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[الشهادات والتراخيص V20] تعذر إنشاء الهيدر.", error); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES SIDEBAR V24 — BALANCED EXECUTIVE RAIL ========================================================= */ try { const WORKSPACE_SELECTOR = ".company-licenses-workspace"; const SIDEBAR_SELECTOR = ".company-licenses-sidebar"; const ITEM_SELECTOR = ".company-workspace-nav-item"; const STORAGE_KEY = `company-licenses-sidebar-expanded:${window.location.pathname}`; const LEGACY_STORAGE_KEY = `company-licenses-sidebar-v23-expanded:${window.location.pathname}`; const normalizeText = (value) => String(value ?? "") .replace(/\s+/g, " ") .trim(); const createSvg = (nodes, viewBox = "0 0 24 24") => { const namespace = "http://www.w3.org/2000/svg"; const icon = document.createElementNS(namespace, "svg"); icon.setAttribute("viewBox", viewBox); icon.setAttribute("aria-hidden", "true"); icon.setAttribute("focusable", "false"); nodes.forEach(({ tag = "path", attributes = {} }) => { const node = document.createElementNS(namespace, tag); Object.entries(attributes).forEach(([name, value]) => { node.setAttribute(name, value); }); icon.appendChild(node); }); return icon; }; const icons = { building: () => createSvg([ { attributes: { d: "M4 21h16" } }, { attributes: { d: "M6 21V5l6-2 6 2v16" } }, { attributes: { d: "M9 8h.01M15 8h.01M9 12h.01M15 12h.01M9 16h.01M15 16h.01" } } ]), chevronLeft: () => createSvg([{ attributes: { d: "m15.5 18-6-6 6-6" } }]), chevronRight: () => createSvg([{ attributes: { d: "m8.5 18 6-6-6-6" } }]), home: () => createSvg([ { attributes: { d: "m3 10.8 9-7.8 9 7.8" } }, { attributes: { d: "M5.5 9.7V20h13V9.7" } }, { attributes: { d: "M9.5 20v-6h5v6" } } ]), globe: () => createSvg([ { tag: "circle", attributes: { cx: "12", cy: "12", r: "9" } }, { attributes: { d: "M3 12h18M12 3c2.4 2.5 3.7 5.5 3.7 9s-1.3 6.5-3.7 9M12 3C9.6 5.5 8.3 8.5 8.3 12s1.3 6.5 3.7 9" } } ]), subscriptions: () => createSvg([ { attributes: { d: "M6 3.5h12a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2Z" } }, { attributes: { d: "M8 8h8M8 12h8M8 16h5" } } ]), wifi: () => createSvg([ { attributes: { d: "M4.5 10.8a11.2 11.2 0 0 1 15 0" } }, { attributes: { d: "M7.6 14a6.8 6.8 0 0 1 8.8 0" } }, { attributes: { d: "M10.3 17.2a2.6 2.6 0 0 1 3.4 0" } }, { tag: "circle", attributes: { cx: "12", cy: "20", r: "0.9", fill: "currentColor", stroke: "none" } } ]), bank: () => createSvg([ { attributes: { d: "m3 9.5 9-5.5 9 5.5" } }, { attributes: { d: "M5 10h14M6.5 10v7.5M10.2 10v7.5M13.8 10v7.5M17.5 10v7.5M4 18h16M3 21h18" } } ]), car: () => createSvg([ { attributes: { d: "m5 11 1.7-4.3h10.6L19 11" } }, { attributes: { d: "M4 11h16v6.3H4z" } }, { attributes: { d: "M6.5 17.3V20M17.5 17.3V20M7.5 14h.01M16.5 14h.01" } } ]), badge: () => createSvg([ { tag: "circle", attributes: { cx: "12", cy: "9", r: "5.2" } }, { attributes: { d: "m8.6 13-1 8 4.4-2.1 4.4 2.1-1-8" } }, { attributes: { d: "m9.8 9 1.5 1.5 3.1-3.1" } } ]), users: () => createSvg([ { tag: "circle", attributes: { cx: "9", cy: "8", r: "3" } }, { attributes: { d: "M3.4 19a5.6 5.6 0 0 1 11.2 0" } }, { attributes: { d: "M16 4.5a3 3 0 0 1 0 6M17 13a5 5 0 0 1 4 5" } } ]), bolt: () => createSvg([{ attributes: { d: "M13 2 5 14h6l-1 8 8-12h-6z" } }]), stamp: () => createSvg([ { attributes: { d: "M8 4a4 4 0 0 1 8 0v3l2 3v3H6v-3l2-3z" } }, { attributes: { d: "M5 17h14v3H5z" } } ]), pos: () => createSvg([ { attributes: { d: "M4 4h16v12H4z" } }, { attributes: { d: "M8 20h8M12 16v4" } }, { attributes: { d: "M7 8h4M7 11h7" } } ]), grid: () => createSvg([ { attributes: { d: "M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" } } ]) }; const iconByNavId = { overview: icons.home, "platform-accounts": icons.globe, subscriptions: icons.subscriptions, connectivity: icons.wifi, banking: icons.bank, cars: icons.car, licenses: icons.badge, employees: icons.users, utilities: icons.bolt, custody: icons.stamp, pos: icons.pos }; const getClickable = (item) => { if (!(item instanceof Element)) return null; if (item.matches("a, button, [role='button']")) return item; return item.querySelector("a, button, [role='button']"); }; const getNavId = (item) => { const className = [...item.classList].find( (name) => name.startsWith("company-workspace-nav-") && name !== "company-workspace-nav-item" ); return className?.replace("company-workspace-nav-", "") || "grid"; }; const buildIcon = (factory) => { const holder = document.createElement("span"); holder.className = "company-workspace-nav-icon"; holder.setAttribute("aria-hidden", "true"); holder.appendChild((factory || icons.grid)()); return holder; }; const prepareItem = (item) => { const clickable = getClickable(item); if (!(clickable instanceof Element)) return; const navId = getNavId(item); const currentLabel = normalizeText( clickable.querySelector(":scope > .company-workspace-nav-label")?.textContent ); const storedLabel = normalizeText(clickable.dataset.sidebarV24Label); const rawLabel = normalizeText(clickable.textContent); const label = storedLabel || currentLabel || rawLabel || "قسم"; item.dataset.sidebarNav = navId; clickable.dataset.sidebarV24Label = label; clickable.classList.add("company-workspace-nav-link"); clickable.setAttribute("dir", "rtl"); clickable.setAttribute("aria-label", label); clickable.setAttribute("title", label); if ( clickable.dataset.sidebarV24Ready === "true" && clickable.querySelector(":scope > .company-workspace-nav-icon") && clickable.querySelector(":scope > .company-workspace-nav-label") ) { return; } clickable.querySelectorAll( ":scope > .company-workspace-nav-icon, :scope > .company-workspace-nav-label" ).forEach((element) => element.remove()); const labelNode = document.createElement("span"); labelNode.className = "company-workspace-nav-label"; labelNode.textContent = label; clickable.replaceChildren( buildIcon(iconByNavId[navId]), labelNode ); clickable.dataset.sidebarV24Ready = "true"; }; const cleanupPreviousRuntime = (sidebar) => { const previousHeaders = sidebar.querySelectorAll( ":scope > .company-licenses-sidebar-v21__header, " + ":scope > .company-licenses-sidebar-v22__header, " + ":scope > .company-licenses-sidebar-v23__header" ); previousHeaders.forEach((header) => { const previousTitle = header.querySelector(".company-licenses-sidebar-title"); if (previousTitle instanceof Element) { sidebar.dataset.sidebarTitle = normalizeText(previousTitle.textContent); } header.remove(); }); sidebar .querySelectorAll( ":scope > .company-licenses-sidebar-v21__footer, " + ":scope > .company-licenses-sidebar-v22__footer, " + ":scope > .company-licenses-sidebar-v23__footer" ) .forEach((element) => element.remove()); sidebar.querySelectorAll(ITEM_SELECTOR).forEach((item) => { const clickable = getClickable(item); if (!(clickable instanceof Element)) return; delete clickable.dataset.sidebarV21Ready; delete clickable.dataset.sidebarV22Ready; delete clickable.dataset.sidebarV23Ready; }); document.body?.classList.remove( "portal-licenses-sidebar-v21-ready", "portal-licenses-sidebar-v21-expanded", "portal-licenses-sidebar-v21-collapsed", "portal-licenses-sidebar-v22-ready", "portal-licenses-sidebar-v22-expanded", "portal-licenses-sidebar-v22-collapsed", "portal-licenses-sidebar-v23-ready", "portal-licenses-sidebar-v23-expanded", "portal-licenses-sidebar-v23-collapsed" ); }; const createHeader = (sidebar) => { let header = sidebar.querySelector( ":scope > .company-licenses-sidebar-v24__header" ); if (header) return header; const originalTitle = sidebar.querySelector( ".company-licenses-sidebar-title" ); const titleText = normalizeText(originalTitle?.textContent) || normalizeText(sidebar.dataset.sidebarTitle) || "أقسام ملف المنشأة"; header = document.createElement("div"); header.className = "company-licenses-sidebar-v24__header"; const brand = document.createElement("span"); brand.className = "company-licenses-sidebar-v24__brand"; brand.setAttribute("aria-hidden", "true"); brand.appendChild(icons.building()); const titleWrap = document.createElement("div"); titleWrap.className = "company-licenses-sidebar-v24__title-wrap"; const title = originalTitle || document.createElement("div"); title.classList.add("company-licenses-sidebar-title"); title.textContent = titleText; const subtitle = document.createElement("span"); subtitle.className = "company-licenses-sidebar-v24__subtitle"; subtitle.textContent = "التنقل داخل ملف المنشأة"; titleWrap.append(title, subtitle); const toggle = document.createElement("button"); toggle.type = "button"; toggle.className = "company-licenses-sidebar-v24__toggle"; toggle.setAttribute("aria-controls", "company-licenses-sidebar-v24"); header.append(brand, titleWrap, toggle); sidebar.prepend(header); sidebar.id = "company-licenses-sidebar-v24"; return header; }; const readExpandedState = () => { try { const currentValue = window.sessionStorage.getItem(STORAGE_KEY); if (currentValue !== null) return currentValue === "true"; return window.sessionStorage.getItem(LEGACY_STORAGE_KEY) === "true"; } catch { return false; } }; const writeExpandedState = (expanded) => { try { window.sessionStorage.setItem(STORAGE_KEY, String(expanded)); } catch { /* Session storage is optional. */ } }; const updateToggle = (toggle, expanded) => { if (!(toggle instanceof HTMLButtonElement)) return; toggle.replaceChildren( expanded ? icons.chevronRight() : icons.chevronLeft() ); toggle.setAttribute("aria-expanded", String(expanded)); toggle.setAttribute( "aria-label", expanded ? "طي قائمة أقسام المنشأة" : "توسيع قائمة أقسام المنشأة" ); toggle.setAttribute( "title", expanded ? "طي القائمة" : "توسيع القائمة" ); }; const setExpanded = (sidebar, expanded, { persist = true } = {}) => { document.body?.classList.toggle( "portal-licenses-sidebar-v24-expanded", expanded ); document.body?.classList.toggle( "portal-licenses-sidebar-v24-collapsed", !expanded ); sidebar.dataset.sidebarState = expanded ? "expanded" : "collapsed"; sidebar.setAttribute("aria-expanded", String(expanded)); updateToggle( sidebar.querySelector(".company-licenses-sidebar-v24__toggle"), expanded ); if (persist) writeExpandedState(expanded); }; const bindToggle = (sidebar) => { const toggle = sidebar.querySelector( ".company-licenses-sidebar-v24__toggle" ); if (!(toggle instanceof HTMLButtonElement)) return; if (toggle.dataset.sidebarV24Bound === "true") return; toggle.dataset.sidebarV24Bound = "true"; toggle.addEventListener("click", () => { const isExpanded = sidebar.dataset.sidebarState === "expanded"; setExpanded(sidebar, !isExpanded); }); }; const mount = () => { const workspace = document.querySelector(WORKSPACE_SELECTOR); const sidebar = document.querySelector(SIDEBAR_SELECTOR); const isBaseCompanyProfile = /^\/company\/[^/]+\/?$/i.test( window.location.pathname ); if ( !(sidebar instanceof HTMLElement) || (!(workspace instanceof Element) && !isBaseCompanyProfile) ) { return false; } document.body?.classList.add( "portal-licenses-page", "portal-licenses-sidebar-v24-ready" ); if (sidebar.dataset.sidebarV24Prepared !== "true") { cleanupPreviousRuntime(sidebar); sidebar.dataset.sidebarV24Prepared = "true"; } createHeader(sidebar); sidebar.querySelectorAll(ITEM_SELECTOR).forEach(prepareItem); bindToggle(sidebar); if (!sidebar.dataset.sidebarState) { setExpanded(sidebar, readExpandedState(), { persist: false }); } else { setExpanded( sidebar, sidebar.dataset.sidebarState === "expanded", { persist: false } ); } document.documentElement.dataset.licensesSidebarV24Ready = "true"; return true; }; let frameId = null; const scheduleMount = () => { if (frameId !== null) return; frameId = window.requestAnimationFrame(() => { try { mount(); } finally { frameId = null; } }); }; const isRelevantNode = (node) => { if (!(node instanceof Element)) return false; return Boolean( node.matches(`${SIDEBAR_SELECTOR}, ${ITEM_SELECTOR}`) || node.querySelector?.(`${SIDEBAR_SELECTOR}, ${ITEM_SELECTOR}`) ); }; const start = () => { mount(); let attempts = 0; const retryId = window.setInterval(() => { attempts += 1; if (mount() || attempts >= 20) { window.clearInterval(retryId); } }, 250); const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => [...mutation.addedNodes].some(isRelevantNode) ); if (relevant) scheduleMount(); }); observer.observe(document.documentElement, { childList: true, subtree: true }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[licenses V24] Unable to build the sidebar.", error); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES CONTENT V27 — CLEAN HEADING WITH SUBTITLE Keeps the integrated layout and adds one quiet supporting line. ========================================================= */ try { const subtitleText = "إدارة ومتابعة وتجديد وثائق المنشأة"; const setElementText = (element, value) => { if (!(element instanceof Element)) return; const textTarget = element.querySelector("p, span, h1, h2, h3, h4") ?? element; if (String(textTarget.textContent ?? "").trim() !== value) { textTarget.textContent = value; } }; const apply = () => { const main = document.querySelector(".company-licenses-main"); const title = document.querySelector(".company-licenses-main-title"); if (!main || !title) { return false; } document.getElementById("company-licenses-content-intro-v25")?.remove(); document .querySelectorAll(".company-licenses-intro-v25-source") .forEach((element) => { element.classList.remove("company-licenses-intro-v25-source"); delete element.dataset.licensesContentV25Observed; }); let description = main.querySelector(".company-licenses-main-description"); if (!description) { description = document.createElement("p"); description.className = "company-licenses-main-description"; title.insertAdjacentElement("afterend", description); } setElementText(description, subtitleText); document.body?.classList.remove( "portal-licenses-content-v25-ready", "portal-licenses-content-v26-ready" ); document.body?.classList.add("portal-licenses-content-v27-ready"); delete document.documentElement.dataset.licensesContentV25Ready; delete document.documentElement.dataset.licensesContentV26Ready; document.documentElement.dataset.licensesContentV27Ready = "true"; title.setAttribute("dir", "rtl"); description.setAttribute("dir", "rtl"); description.setAttribute("aria-label", subtitleText); return true; }; const start = () => { if (apply()) { return; } const observer = new MutationObserver(() => { if (apply()) { observer.disconnect(); } }); observer.observe(document.documentElement, { childList: true, subtree: true }); window.setTimeout(() => observer.disconnect(), 15000); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error( "[الشهادات والتراخيص] تعذر إضافة الوصف المختصر V27.", error ); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES CARDS V35 — ORIGINAL BUILDER ELEMENTS Fixes the real root cause: the page is mounted after DOMContentLoaded. This module waits for the six original cards, keeps their real buttons, and normalizes only their Baserow wrapper chains. ========================================================= */ try { const STORAGE_KEY = `company-licenses-active-panel-v35:${window.location.pathname}`; const GRID_SELECTOR = ".company-licenses-summary-grid"; const MAIN_SELECTOR = ".company-licenses-main"; const definitions = Object.freeze([ { id: "trademarks", title: "العلامات التجارية", card: ".company-licenses-summary-card-trademarks", count: ".company-licenses-summary-count-trademarks", action: ".company-licenses-summary-action-trademarks", panel: ".company-licenses-panel-trademarks", icon: "tag" }, { id: "leases", title: "عقود الإيجار", card: ".company-licenses-summary-card-leases", count: ".company-licenses-summary-count-leases", action: ".company-licenses-summary-action-leases", panel: ".company-licenses-panel-leases", icon: "contract" }, { id: "tax", title: "الزكاة والضريبة", card: ".company-licenses-summary-card-tax", count: ".company-licenses-summary-count-tax", action: ".company-licenses-summary-action-tax", panel: ".company-licenses-panel-tax", icon: "tax" }, { id: "municipal", title: "التراخيص البلدية", card: ".company-licenses-summary-card-municipal", count: ".company-licenses-summary-count-municipal", action: ".company-licenses-summary-action-municipal", panel: ".company-licenses-panel-municipal", icon: "municipal" }, { id: "spl", title: "سبل", card: ".company-licenses-summary-card-spl", count: ".company-licenses-summary-count-spl", action: ".company-licenses-summary-action-spl", panel: ".company-licenses-panel-spl", icon: "location" }, { id: "civil-defense", title: "الدفاع المدني", card: ".company-licenses-summary-card-civil-defense", count: ".company-licenses-summary-count-civil-defense", action: ".company-licenses-summary-action-civil-defense", panel: ".company-licenses-panel-civil-defense", icon: "shield" } ]); const normalize = (value) => String(value ?? "").replace(/\s+/g, " ").trim(); const getClickable = (element) => { if (!(element instanceof Element)) return null; if (element.matches("a, button, [role='button']")) return element; return element.querySelector("a, button, [role='button']"); }; const getLowestCommonAncestor = (elements) => { const valid = elements.filter((element) => element instanceof Element); if (valid.length === 0) return null; let ancestor = valid[0].parentElement; while (ancestor) { if (valid.every((element) => ancestor.contains(element))) return ancestor; ancestor = ancestor.parentElement; } return null; }; const markBridgeChain = (element, ancestor, className) => { if (!(element instanceof Element) || !(ancestor instanceof Element)) return; let current = element.parentElement; while (current && current !== ancestor) { current.classList.add(className); current = current.parentElement; } }; const createSvg = (iconName) => { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("viewBox", "0 0 24 24"); svg.setAttribute("aria-hidden", "true"); svg.setAttribute("focusable", "false"); const icons = { tag: [ ["path", { d: "M20 12l-8 8-9-9V4h7z" }], ["circle", { cx: "7.5", cy: "7.5", r: "1" }] ], contract: [ ["path", { d: "M6 3h9l3 3v15H6z" }], ["path", { d: "M14 3v4h4" }], ["path", { d: "M9 11h6" }], ["path", { d: "M9 15h4" }], ["path", { d: "M15.5 18.5l3-3 2 2-3 3-2.5.5z" }] ], tax: [ ["path", { d: "M6 3h12v18H6z" }], ["path", { d: "M9 7h6" }], ["path", { d: "M9 11h3" }], ["circle", { cx: "15.5", cy: "14.5", r: "1.5" }], ["path", { d: "M13.5 18l4-7" }] ], municipal: [ ["path", { d: "M3 9l9-5 9 5" }], ["path", { d: "M5 10h14" }], ["path", { d: "M6 10v8" }], ["path", { d: "M10 10v8" }], ["path", { d: "M14 10v8" }], ["path", { d: "M18 10v8" }], ["path", { d: "M4 21h16" }] ], location: [ ["path", { d: "M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z" }], ["circle", { cx: "12", cy: "10", r: "2.5" }] ], shield: [ ["path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }], ["path", { d: "M9 12l2 2 4-4" }] ] }; (icons[iconName] || icons.tag).forEach(([tagName, attrs]) => { const shape = document.createElementNS("http://www.w3.org/2000/svg", tagName); Object.entries(attrs).forEach(([name, value]) => shape.setAttribute(name, value)); svg.appendChild(shape); }); return svg; }; const setButtonText = (action, text) => { if (!(action instanceof Element)) return; const clickable = getClickable(action) || action; const textTarget = clickable.querySelector("span, p") || clickable; if (normalize(textTarget.textContent) !== text) { textTarget.textContent = text; } }; const ensureIcon = (card, definition) => { let icon = card.querySelector(":scope > .company-licenses-card-icon-v35"); if (!icon) { icon = document.createElement("span"); icon.className = "company-licenses-card-icon-v35"; icon.appendChild(createSvg(definition.icon)); card.prepend(icon); } return icon; }; const setPanel = (id, { persist = true, scroll = true } = {}) => { const selected = definitions.find((definition) => definition.id === id); if (!selected || !document.querySelector(selected.panel)) return false; definitions.forEach((definition) => { const active = definition.id === id; document.querySelectorAll(definition.panel).forEach((panel) => { panel.classList.toggle("is-active", active); panel.hidden = !active; panel.setAttribute("aria-hidden", String(!active)); }); document.querySelectorAll(definition.card).forEach((card) => { card.classList.toggle("is-active", active); card.setAttribute("aria-current", active ? "true" : "false"); }); }); if (persist) { try { window.sessionStorage.setItem(STORAGE_KEY, id); } catch (error) { console.error("[الشهادات والتراخيص V35] تعذر حفظ القسم المختار.", error); } } if (scroll) { window.requestAnimationFrame(() => { document.querySelector(selected.panel)?.scrollIntoView({ behavior: "smooth", block: "start" }); }); } return true; }; const prepareCard = (definition, card, grid) => { card.classList.add("company-licenses-card-v35"); card.dataset.licensesPanelTargetV35 = definition.id; card.setAttribute("role", "group"); card.setAttribute("dir", "rtl"); ensureIcon(card, definition); const title = card.querySelector(".company-licenses-summary-card-title"); const count = card.querySelector(definition.count) || card.querySelector(".company-licenses-summary-card-count"); const action = card.querySelector(definition.action) || card.querySelector(".company-licenses-summary-card-action"); [title, count, action].forEach((element) => { if (element) markBridgeChain(element, card, "company-licenses-card-bridge-v35"); }); if (title && !normalize(title.textContent)) title.textContent = definition.title; if (action) { action.hidden = false; action.removeAttribute("hidden"); action.classList.add("company-licenses-summary-card-action"); action.dataset.licensesPanelTargetV35 = definition.id; action.setAttribute("role", "button"); action.setAttribute("tabindex", "0"); action.setAttribute("aria-label", `عرض مستندات قسم ${definition.title}`); setButtonText(action, "عرض المستندات"); const clickable = getClickable(action); if (clickable) { clickable.dataset.licensesPanelTargetV35 = definition.id; clickable.setAttribute("aria-label", `عرض مستندات قسم ${definition.title}`); if (clickable instanceof HTMLButtonElement) clickable.type = "button"; } } markBridgeChain(card, grid, "company-licenses-summary-bridge-v35"); }; let localObserver = null; let observedGrid = null; const observeGrid = (grid) => { if (observedGrid === grid) return; localObserver?.disconnect(); observedGrid = grid; localObserver = new MutationObserver(() => scheduleMount()); localObserver.observe(grid, { childList: true, subtree: true, characterData: true }); }; const mount = () => { const main = document.querySelector(MAIN_SELECTOR); const cards = definitions.map((definition) => document.querySelector(definition.card)); if (!(main instanceof Element) || cards.some((card) => !(card instanceof Element))) { return false; } const explicitGrid = document.querySelector(GRID_SELECTOR); const explicitGridIsValid = explicitGrid instanceof Element && cards.every((card) => explicitGrid.contains(card)); const grid = explicitGridIsValid ? explicitGrid : getLowestCommonAncestor(cards); if ( !(grid instanceof Element) || grid === main || !main.contains(grid) || !cards.every((card) => grid.contains(card)) ) { return false; } grid.classList.add("company-licenses-summary-grid-v35"); grid.setAttribute("dir", "rtl"); grid.setAttribute("aria-label", "أقسام الشهادات والتراخيص"); definitions.forEach((definition, index) => { prepareCard(definition, cards[index], grid); }); document.querySelectorAll(".company-licenses-runtime-action").forEach((element) => { element.hidden = true; element.setAttribute("aria-hidden", "true"); }); document.body?.classList.add("portal-licenses-cards-v35-ready"); document.documentElement.dataset.licensesCardsV35Ready = "true"; observeGrid(grid); let initial = "trademarks"; try { initial = window.sessionStorage.getItem(STORAGE_KEY) || "trademarks"; } catch (error) { initial = "trademarks"; } if (!definitions.some((definition) => definition.id === initial)) { initial = "trademarks"; } setPanel(initial, { persist: false, scroll: false }); return true; }; let frameId = null; const scheduleMount = () => { if (frameId !== null) return; frameId = window.requestAnimationFrame(() => { try { mount(); } catch (error) { console.error("[الشهادات والتراخيص V35] تعذر تهيئة الكروت.", error); } finally { frameId = null; } }); }; const bindEvents = () => { if (document.documentElement.dataset.licensesCardsV35Events === "true") return; document.documentElement.dataset.licensesCardsV35Events = "true"; document.addEventListener( "click", (event) => { const target = event.target instanceof Element ? event.target.closest("[data-licenses-panel-target-v35]") : null; if (!target) return; event.preventDefault(); event.stopPropagation(); setPanel(target.dataset.licensesPanelTargetV35, { persist: true, scroll: true }); }, true ); document.addEventListener( "keydown", (event) => { if (!["Enter", " "].includes(event.key)) return; const target = event.target instanceof Element ? event.target.closest("[data-licenses-panel-target-v35]") : null; if (!target) return; event.preventDefault(); event.stopPropagation(); setPanel(target.dataset.licensesPanelTargetV35, { persist: true, scroll: true }); }, true ); }; const isRelevantNode = (node) => { if (!(node instanceof Element)) return false; const selector = [ MAIN_SELECTOR, GRID_SELECTOR, ".company-licenses-summary-card", ".company-licenses-summary-card-action", ".company-licenses-panel" ].join(","); return Boolean(node.matches(selector) || node.querySelector?.(selector)); }; const start = () => { bindEvents(); scheduleMount(); let attempts = 0; const retryId = window.setInterval(() => { attempts += 1; const ready = mount(); if (ready || attempts >= 60) window.clearInterval(retryId); }, 250); const rootObserver = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => [...mutation.addedNodes].some(isRelevantNode) ); if (relevant) scheduleMount(); }); rootObserver.observe(document.documentElement, { childList: true, subtree: true }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[الشهادات والتراخيص V35] تعذر تشغيل نظام الكروت.", error); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES CARDS V36 — GUARANTEED ACTION BUTTON Baserow Preview can omit a Button element when no workflow is configured. This module adds one real, accessible button directly to each card. The existing V35 card click handler remains the single panel controller. ========================================================= */ try { const definitions = Object.freeze([ { id: "trademarks", title: "العلامات التجارية", card: ".company-licenses-summary-card-trademarks" }, { id: "leases", title: "عقود الإيجار", card: ".company-licenses-summary-card-leases" }, { id: "tax", title: "الزكاة والضريبة", card: ".company-licenses-summary-card-tax" }, { id: "municipal", title: "التراخيص البلدية", card: ".company-licenses-summary-card-municipal" }, { id: "spl", title: "سبل", card: ".company-licenses-summary-card-spl" }, { id: "civil-defense", title: "الدفاع المدني", card: ".company-licenses-summary-card-civil-defense" } ]); const STORAGE_KEY = `company-licenses-active-panel-v35:${window.location.pathname}`; const activatePanelFallback = (panelId) => { const selected = definitions.find((definition) => definition.id === panelId); if (!selected) return false; const panelSelector = `.company-licenses-panel-${panelId}`; if (!document.querySelector(panelSelector)) return false; definitions.forEach((definition) => { const isActive = definition.id === panelId; document .querySelectorAll(`.company-licenses-panel-${definition.id}`) .forEach((panel) => { panel.classList.toggle("is-active", isActive); panel.hidden = !isActive; panel.setAttribute("aria-hidden", String(!isActive)); }); document.querySelectorAll(definition.card).forEach((card) => { card.classList.toggle("is-active", isActive); card.setAttribute("aria-current", isActive ? "true" : "false"); }); }); try { window.sessionStorage.setItem(STORAGE_KEY, panelId); } catch (error) { console.error("[الشهادات والتراخيص V36] تعذر حفظ القسم المختار.", error); } window.requestAnimationFrame(() => { document.querySelector(panelSelector)?.scrollIntoView({ behavior: "smooth", block: "start" }); }); return true; }; const ensureActionButton = (definition) => { const card = document.querySelector(definition.card); if (!(card instanceof Element)) return false; let button = card.querySelector(":scope > .company-licenses-card-action-v36"); if (!(button instanceof HTMLButtonElement)) { button = document.createElement("button"); button.type = "button"; button.className = "company-licenses-card-action-v36"; button.textContent = "عرض الشهادات"; button.setAttribute("aria-label", `عرض شهادات ومستندات قسم ${definition.title}`); button.dataset.licensesPanelTargetV36 = definition.id; button.addEventListener("click", (event) => { /* V35 normally catches the click through the card itself. This fallback runs only when another runtime prevents that handler. */ if (event.defaultPrevented) return; event.preventDefault(); event.stopPropagation(); activatePanelFallback(definition.id); }); card.appendChild(button); } else { button.dataset.licensesPanelTargetV36 = definition.id; button.setAttribute("aria-label", `عرض شهادات ومستندات قسم ${definition.title}`); if (button.textContent?.trim() !== "عرض الشهادات") { button.textContent = "عرض الشهادات"; } } button.hidden = false; button.removeAttribute("hidden"); button.setAttribute("aria-hidden", "false"); return true; }; const mount = () => { const results = definitions.map(ensureActionButton); const ready = results.every(Boolean); if (ready) { document.body?.classList.add("portal-licenses-cards-v36-ready"); document.documentElement.dataset.licensesCardsV36Ready = "true"; } return ready; }; let frameId = null; const scheduleMount = () => { if (frameId !== null) return; frameId = window.requestAnimationFrame(() => { try { mount(); } catch (error) { console.error("[الشهادات والتراخيص V36] تعذر إضافة أزرار الكروت.", error); } finally { frameId = null; } }); }; const isRelevantNode = (node) => { if (!(node instanceof Element)) return false; const selector = [ ".company-licenses-main", ".company-licenses-summary-card", ".company-licenses-summary-grid" ].join(","); return Boolean(node.matches(selector) || node.querySelector?.(selector)); }; const start = () => { scheduleMount(); let attempts = 0; const retryId = window.setInterval(() => { attempts += 1; if (mount() || attempts >= 80) { window.clearInterval(retryId); } }, 250); const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => [...mutation.addedNodes].some(isRelevantNode) ); if (relevant) scheduleMount(); }); observer.observe(document.documentElement, { childList: true, subtree: true }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[الشهادات والتراخيص V36] تعذر تشغيل أزرار الكروت.", error); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES V43 — VERIFIED BASEROW FILE CELL ACTION Uses the real DOM confirmed from DevTools: td.ab-table__cell:last-child ... img.ab-image__img[src] The image itself has no native click action, so V43 opens its src. ========================================================= */ const FILE_CELL_SELECTOR = ".company-licenses-data-table table.baserow-table tbody tr.baserow-table__row > td.ab-table__cell:last-child"; const getFileUrl = (cell) => { try { const image = cell?.querySelector("img.ab-image__img[src]"); const raw = image?.currentSrc || image?.getAttribute("src") || ""; if (!raw) { return ""; } return new URL(raw, window.location.href).href; } catch (error) { console.error( "[الشهادات والتراخيص] تعذر قراءة رابط الملف من خلية Baserow.", error ); return ""; } }; const openFileFromCell = (cell) => { const url = getFileUrl(cell); if (!url) { return false; } const opened = window.open(url, "_blank", "noopener,noreferrer"); if (opened) { try { opened.opener = null; } catch { // No action needed. } } return true; }; const enhanceFileCells = (root = document) => { try { const scope = root instanceof Element || root instanceof Document ? root : document; scope.querySelectorAll(FILE_CELL_SELECTOR).forEach((cell) => { const hasFile = Boolean(getFileUrl(cell)); cell.classList.toggle("company-licenses-file-cell-v43-has-file", hasFile); cell.classList.toggle("company-licenses-file-cell-v43-empty", !hasFile); cell.setAttribute("role", hasFile ? "button" : "status"); cell.setAttribute( "aria-label", hasFile ? "فتح الملف في تبويب جديد" : "لا يوجد ملف" ); if (hasFile) { cell.setAttribute("tabindex", "0"); } else { cell.removeAttribute("tabindex"); } }); } catch (error) { console.error( "[الشهادات والتراخيص] تعذر تجهيز أزرار فتح الملفات.", error ); } }; const bindFileCellEvents = () => { if ( document.documentElement.dataset.licensesFileCellsV43Bound === "true" ) { return; } document.documentElement.dataset.licensesFileCellsV43Bound = "true"; document.addEventListener( "click", (event) => { const cell = event.target instanceof Element ? event.target.closest(FILE_CELL_SELECTOR) : null; if (!cell || !getFileUrl(cell)) { return; } event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); openFileFromCell(cell); }, true ); document.addEventListener( "keydown", (event) => { if (!["Enter", " "].includes(event.key)) { return; } const cell = event.target instanceof Element ? event.target.closest(FILE_CELL_SELECTOR) : null; if (!cell || !getFileUrl(cell)) { return; } event.preventDefault(); event.stopPropagation(); openFileFromCell(cell); }, true ); }; let syncFrame = null; const scheduleSync = () => { if (syncFrame !== null) { return; } syncFrame = window.requestAnimationFrame(() => { try { enhanceFileCells(document); } finally { syncFrame = null; } }); }; const initializeV43 = () => { bindFileCellEvents(); enhanceFileCells(document); const main = document.querySelector(".company-licenses-main") || document.body; if ( main instanceof Element && main.dataset.licensesFileObserverV43 !== "true" ) { main.dataset.licensesFileObserverV43 = "true"; const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => [...mutation.addedNodes].some( (node) => node instanceof Element && (node.matches?.("table, tbody, tr, td, img") || node.querySelector?.("table, tbody, tr, td, img")) ) ); if (relevant) { scheduleSync(); } }); observer.observe(main, { childList: true, subtree: true, attributes: true, attributeFilter: ["src"] }); } }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initializeV43, { once: true }); } else { initializeV43(); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES FOOTER V46 — STABLE RUNTIME LAYOUT Normalizes the nested Builder containers into three fixed zones. ========================================================= */ const FOOTER_SELECTOR = ".company-licenses-footer"; const SOURCES = { company: ".company-licenses-footer-company", brand: ".company-licenses-footer-brand", page: ".company-licenses-footer-page", owner: ".company-licenses-footer-owner", description: ".company-licenses-footer-business-description" }; const normalizeText = (value) => String(value || "") .replace(/\s+/g, " ") .trim(); const readSourceText = (footer, selector) => { const source = footer.querySelector(selector); return normalizeText(source?.textContent); }; const createTextElement = (className, text) => { const element = document.createElement("div"); element.className = className; element.textContent = text; return element; }; const buildBlock = ({ position, eyebrow, title, subtitle }) => { const block = document.createElement("section"); block.className = `company-licenses-footer-v46__block ` + `company-licenses-footer-v46__block--${position}`; block.append( createTextElement("company-licenses-footer-v46__eyebrow", eyebrow), createTextElement("company-licenses-footer-v46__title", title || "—"), createTextElement( "company-licenses-footer-v46__subtitle", subtitle || "—" ) ); return block; }; const getValues = (footer) => ({ company: readSourceText(footer, SOURCES.company), brand: readSourceText(footer, SOURCES.brand), page: readSourceText(footer, SOURCES.page), owner: readSourceText(footer, SOURCES.owner), description: readSourceText(footer, SOURCES.description) }); const updateRuntime = (runtime, values) => { const setText = (selector, value) => { const element = runtime.querySelector(selector); if (element && element.textContent !== (value || "—")) { element.textContent = value || "—"; } }; setText( ".company-licenses-footer-v46__block--right .company-licenses-footer-v46__title", values.company ); setText( ".company-licenses-footer-v46__block--right .company-licenses-footer-v46__subtitle", values.brand ); setText( ".company-licenses-footer-v46__block--center .company-licenses-footer-v46__title", values.page ); setText( ".company-licenses-footer-v46__block--left .company-licenses-footer-v46__title", values.owner ); setText( ".company-licenses-footer-v46__block--left .company-licenses-footer-v46__subtitle", values.description ); }; const mountFooter = () => { const footer = document.querySelector(FOOTER_SELECTOR); if (!(footer instanceof HTMLElement)) { return false; } const values = getValues(footer); const hasRequiredData = values.company || values.brand || values.page || values.owner; if (!hasRequiredData) { return false; } let runtime = footer.querySelector( ":scope > .company-licenses-footer-runtime-v46" ); if (!(runtime instanceof HTMLElement)) { runtime = document.createElement("div"); runtime.className = "company-licenses-footer-runtime-v46"; runtime.setAttribute("role", "contentinfo"); runtime.setAttribute("aria-label", "معلومات المنشأة والقسم الحالي"); runtime.append( buildBlock({ position: "left", eyebrow: "صاحب المنشأة", title: values.owner, subtitle: values.description }), buildBlock({ position: "center", eyebrow: "القسم الحالي", title: values.page, subtitle: "بوابة إدارة الشركات" }), buildBlock({ position: "right", eyebrow: "المنشأة الحالية", title: values.company, subtitle: values.brand }) ); footer.append(runtime); } else { updateRuntime(runtime, values); } footer.classList.add("company-licenses-footer-v46-ready"); document.documentElement.dataset.licensesFooterV46Ready = "true"; return true; }; let frameId = null; const scheduleMount = () => { if (frameId !== null) { return; } frameId = window.requestAnimationFrame(() => { try { mountFooter(); } catch (error) { console.error( "[الشهادات والتراخيص V46] تعذر تجهيز الفوتر.", error ); } finally { frameId = null; } }); }; const start = () => { scheduleMount(); let attempts = 0; const retryId = window.setInterval(() => { attempts += 1; if (mountFooter() || attempts >= 60) { window.clearInterval(retryId); } }, 250); const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => { if ( mutation.target instanceof Element && mutation.target.closest?.(".company-licenses-footer-runtime-v46") ) { return false; } return ( mutation.type === "characterData" || [...mutation.addedNodes].some( (node) => node instanceof Element && (node.matches?.(FOOTER_SELECTOR) || node.querySelector?.(FOOTER_SELECTOR) || node.closest?.(FOOTER_SELECTOR)) ) ); }); if (relevant) { scheduleMount(); } }); observer.observe(document.documentElement, { childList: true, subtree: true, characterData: true }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES V49 — SECTION-SCOPED SEARCH Filters the rows already loaded in the active Baserow table. Each section has its own placeholder and preferred fields. ========================================================= */ const PANEL_DEFINITIONS = Object.freeze([ { id: "trademarks", panel: ".company-licenses-panel-trademarks", placeholder: "ابحث باسم العلامة أو رقم الوثيقة أو نوع النشاط...", fields: [ "اسم العلامة التجارية عربي", "اسم العلامة التجارية إنجليزي", "رقم وثيقة العلامة التجارية", "نوع النشاط" ] }, { id: "leases", panel: ".company-licenses-panel-leases", placeholder: "ابحث برقم العقد أو السجل التجاري أو الطرف الثاني...", fields: ["رقم العقد", "السجل التجاري", "الطرف الثاني"] }, { id: "tax", panel: ".company-licenses-panel-tax", placeholder: "ابحث بالرقم المميز أو الرقم الضريبي...", fields: ["الرقم المميز", "الرقم الضريبي", "تاريخ التسجيل الأولي"] }, { id: "municipal", panel: ".company-licenses-panel-municipal", placeholder: "ابحث برقم الرخصة أو الموقع أو نوع الرخصة...", fields: ["رقم الرخصة", "الموقع", "نوع الرخصة", "تاريخ الانتهاء"] }, { id: "spl", panel: ".company-licenses-panel-spl", placeholder: "ابحث برقم الإثبات أو الحساب أو العنوان أو المدينة...", fields: [ "رقم الإثبات", "رقم الحساب", "العنوان المختصر", "المدينة", "الرمز البريدي", "رقم المبنى", "الحي", "الرقم الفرعي" ] }, { id: "civil-defense", panel: ".company-licenses-panel-civil-defense", placeholder: "ابحث برقم ترخيص الدفاع المدني أو الرخصة المرتبطة...", fields: [ "رقم ترخيص الدفاع المدني", "تاريخ انتهاء الترخيص", "مرتبطة بأي رخصة النشاط التجاري", "مرتبطة باي رخصة النشاط التجاري", "رخصة النشاط التجاري" ] } ]); const STORAGE_PREFIX = `company-licenses-search-v49:${window.location.pathname}:`; const normalizeText = (value) => String(value ?? "") .toLowerCase() .replace(/[\u064B-\u065F\u0670\u06D6-\u06ED]/gu, "") .replace(/ـ/gu, "") .replace(/[أإآٱ]/gu, "ا") .replace(/ى/gu, "ي") .replace(/ة/gu, "ه") .replace(/[٠-٩]/gu, (digit) => "٠١٢٣٤٥٦٧٨٩".indexOf(digit)) .replace(/[۰-۹]/gu, (digit) => "۰۱۲۳۴۵۶۷۸۹".indexOf(digit)) .replace(/[\u200E\u200F\u202A-\u202E\u2066-\u2069]/gu, " ") .replace(/\s+/gu, " ") .trim(); const createSearchIcon = () => ` `; const getTable = (panel) => panel?.querySelector(".company-licenses-data-table table.baserow-table") || panel?.querySelector(".company-licenses-data-table table") || panel?.querySelector("table.baserow-table") || panel?.querySelector("table") || null; const getRows = (table) => [...(table?.querySelectorAll("tbody tr") || [])].filter( (row) => row instanceof HTMLTableRowElement ); const getHeaders = (table) => [...(table?.querySelectorAll("thead th") || [])].filter( (header) => header instanceof HTMLTableCellElement ); const getSearchableIndexes = (table, definition) => { const headers = getHeaders(table); if (!headers.length) return []; const normalizedFields = definition.fields.map(normalizeText); const indexes = headers.reduce((result, header, index) => { const headerText = normalizeText(header.textContent); if (!headerText || headerText.includes(normalizeText("فتح الملف"))) { return result; } const matchesPreferredField = normalizedFields.some( (field) => headerText.includes(field) || field.includes(headerText) ); if (matchesPreferredField) result.push(index); return result; }, []); if (indexes.length) return indexes; return headers .map((header, index) => ({ index, text: normalizeText(header.textContent) })) .filter(({ text }) => text && !text.includes(normalizeText("فتح الملف"))) .map(({ index }) => index); }; const getRowSearchText = (row, indexes) => { const cells = [...row.querySelectorAll(":scope > td")]; const selectedCells = indexes.length ? indexes.map((index) => cells[index]).filter(Boolean) : cells.slice(0, -1); return normalizeText( selectedCells .map((cell) => { const imageAlt = [...cell.querySelectorAll("img[alt]")] .map((image) => image.getAttribute("alt") || "") .join(" "); return `${cell.textContent || ""} ${imageAlt}`; }) .join(" ") ); }; const updateStatus = (control, visibleCount, totalCount, hasQuery) => { const status = control.querySelector( ".company-licenses-panel-search-v49__status" ); const clearButton = control.querySelector( ".company-licenses-panel-search-v49__clear" ); const empty = control.nextElementSibling?.classList.contains( "company-licenses-panel-search-v49__empty" ) ? control.nextElementSibling : null; if (status) { status.textContent = hasQuery ? `${visibleCount} من ${totalCount} سجل` : `${totalCount} سجل`; } if (clearButton) { clearButton.hidden = !hasQuery; } if (empty) { empty.classList.toggle("is-visible", hasQuery && visibleCount === 0); } }; const applySearch = (definition, panel, control) => { const input = control.querySelector( ".company-licenses-panel-search-v49__input" ); const table = getTable(panel); if (!(input instanceof HTMLInputElement) || !(table instanceof HTMLTableElement)) { return false; } const rows = getRows(table); const indexes = getSearchableIndexes(table, definition); const query = normalizeText(input.value); const terms = query.split(" ").filter(Boolean); let visibleCount = 0; rows.forEach((row) => { const rowText = getRowSearchText(row, indexes); const matches = terms.length === 0 || terms.every((term) => rowText.includes(term)); row.classList.toggle("company-licenses-search-row-hidden-v49", !matches); row.setAttribute("aria-hidden", String(!matches)); if (matches) visibleCount += 1; }); updateStatus(control, visibleCount, rows.length, Boolean(query)); try { window.sessionStorage.setItem( `${STORAGE_PREFIX}${definition.id}`, input.value ); } catch (error) { console.error("[الشهادات والتراخيص V49] تعذر حفظ البحث.", error); } return true; }; const getInsertAnchor = (panel) => { const title = panel.querySelector(".company-licenses-panel-title"); if (!(title instanceof Element)) return null; const elementWrapper = title.closest(".element"); if (elementWrapper && panel.contains(elementWrapper)) return elementWrapper; return title; }; const createControl = (definition) => { const control = document.createElement("div"); control.className = "company-licenses-panel-search-v49"; control.dataset.licensesSearchSectionV49 = definition.id; control.setAttribute("role", "search"); control.setAttribute("aria-label", `البحث داخل قسم ${definition.id}`); control.innerHTML = ` ${createSearchIcon()} 0 سجل `; return control; }; const mountPanelSearch = (definition) => { const panel = document.querySelector(definition.panel); if (!(panel instanceof Element)) return false; let control = panel.querySelector( `.company-licenses-panel-search-v49[data-licenses-search-section-v49="${definition.id}"]` ); if (!(control instanceof HTMLElement)) { const anchor = getInsertAnchor(panel); if (!(anchor instanceof Element) || !anchor.parentElement) return false; control = createControl(definition); const empty = document.createElement("div"); empty.className = "company-licenses-panel-search-v49__empty"; empty.textContent = "لا توجد نتائج مطابقة داخل هذا القسم."; anchor.insertAdjacentElement("afterend", control); control.insertAdjacentElement("afterend", empty); const input = control.querySelector( ".company-licenses-panel-search-v49__input" ); const clearButton = control.querySelector( ".company-licenses-panel-search-v49__clear" ); try { const savedValue = window.sessionStorage.getItem( `${STORAGE_PREFIX}${definition.id}` ); if (input instanceof HTMLInputElement && savedValue) { input.value = savedValue; } } catch (error) { console.error("[الشهادات والتراخيص V49] تعذر استرجاع البحث.", error); } let inputTimer = null; input?.addEventListener("input", () => { window.clearTimeout(inputTimer); inputTimer = window.setTimeout( () => applySearch(definition, panel, control), 90 ); }); input?.addEventListener("keydown", (event) => { if (event.key === "Escape" && input instanceof HTMLInputElement) { input.value = ""; applySearch(definition, panel, control); input.focus(); } }); clearButton?.addEventListener("click", () => { if (!(input instanceof HTMLInputElement)) return; input.value = ""; applySearch(definition, panel, control); input.focus(); }); } applySearch(definition, panel, control); panel.dataset.licensesSearchV49Ready = "true"; return true; }; const mountAllSearches = () => { const results = PANEL_DEFINITIONS.map(mountPanelSearch); const ready = results.every(Boolean); if (ready) { document.documentElement.dataset.licensesSearchV49Ready = "true"; } return ready; }; let frameId = null; const scheduleSync = () => { if (frameId !== null) return; frameId = window.requestAnimationFrame(() => { try { mountAllSearches(); } catch (error) { console.error("[الشهادات والتراخيص V49] تعذر تجهيز البحث.", error); } finally { frameId = null; } }); }; const start = () => { scheduleSync(); let attempts = 0; const retryId = window.setInterval(() => { attempts += 1; if (mountAllSearches() || attempts >= 80) { window.clearInterval(retryId); } }, 250); const host = document.querySelector(".company-licenses-panels-host") || document.querySelector(".company-licenses-main") || document.body; if (!(host instanceof Element)) return; const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => { if ( mutation.target instanceof Element && mutation.target.closest?.(".company-licenses-panel-search-v49") ) { return false; } return [...mutation.addedNodes, ...mutation.removedNodes].some( (node) => node instanceof Element && (node.matches?.("table, thead, tbody, tr, td, th") || node.querySelector?.("table, thead, tbody, tr, td, th")) ); }); if (relevant) scheduleSync(); }); observer.observe(host, { childList: true, subtree: true }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES V50 — SECTION REPORTS Generates a preview, print/PDF output and Excel-compatible CSV from the rows currently loaded in each section table. ========================================================= */ const DEFINITIONS = Object.freeze([ { id: "trademarks", panel: ".company-licenses-panel-trademarks", title: "العلامات التجارية", expiryFields: ["تاريخ انتهاء الوثيقة"] }, { id: "leases", panel: ".company-licenses-panel-leases", title: "عقود الإيجار", expiryFields: ["تاريخ نهاية العقد", "تاريخ انتهاء العقد"] }, { id: "tax", panel: ".company-licenses-panel-tax", title: "الزكاة والضريبة", expiryFields: [] }, { id: "municipal", panel: ".company-licenses-panel-municipal", title: "التراخيص البلدية", expiryFields: ["تاريخ الانتهاء", "تاريخ انتهاء الرخصة"] }, { id: "spl", panel: ".company-licenses-panel-spl", title: "سبل", expiryFields: ["تاريخ الانتهاء"] }, { id: "civil-defense", panel: ".company-licenses-panel-civil-defense", title: "الدفاع المدني", expiryFields: ["تاريخ انتهاء الترخيص"] } ]); const normalize = (value) => String(value ?? "") .replace(/[\u200E\u200F\u202A-\u202E\u2066-\u2069]/gu, " ") .replace(/\s+/gu, " ") .trim(); const normalizeKey = (value) => normalize(value) .toLowerCase() .replace(/[\u064B-\u065F\u0670\u06D6-\u06ED]/gu, "") .replace(/ـ/gu, "") .replace(/[أإآٱ]/gu, "ا") .replace(/ى/gu, "ي") .replace(/ة/gu, "ه"); const escapeHtml = (value) => String(value ?? "") .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); const reportIcon = () => ` `; const getPanel = (definition) => document.querySelector(definition.panel); const getTable = (panel) => panel?.querySelector(".company-licenses-data-table table.baserow-table") || panel?.querySelector(".company-licenses-data-table table") || panel?.querySelector("table.baserow-table") || panel?.querySelector("table") || null; const getRows = (table) => [...(table?.querySelectorAll("tbody tr") || [])].filter( (row) => row instanceof HTMLTableRowElement ); const getHeaders = (table) => [...(table?.querySelectorAll("thead th") || [])].map((header) => normalize(header.textContent) ); const getCellText = (cell) => { if (!(cell instanceof Element)) return ""; const clone = cell.cloneNode(true); clone .querySelectorAll( ".company-licenses-file-action-v43, .company-licenses-file-action-v42, img, svg" ) .forEach((element) => element.remove()); return normalize(clone.textContent); }; const hasAttachment = (cell) => Boolean( cell?.querySelector( "img.ab-image__img[src], img[src], a[href], [data-url], [data-file-url]" ) ); const collectRows = (definition, scope) => { const panel = getPanel(definition); const table = getTable(panel); if (!(table instanceof HTMLTableElement)) { return { headers: [], rows: [], query: "" }; } const rawHeaders = getHeaders(table); const visibleHeaders = rawHeaders.slice(0, -1); const rows = getRows(table).filter((row) => { if (scope !== "search") return true; return !row.classList.contains("company-licenses-search-row-hidden-v49"); }); const data = rows.map((row) => { const cells = [...row.querySelectorAll(":scope > td")]; const values = cells.slice(0, -1).map(getCellText); values.push(hasAttachment(cells.at(-1)) ? "مرفق متاح" : "لا يوجد مرفق"); return { row, values }; }); const input = panel?.querySelector( ".company-licenses-panel-search-v49__input" ); return { headers: [...visibleHeaders, "حالة المرفق"], rows: data, query: input instanceof HTMLInputElement ? normalize(input.value) : "" }; }; const parseDate = (value) => { const text = normalize(value) .replace(/[٠-٩]/g, (digit) => "٠١٢٣٤٥٦٧٨٩".indexOf(digit)) .replace(/[۰-۹]/g, (digit) => "۰۱۲۳۴۵۶۷۸۹".indexOf(digit)); const match = text.match(/(\d{4})[-\/.](\d{1,2})[-\/.](\d{1,2})/); if (!match) return null; const date = new Date( Number(match[1]), Number(match[2]) - 1, Number(match[3]), 12, 0, 0, 0 ); return Number.isNaN(date.getTime()) ? null : date; }; const findExpiryIndex = (headers, definition) => { const candidates = definition.expiryFields.map(normalizeKey); return headers.findIndex((header) => { const key = normalizeKey(header); return candidates.some( (candidate) => key.includes(candidate) || candidate.includes(key) ); }); }; const filterByExpiry = (report, definition, filter) => { if (filter === "all" || !definition.expiryFields.length) return report; const index = findExpiryIndex(report.headers, definition); if (index < 0) return report; const today = new Date(); today.setHours(0, 0, 0, 0); const daysMap = { "30": 30, "60": 60, "90": 90 }; const limit = daysMap[filter] ? new Date(today.getTime() + daysMap[filter] * 86400000) : null; return { ...report, rows: report.rows.filter(({ values }) => { const date = parseDate(values[index]); if (!date) return false; date.setHours(0, 0, 0, 0); if (filter === "expired") return date < today; if (filter === "valid") return date >= today; if (limit) return date >= today && date <= limit; return true; }) }; }; const readPageContext = () => { const company = normalize( document.querySelector(".company-licenses-navbar-v18__company") ?.textContent ) || normalize(document.querySelector(".company-licenses-company-name")?.textContent) || "—"; const registration = normalize( document.querySelector(".company-licenses-navbar-v18__registration") ?.textContent ) || normalize( document.querySelector(".company-licenses-company-registration") ?.textContent ) || "—"; const user = normalize( document.querySelector(".company-licenses-navbar-v18__user-name") ?.textContent ) || normalize(document.querySelector(".company-licenses-current-user")?.textContent) || "—"; return { company, registration, user }; }; const createModal = () => { let modal = document.querySelector(".company-licenses-report-modal-v50"); if (modal instanceof HTMLElement) return modal; modal = document.createElement("div"); modal.className = "company-licenses-report-modal-v50"; modal.hidden = true; modal.setAttribute("role", "dialog"); modal.setAttribute("aria-modal", "true"); modal.setAttribute("aria-label", "إنشاء تقرير القسم"); modal.innerHTML = `

إنشاء تقرير

تقرير القسم المفتوح من البيانات المحمّلة حاليًا

نطاق التقرير

كل سجلات القسم نتائج البحث الحالية

حالة الوثائق

`; document.body.append(modal); return modal; }; const buildPreview = (modal, definition) => { const scope = modal.querySelector('input[name="licenses-report-scope-v50"]:checked') ?.value || "all"; const expiry = modal.querySelector(".company-licenses-report-select-v50")?.value || "all"; const baseReport = collectRows(definition, scope); const report = filterByExpiry(baseReport, definition, expiry); const context = readPageContext(); const generatedAt = new Intl.DateTimeFormat("ar-SA", { dateStyle: "medium", timeStyle: "short" }).format(new Date()); const typeText = scope === "search" ? "نتائج البحث الحالية" : "كل سجلات القسم"; const expiryLabels = { all: "جميع الوثائق", valid: "الوثائق السارية", "30": "تنتهي خلال 30 يومًا", "60": "تنتهي خلال 60 يومًا", "90": "تنتهي خلال 90 يومًا", expired: "الوثائق المنتهية" }; const meta = [ ["المنشأة", context.company], ["رقم السجل", context.registration], ["القسم", definition.title], ["نوع التقرير", typeText], ["حالة الوثائق", expiryLabels[expiry] || "جميع الوثائق"], ["عدد السجلات", String(report.rows.length)], ["عبارة البحث", baseReport.query || "لا يوجد"], ["أنشأه", context.user], ["تاريخ الإنشاء", generatedAt] ]; const preview = modal.querySelector(".company-licenses-report-preview-v50"); if (!(preview instanceof HTMLElement)) return; const tableHtml = report.rows.length ? ` ${report.headers .map((header) => ``) .join("")}${report.rows .map( ({ values }) => `${values .map((value) => ``) .join("")}` ) .join("")}

${escapeHtml(header)}
${escapeHtml(value \|\| "—")}

` : `

لا توجد سجلات مطابقة لاختيارات التقرير الحالية.

`; preview.innerHTML = `

${meta .map( ([label, value]) => `

${escapeHtml(label)} ${escapeHtml(value)}

` ) .join("")}

${tableHtml}

`; modal._licensesReportV50 = { definition, report, context, generatedAt }; }; const csvEscape = (value) => { const text = String(value ?? ""); return `"${text.replace(/"/g, '""')}"`; }; const exportCsv = (modal) => { const state = modal._licensesReportV50; if (!state) return; const lines = [ state.report.headers.map(csvEscape).join(","), ...state.report.rows.map(({ values }) => values.map(csvEscape).join(",")) ]; const blob = new Blob(["\uFEFF", lines.join("\r\n")], { type: "text/csv;charset=utf-8" }); const url = URL.createObjectURL(blob); const link = document.createElement("a"); link.href = url; link.download = `تقرير-${state.definition.title}-${new Date() .toISOString() .slice(0, 10)}.csv`; document.body.append(link); link.click(); link.remove(); window.setTimeout(() => URL.revokeObjectURL(url), 1200); }; const closeModal = (modal) => { modal.hidden = true; document.body.classList.remove("company-licenses-report-open-v50"); }; const openModal = (definition) => { const modal = createModal(); modal.dataset.reportSectionV50 = definition.id; const title = modal.querySelector(".company-licenses-report-header-v50__title"); if (title) title.textContent = `تقرير ${definition.title}`; const expiryGroup = modal.querySelector( ".company-licenses-report-expiry-group-v50" ); if (expiryGroup instanceof HTMLElement) { expiryGroup.hidden = definition.expiryFields.length === 0; } const searchInput = getPanel(definition)?.querySelector( ".company-licenses-panel-search-v49__input" ); const searchRadio = modal.querySelector( 'input[name="licenses-report-scope-v50"][value="search"]' ); const allRadio = modal.querySelector( 'input[name="licenses-report-scope-v50"][value="all"]' ); if (searchInput instanceof HTMLInputElement && normalize(searchInput.value)) { if (searchRadio instanceof HTMLInputElement) searchRadio.checked = true; } else if (allRadio instanceof HTMLInputElement) { allRadio.checked = true; } modal.hidden = false; document.body.classList.add("company-licenses-report-open-v50"); buildPreview(modal, definition); modal.querySelector(".company-licenses-report-close-v50")?.focus(); }; const bindModal = () => { const modal = createModal(); if (modal.dataset.reportBoundV50 === "true") return; modal.dataset.reportBoundV50 = "true"; modal.addEventListener("click", (event) => { const target = event.target instanceof Element ? event.target : null; if (!target) return; if (target === modal) { closeModal(modal); return; } if (target.closest(".company-licenses-report-close-v50")) { closeModal(modal); return; } const action = target.closest("[data-report-action]")?.getAttribute( "data-report-action" ); if (action === "close") { closeModal(modal); } else if (action === "csv") { exportCsv(modal); } else if (action === "print") { document.body.classList.add("company-licenses-report-printing-v50"); window.print(); window.setTimeout( () => document.body.classList.remove("company-licenses-report-printing-v50"), 700 ); } }); modal.addEventListener("change", () => { const definition = DEFINITIONS.find( (item) => item.id === modal.dataset.reportSectionV50 ); if (definition) buildPreview(modal, definition); }); document.addEventListener("keydown", (event) => { if (event.key === "Escape" && !modal.hidden) closeModal(modal); }); }; const mountTrigger = (definition) => { const panel = getPanel(definition); const control = panel?.querySelector( `.company-licenses-panel-search-v49[data-licenses-search-section-v49="${definition.id}"]` ); if (!(control instanceof HTMLElement)) return false; let trigger = control.querySelector( ".company-licenses-report-trigger-v50" ); if (!(trigger instanceof HTMLButtonElement)) { trigger = document.createElement("button"); trigger.type = "button"; trigger.className = "company-licenses-report-trigger-v50"; trigger.innerHTML = ` ${reportIcon()} إنشاء تقرير `; trigger.setAttribute("aria-label", `إنشاء تقرير ${definition.title}`); const field = control.querySelector( ".company-licenses-panel-search-v49__field" ); if (field instanceof Element) { field.insertAdjacentElement("afterend", trigger); } else { control.prepend(trigger); } trigger.addEventListener("click", () => openModal(definition)); } return true; }; const mountAll = () => { bindModal(); const ready = DEFINITIONS.map(mountTrigger).every(Boolean); if (ready) document.documentElement.dataset.licensesReportsV50Ready = "true"; return ready; }; let frame = null; const schedule = () => { if (frame !== null) return; frame = window.requestAnimationFrame(() => { frame = null; try { mountAll(); } catch (error) { console.error("[الشهادات والتراخيص V50] تعذر تجهيز التقارير.", error); } }); }; const start = () => { schedule(); let attempts = 0; const retry = window.setInterval(() => { attempts += 1; if (mountAll() || attempts >= 80) window.clearInterval(retry); }, 250); const host = document.querySelector(".company-licenses-panels-host") || document.querySelector(".company-licenses-main") || document.body; if (host instanceof Element) { const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => [...mutation.addedNodes].some( (node) => node instanceof Element && (node.matches?.( ".company-licenses-panel-search-v49, table, tbody, tr" ) || node.querySelector?.( ".company-licenses-panel-search-v49, table, tbody, tr" )) ) ); if (relevant) schedule(); }); observer.observe(host, { childList: true, subtree: true }); } }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES V55 — REFERENCE-MATCHED AWARD ICON Adds the approved medal/award icon beside the page title. ========================================================= */ try { const ICON_ID = "company-licenses-title-icon-v53"; const iconMarkup = ` `; const apply = () => { const title = document.querySelector(".company-licenses-main-title"); if (!(title instanceof Element)) return false; title.querySelector(`#${ICON_ID}`)?.remove(); const icon = document.createElement("span"); icon.id = ICON_ID; icon.className = "company-licenses-title-icon-v53"; icon.setAttribute("aria-hidden", "true"); icon.innerHTML = iconMarkup; title.prepend(icon); title.dataset.licensesTitleIconV55 = "true"; return true; }; const start = () => { if (apply()) return; const observer = new MutationObserver(() => { if (apply()) observer.disconnect(); }); observer.observe(document.documentElement, { childList: true, subtree: true }); window.setTimeout(() => observer.disconnect(), 15000); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[الشهادات والتراخيص V55] تعذر إضافة أيقونة العنوان.", error); } })(); (() => { "use strict"; /* ========================================================= COMPANY LICENSES V57 — REMOVE TITLE ICON Removes the previously injected title icon and keeps it removed if the builder re-renders the title. ========================================================= */ try { const ICON_ID = "company-licenses-title-icon-v53"; const removeIcon = () => { let removed = false; document.querySelectorAll(`#${ICON_ID}, .company-licenses-title-icon-v53`).forEach((node) => { node.remove(); removed = true; }); document.querySelectorAll('.company-licenses-main-title').forEach((title) => { if (title instanceof HTMLElement) { title.style.gap = '0'; delete title.dataset.licensesTitleIconV55; } }); return removed; }; const start = () => { removeIcon(); const observer = new MutationObserver(() => { removeIcon(); }); observer.observe(document.documentElement, { childList: true, subtree: true }); window.setTimeout(() => observer.disconnect(), 15000); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", start, { once: true }); } else { start(); } } catch (error) { console.error("[الشهادات والتراخيص V57] تعذر حذف أيقونة العنوان.", error); } })(); (() => { "use strict"; /* ==================== V220 MODULE: UTILITIES ==================== */ /* ========================================================= COMPANY UTILITIES V58 — ELECTRICITY / WATER TABS - opens electricity by default - switches cards and data panels - adds accessible SVG icons - localizes empty states - converts attachment previews into "فتح الملف" - updates the fixed footer current-page label ========================================================= */ const PAGE_TITLE_SELECTOR = ".company-utilities-main-title"; const CARD_ELECTRICITY_SELECTOR = ".company-utilities-summary-card-electricity"; const CARD_WATER_SELECTOR = ".company-utilities-summary-card-water"; const PANEL_ELECTRICITY_SELECTOR = ".company-utilities-panel-electricity"; const PANEL_WATER_SELECTOR = ".company-utilities-panel-water"; const TABLE_SELECTOR = ".company-utilities-data-table"; const FILE_CELL_SELECTOR = ".company-utilities-data-table table.baserow-table tbody tr.baserow-table__row > td.ab-table__cell:last-child"; let activeUtility = "electricity"; let frameId = null; const isUtilitiesPage = () => document.querySelector(PAGE_TITLE_SELECTOR) instanceof Element; const getCard = (type) => document.querySelector( type === "water" ? CARD_WATER_SELECTOR : CARD_ELECTRICITY_SELECTOR ); const getPanel = (type) => document.querySelector( type === "water" ? PANEL_WATER_SELECTOR : PANEL_ELECTRICITY_SELECTOR ); const iconMarkup = { electricity: ` `, water: ` ` }; const ensureCardIcon = (card, type) => { if (!(card instanceof HTMLElement)) { return; } let icon = card.querySelector( `:scope > .company-utilities-card-icon-v58[data-utility-icon="${type}"]` ); if (!(icon instanceof HTMLElement)) { card .querySelectorAll(":scope > .company-utilities-card-icon-v58") .forEach((node) => node.remove()); icon = document.createElement("span"); icon.className = "company-utilities-card-icon-v58"; icon.dataset.utilityIcon = type; icon.setAttribute("aria-hidden", "true"); icon.innerHTML = iconMarkup[type]; card.prepend(icon); } }; const configureCard = (card, type) => { if (!(card instanceof HTMLElement)) { return; } const isWater = type === "water"; const label = isWater ? "عرض بيانات المياه" : "عرض بيانات الكهرباء"; card.setAttribute("role", "button"); card.setAttribute("tabindex", "0"); card.setAttribute("aria-label", label); card.dataset.utilityType = type; ensureCardIcon(card, type); }; const setActiveUtility = (type, options = {}) => { const normalized = type === "water" ? "water" : "electricity"; activeUtility = normalized; const states = [ { type: "electricity", card: getCard("electricity"), panel: getPanel("electricity") }, { type: "water", card: getCard("water"), panel: getPanel("water") } ]; states.forEach(({ type: itemType, card, panel }) => { const isActive = itemType === normalized; if (card instanceof HTMLElement) { card.classList.toggle("is-active", isActive); card.setAttribute("aria-pressed", String(isActive)); card.setAttribute("aria-selected", String(isActive)); } if (panel instanceof HTMLElement) { panel.classList.toggle("is-active", isActive); panel.hidden = !isActive; panel.setAttribute("aria-hidden", String(!isActive)); } }); document.documentElement.dataset.activeUtilityV58 = normalized; if (options.focusPanel) { const activePanel = getPanel(normalized); if (activePanel instanceof HTMLElement) { activePanel.scrollIntoView({ behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth", block: "start" }); } } }; const updateFooterPage = () => { const source = document.querySelector(".company-licenses-footer-page"); if ( source instanceof HTMLElement && source.textContent.trim() !== "الكهرباء والماء" ) { source.textContent = "الكهرباء والماء"; } const runtimeTitle = document.querySelector( ".company-licenses-footer-v46__block--center " + ".company-licenses-footer-v46__title" ); if ( runtimeTitle instanceof HTMLElement && runtimeTitle.textContent.trim() !== "الكهرباء والماء" ) { runtimeTitle.textContent = "الكهرباء والماء"; } }; const replaceEmptyStateText = () => { document.querySelectorAll(TABLE_SELECTOR).forEach((tableRoot) => { if (!(tableRoot instanceof HTMLElement)) { return; } const panel = tableRoot.closest(".company-utilities-panel"); const isWater = panel?.classList.contains("company-utilities-panel-water") === true; const replacement = isWater ? "لا توجد بيانات مياه مسجلة لهذه المنشأة" : "لا توجد بيانات كهرباء مسجلة لهذه المنشأة"; tableRoot.querySelectorAll("td, div, p, span").forEach((element) => { if (!(element instanceof HTMLElement)) { return; } const text = element.textContent.replace(/\s+/g, " ").trim(); if ( text === "No items have been found." || text === "No items have been found" ) { element.textContent = replacement; element.classList.add("company-utilities-empty-state-v58"); element.setAttribute("role", "status"); element.setAttribute("aria-live", "polite"); } }); }); }; const getFileUrl = (cell) => { try { const image = cell?.querySelector("img.ab-image__img[src]"); const raw = image?.currentSrc || image?.getAttribute("src") || ""; if (!raw) { return ""; } return new URL(raw, window.location.href).href; } catch (error) { console.error( "[الكهرباء والماء V58] تعذر قراءة رابط المرفق.", error ); return ""; } }; const enhanceFileCells = () => { document.querySelectorAll(FILE_CELL_SELECTOR).forEach((cell) => { if (!(cell instanceof HTMLElement)) { return; } const currentImageUrl = getFileUrl(cell); const url = currentImageUrl || cell.dataset.utilityFileUrl || ""; cell.classList.add("company-utilities-file-cell-v58"); if (url) { cell.dataset.utilityFileUrl = url; } else { delete cell.dataset.utilityFileUrl; } const content = cell.querySelector(":scope > .ab-table__cell-content") || cell.querySelector(".ab-table__cell-content") || cell; cell .querySelectorAll( ".company-utilities-file-runtime-v74, " + ".company-utilities-file-action-v58, " + ".company-utilities-file-empty-v58" ) .forEach((node) => node.remove()); const runtime = document.createElement("div"); runtime.className = "company-utilities-file-runtime-v74"; if (url) { const button = document.createElement("button"); button.type = "button"; button.className = "company-utilities-file-action-v58"; button.textContent = "فتح الملف"; button.setAttribute("aria-label", "فتح المرفق في تبويب جديد"); runtime.append(button); } else { const empty = document.createElement("span"); empty.className = "company-utilities-file-empty-v58"; empty.textContent = "—"; empty.setAttribute("aria-label", "لا يوجد مرفق"); runtime.append(empty); } if (content instanceof HTMLElement) { content.replaceChildren(runtime); } }); }; const openFile = (cell) => { const url = cell instanceof HTMLElement ? cell.dataset.utilityFileUrl || getFileUrl(cell) : ""; if (!url) { return; } const opened = window.open(url, "_blank", "noopener,noreferrer"); if (opened) { try { opened.opener = null; } catch { // No action needed. } } }; const syncPage = () => { if (!isUtilitiesPage()) { return false; } document.body.classList.add("portal-utilities-page-v58"); configureCard(getCard("electricity"), "electricity"); configureCard(getCard("water"), "water"); updateFooterPage(); replaceEmptyStateText(); enhanceFileCells(); const currentType = document.documentElement.dataset.activeUtilityV58 || activeUtility || "electricity"; setActiveUtility(currentType); return true; }; const scheduleSync = () => { if (frameId !== null) { return; } frameId = window.requestAnimationFrame(() => { try { syncPage(); } catch (error) { console.error( "[الكهرباء والماء V58] تعذر تجهيز الصفحة.", error ); } finally { frameId = null; } }); }; const getRequestedType = (target) => { if (!(target instanceof Element)) { return ""; } if ( target.closest( `${CARD_WATER_SELECTOR}, ` + ".company-utilities-summary-card-action-water" ) ) { return "water"; } if ( target.closest( `${CARD_ELECTRICITY_SELECTOR}, ` + ".company-utilities-summary-card-action-electricity" ) ) { return "electricity"; } return ""; }; const bindEvents = () => { if (document.documentElement.dataset.utilitiesEventsV58Bound === "true") { return; } document.documentElement.dataset.utilitiesEventsV58Bound = "true"; document.addEventListener("click", (event) => { if (!isUtilitiesPage()) { return; } const fileButton = event.target instanceof Element ? event.target.closest(".company-utilities-file-action-v58") : null; if (fileButton) { event.preventDefault(); event.stopPropagation(); openFile(fileButton.closest(FILE_CELL_SELECTOR)); return; } const type = getRequestedType(event.target); if (!type) { return; } event.preventDefault(); setActiveUtility(type, { focusPanel: true }); }); document.addEventListener("keydown", (event) => { if (!isUtilitiesPage()) { return; } if (event.key !== "Enter" && event.key !== " ") { return; } const type = getRequestedType(event.target); if (!type) { return; } event.preventDefault(); setActiveUtility(type, { focusPanel: true }); }); }; const start = () => { bindEvents(); scheduleSync(); let attempts = 0; const retryId = window.setInterval(() => { attempts += 1; if (syncPage() || attempts >= 60) { window.clearInterval(retryId); } }, 250); const observer = new MutationObserver((mutations) => { const relevant = mutations.some((mutation) => { if (mutation.type === "characterData") { return true; } return [...mutation.addedNodes].some( (node) => node instanceof Element && ( node.matches?.( `${PAGE_TITLE_SELECTOR}, ` + ".company-utilities-summary-card, " + ".company-utilities-panel, " + ".company-utilities-data-table, " + "table, tbody, tr, td, img" ) || node.querySelector?.( `${PAGE_TITLE_SELECTOR}, ` + ".company-utilities-summary-card, " + ".company-utilities-panel, " + ".company-utilities-data-table, " + "table, tbody, tr, td, img" ) ) ); }); if (relevant) { scheduleSync(); } }); observer.observe(document.documentElement, { childList: true,

شركة قمة التحكم التجارية

وصول منظم وآمن إلى مساحة عملك