Common.js - فراغیب

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←
نسخهٔ ‏۳ اوت ۲۰۲۶، ساعت ۰۶:۴۸

/* chatbot */
mw.loader.load('/ai-chatbot/mediawiki-chatbot.js');

/* global mw, $ */
// Editing-related javascripts
if (mw.config.get("wgAction") === "edit" || mw.config.get("wgAction") === "submit" || mw.config.get("wgCanonicalSpecialPageName") === "Upload") {
  /* scripts specific to editing pages */
  importScript("مدیاویکی:Common.js/edit.js");
}
/** Magic editintros ****************************************************
 *
 *  Description: Adds editintros on disambiguation pages and BLP pages.
 *  Maintainers: [[User:RockMFR]]
 */
function addEditIntro(name) {
  $(".mw-editsection, #ca-edit").find("a").each(function(i, el) {
    el.href = $(this).attr("href") + "&editintro=" + name;
  });
}

if (mw.config.get("wgNamespaceNumber") === 0) {
  $(function() {
    if (document.getElementById("disambigbox")) {
      addEditIntro("Template:Disambig_editintro");
    }
  });

  $(function() {
    var cats = mw.config.get("wgCategories");
    if (!cats) {
      return;
    }
    if ($.inArray("افراد زنده", cats) !== -1) {
      addEditIntro("Template:BLP_editintro");
    }
  });
}

/**
 * @source https://www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
 * @revision 2020-04-04
 */
mw.loader.using( ['mediawiki.util'], function () {
	var extraCSS = mw.util.getParamValue( 'withCSS' ),
		extraJS = mw.util.getParamValue( 'withJS' );

	if ( extraCSS ) {
		// WARNING: DO NOT REMOVE THIS "IF" - REQUIRED FOR SECURITY (against XSS/CSRF attacks)
		if ( /^MediaWiki:[^&<>=%#]*\.css$/.test( extraCSS ) ) {
			mw.loader.load( '/w/index.php?title=' + encodeURIComponent( extraCSS ) + '&action=raw&ctype=text/css', 'text/css' );
		} else {
			mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
		}
	}

	if ( extraJS ) {
		// WARNING: DO NOT REMOVE THIS "IF" - REQUIRED FOR SECURITY (against XSS/CSRF attacks)
		if ( /^MediaWiki:[^&<>=%#]*\.js$/.test( extraJS ) ) {
			mw.loader.load( '/w/index.php?title=' + encodeURIComponent( extraJS ) + '&action=raw&ctype=text/javascript' );
		} else {
			mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
		}
	}
});

/**
 * Opening preload.js to add interactive training keys
 */
mw.loader.using(["mediawiki.util"], function() {
  if (mw.util.getParamValue("preload")) {
    importScript("MediaWiki:Preloaded.js");
  }
});

/**
 * Collapsible tables; reimplemented with mw-collapsible
 * Styling is also in place to avoid FOUC
 *
 * Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
 * @version 3.0.0 (2018-05-20)
 * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
 * @author [[User:R. Koot]]
 * @author [[User:Krinkle]]
 * @author [[User:TheDJ]]
 * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
 * is supported in MediaWiki core. Shimmable since MediaWiki 1.32
 *
 * @param {jQuery} $content
 */
function makeCollapsibleMwCollapsible( $content ) {
	var $tables = $content
		.find( 'table.collapsible:not(.mw-collapsible)' )
		.addClass( 'mw-collapsible' );

	$.each( $tables, function ( index, table ) {
		// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
		if ( $( table ).hasClass( 'collapsed' ) ) {
			$( table ).addClass( 'mw-collapsed' );
			// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
		}
	} );
	if ( $tables.length > 0 ) {
		mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
			$tables.makeCollapsible();
		} );
	}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**
 * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
 *
 * Maintainers: TheDJ
 */
function mwCollapsibleSetup( $collapsibleContent ) {
	var $element,
		$toggle,
		autoCollapseThreshold = 2;
	$.each( $collapsibleContent, function ( index, element ) {
		$element = $( element );
		if ( $element.hasClass( 'collapsible' ) ) {
			$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
		}
		if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
			$element.data( 'mw-collapsible' ).collapse();
		} else if ( $element.hasClass( 'innercollapse' ) ) {
			if ( $element.parents( '.outercollapse' ).length > 0 ) {
				$element.data( 'mw-collapsible' ).collapse();
			}
		}
		// because of colored backgrounds, style the link in the text color
		// to ensure accessible contrast
		$toggle = $element.find( '.mw-collapsible-toggle' );
		if ( $toggle.length ) {
			// Make the toggle inherit text color
			if ( $toggle.parent()[ 0 ].style.color ) {
				$toggle.find( 'a' ).css( 'color', 'inherit' );
			}
		}
	} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/**
 * Dynamic Navigation Bars (experimental)
 *
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED
 */

var collapseCaption = 'بسته';
var expandCaption = 'باز';

// Set up the words in your language
var navigationBarHide = '[' + collapseCaption + ']';
var navigationBarShow = '[' + expandCaption + ']';

/**
 * Shows and hides content and picture (if available) of navigation bars.
 *
 * @param {number} indexNavigationBar The index of navigation bar to be toggled
 * @param {jQuery.Event} event Event object
 * @return {boolean}
 */
function toggleNavigationBar( indexNavigationBar, event ) {
	var navToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
	var navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
	var navChild;

	if ( !navFrame || !navToggle ) {
		return false;
	}

	// If shown now
	if ( navToggle.firstChild.data === navigationBarHide ) {
		for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
			if ( $( navChild ).hasClass( 'NavContent' ) ) {
				navChild.style.display = 'none';
			}
		}
		navToggle.firstChild.data = navigationBarShow;

	// If hidden now
	} else if ( navToggle.firstChild.data === navigationBarShow ) {
		for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
			if ( $( navChild ).hasClass( 'NavContent' ) ) {
				navChild.style.display = 'block';
			}
		}
		navToggle.firstChild.data = navigationBarHide;
	}

	event.preventDefault();
}

/**
 * Adds show/hide-button to navigation bars.
 *
 * @param {jQuery} $content
 */
function createNavigationBarToggleButton( $content ) {
	var j, navChild, navToggle, navToggleText, isCollapsed,
		indexNavigationBar = 0;
	// Iterate over all < div >-elements
	var $divs = $content.find( 'div.NavFrame:not(.mw-collapsible)' );
	$divs.each( function ( i, navFrame ) {
		indexNavigationBar++;
		navToggle = document.createElement( 'a' );
		navToggle.className = 'NavToggle';
		navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
		navToggle.setAttribute( 'href', '#' );
		$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );

		isCollapsed = $( navFrame ).hasClass( 'collapsed' );
		/**
		 * Check if any children are already hidden.  This loop is here for backwards compatibility:
		 * the old way of making NavFrames start out collapsed was to manually add style="display:none"
		 * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
		 * the content visible without JavaScript support), the new recommended way is to add the class
		 * "collapsed" to the NavFrame itself, just like with collapsible tables.
		 */
		for ( navChild = navFrame.firstChild; navChild !== null && !isCollapsed; navChild = navChild.nextSibling ) {
			if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
				if ( navChild.style.display === 'none' ) {
					isCollapsed = true;
				}
			}
		}
		if ( isCollapsed ) {
			for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
				if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
					navChild.style.display = 'none';
				}
			}
		}
		navToggleText = document.createTextNode( isCollapsed ? navigationBarShow : navigationBarHide );
		navToggle.appendChild( navToggleText );

		// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
		for ( j = 0; j < navFrame.childNodes.length; j++ ) {
			if ( $( navFrame.childNodes[ j ] ).hasClass( 'NavHead' ) ) {
				navToggle.style.color = navFrame.childNodes[ j ].style.color;
				navFrame.childNodes[ j ].appendChild( navToggle );
			}
		}
		navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
	} );
}

mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );

/** Dynamic Navigation Bars (experimental) *************************************
 *
 *  Description: See [[Wikipedia:NavFrame]].
 *  Maintainers: UNMAINTAINED
 */

// set up the words in your language
var NavigationBarHide = "[" + collapseCaption + "]";
var NavigationBarShow = "[" + expandCaption + "]";

// shows and hides content and picture (if available) of navigation bars
// Parameters:
//     indexNavigationBar: the index of navigation bar to be toggled
window.toggleNavigationBar = function(indexNavigationBar, event) {
  var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
  var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
  var NavChild;

  if (!NavFrame || !NavToggle) {
    return false;
  }

  /* if shown now */
  if (NavToggle.firstChild.data === NavigationBarHide) {
    for (NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
      if ($(NavChild).hasClass("NavContent") || $(NavChild).hasClass("NavPic")) {
        NavChild.style.display = "none";
      }
    }
    NavToggle.firstChild.data = NavigationBarShow;

    /* if hidden now */
  } else if (NavToggle.firstChild.data === NavigationBarShow) {
    for (NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
      if ($(NavChild).hasClass("NavContent") || $(NavChild).hasClass("NavPic")) {
        NavChild.style.display = "block";
      }
    }
    NavToggle.firstChild.data = NavigationBarHide;
  }

  event.preventDefault();
};

/* adds show/hide-button to navigation bars */
function createNavigationBarToggleButtonLegacy() {
  var indexNavigationBar = 0;
  var NavFrame;
  var NavChild;
  /* iterate over all < div >-elements */
  var divs = document.getElementsByTagName("div");
  for (var i = 0;
    (NavFrame = divs[i]); i++) {
    /* if found a navigation bar */
    if ($(NavFrame).hasClass("NavFrame")) {

      indexNavigationBar++;
      var NavToggle = document.createElement("a");
      NavToggle.className = "NavToggle";
      NavToggle.setAttribute("id", "NavToggle" + indexNavigationBar);
      NavToggle.setAttribute("href", "#");
      $(NavToggle).on("click", $.proxy(window.toggleNavigationBar, window, indexNavigationBar));

      var isCollapsed = $(NavFrame).hasClass("collapsed");
      /**
       * Check if any children are already hidden.  This loop is here for backwards compatibility:
       * the old way of making NavFrames start out collapsed was to manually add style="display:none"
       * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
       * the content visible without JavaScript support), the new recommended way is to add the class
       * "collapsed" to the NavFrame itself, just like with collapsible tables.
       */
      for (NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
        if ($(NavChild).hasClass("NavPic") || $(NavChild).hasClass("NavContent")) {
          if (NavChild.style.display === "none") {
            isCollapsed = true;
          }
        }
      }
      if (isCollapsed) {
        for (NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
          if ($(NavChild).hasClass("NavPic") || $(NavChild).hasClass("NavContent")) {
            NavChild.style.display = "none";
          }
        }
      }
      var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
      NavToggle.appendChild(NavToggleText);

      /* Find the NavHead and attach the toggle link (Must be this complicated because Moz"s firstChild handling is borked) */
      for (var j = 0; j < NavFrame.childNodes.length; j++) {
        if ($(NavFrame.childNodes[j]).hasClass("NavHead")) {
          NavToggle.style.color = NavFrame.childNodes[j].style.color;
          NavFrame.childNodes[j].appendChild(NavToggle);
        }
      }
      NavFrame.setAttribute("id", "NavFrame" + indexNavigationBar);
    }
  }
}

/** Main Page layout fixes *********************************************************
 *
 *  Description: Adds an additional link to the complete list of languages available.
 *  Maintainers: [[User:AzaToth]], [[User:R. Koot]], [[User:Alex Smotrov]]
 */
mw.loader.using(["mediawiki.util"], function() {
  if (["صفحهٔ_اصلی", "بحث:صفحه_اصلی"].indexOf(mw.config.get("wgPageName")) !== -1) {
    $(function() {
      mw.util.addPortletLink("p-lang", "//meta.wikimedia.org/wiki/List_of_Wikipedias/fa", "فهرست کامل", "interwiki-completelist", "فهرست کامل");
    });
  }
});

/**
 * WikiMiniAtlas
 *
 * Description: WikiMiniAtlas is a popup click and drag world map.
 *              This script causes all of our coordinate links to display the WikiMiniAtlas popup button.
 *              The script itself is located on meta because it is used by many projects.
 *              See [[Meta:WikiMiniAtlas]] for more information.
 * Maintainers: [[User:Dschwen]]
 */
(function() {
  var require_wikiminiatlas = false;
  var coord_filter = /geohack/;
  $(function() {
    $("a.external.text").each(function(key, link) {
      if (link.href && coord_filter.exec(link.href)) {
        require_wikiminiatlas = true;
        // break from loop
        return false;
      }
    });
    if ($("div.kmldata").length) {
      require_wikiminiatlas = true;
    }
    if (require_wikiminiatlas) {
      mw.loader.load("//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript");
    }
  });
})();

/**
 * Source codes pages direction and and pre white-space 
 */
mw.loader.using(["mediawiki.util"], function() {
  if ([2, 4, 8].indexOf(mw.config.get("wgNamespaceNumber")) !== -1) {
    if (/\.(js|css|py)$/.test(mw.config.get("wgPageName"))) {
      mw.util.addCSS(".diff-addedline, .diff-deletedline, .diff-context { direction: ltr; } " +
        "#wpTextbox1 { direction: ltr; }");
    }
  }

  // Newbies are misusing wikilove instead using talk pages add new section
  // hiding WikiLove from not autoconfirmed users or without more than 100 edits
  if ($.inArray("autoconfirmed", mw.config.get("wgUserGroups")) === -1 || mw.config.get("wgUserEditCount") < 100) {
    mw.util.addCSS("#ca-wikilove { display: none; }");
  }
});
/**
 * قراردادن فرمول‌های ریاضی در سمت چپ مناسب برای ویکی‌های راست به چپ
 */
$(function() {
  $("span.mwe-math-mathml-inline").each(function() {
    if ($(this).parent().parent().text().trim() === $(this).parent().text().trim() && $(this).parent().parent().is("p, dd")) {
      $(this).parent().parent().css({
        direction: "ltr",
        padding: "1em 0"
      });
    }
  });
});

// هشدار به کاربرها در مورد عنوان ایمیل
$(function() {
  if ( $('#mw-input-wpSubject').parents('tr').length > 0 ) {
    $('#mw-input-wpSubject').parents('tr').before('<tr><td></td><td style="color: red; font-weight: bold">لطفاً عبارت Wikipedia e-mail ‌را با یک عنوان مناسب جایگزین کنید!</td><tr>');
  }
});

// Make refrence number that you clicked on bold for proper navigation
// Author: User:Ladsgroup
$( 'sup.reference' ).click( function () {
    var citeId = $( this ).attr( 'id' );
    $( 'sup > a[href="#' + citeId + '"]').css('color', '#2a4b8d').css('font-weight', 'bold');
    $( 'sup > a[href="#' + citeId + '"]').click( function() {
        $( this ).css('color', '').css('font-weight', '');
    } );
} );

// Hide the FileExporter portlet link if the file is not free content
$(function() {
  if ($('#ca-fileExporter').length == 1 & $(mw.config.get('wgCategories')).filter(['محتویات غیر آزاد', 'تصویرهای با منبع نامعلوم', 'تصویرهای با پدیدآور نامشخص']).length > 0) {
  	$('#ca-fileExporter').hide();
  }
});

/* اضافه کردن تیتر برای یادداشت ها */
$( function() {
    if($('#reflist-notes .references').text().length>10) {
        $('#reflist-notes').before('<h2>یادداشت‌ها</h2>');
    }
});

/* پاسخ تاشو */
mw.hook('wikipage.content').add(function($content) {
    const questions = $content.find('.question');
    const answers = $content.find('.answer');
    
    questions.each(function(index) {
        const question = this;
        const answer = answers[index];
        
        // حذف event listener های قبلی برای جلوگیری از تکرار
        $(question).off('click.collapsible');
        $(answer).off('click.collapsible');
        
        // اضافه کردن event listener جدید
        $(question).on('click.collapsible', function() {
            $(this).toggleClass('active');
            $(answer).toggleClass('expanded');
        });
        
        $(answer).on('click.collapsible', function() {
            $(question).toggleClass('active');
            $(this).toggleClass('expanded');
        });
    });
});


(function () {
  function initFgWikiSlider(sliderId, delay) {
    var slider = document.getElementById(sliderId);
    if (!slider) return;

    if (slider.getAttribute('data-fgwiki-ready') === 'true') return;
    slider.setAttribute('data-fgwiki-ready', 'true');

    var slides = slider.querySelectorAll('.fgwiki-slider__slide');
    var dots = slider.querySelectorAll('.fgwiki-slider__dot');
    var prev = slider.querySelector('.fgwiki-slider__nav--prev');
    var next = slider.querySelector('.fgwiki-slider__nav--next');
    var currentIndex = 0;
    var timer = null;
    var total = slides.length;

    if (!total) return;

    function setActive(index) {
      slides[currentIndex].classList.remove('is-active');
      dots[currentIndex].classList.remove('is-active');

      currentIndex = (index + total) % total;

      slides[currentIndex].classList.add('is-active');
      dots[currentIndex].classList.add('is-active');
    }

    function goNext() {
      setActive(currentIndex + 1);
    }

    function goPrev() {
      setActive(currentIndex - 1);
    }

    function stopAuto() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    function startAuto() {
      stopAuto();
      timer = setInterval(goNext, delay);
    }

    if (next) {
      next.addEventListener('click', function () {
        goNext();
        startAuto();
      });
    }

    if (prev) {
      prev.addEventListener('click', function () {
        goPrev();
        startAuto();
      });
    }

    dots.forEach(function (dot, index) {
      dot.addEventListener('click', function () {
        setActive(index);
        startAuto();
      });
    });

    slider.addEventListener('mouseenter', stopAuto);
    slider.addEventListener('mouseleave', startAuto);
    slider.addEventListener('focusin', stopAuto);
    slider.addEventListener('focusout', startAuto);

    startAuto();
  }

  function runFgWikiSliders() {
    initFgWikiSlider('fgwiki-slider-1', 10000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', runFgWikiSliders);
  } else {
    runFgWikiSliders();
  }

  if (window.mw && mw.hook) {
    mw.hook('wikipage.content').add(function () {
      runFgWikiSliders();
    });
  }
})();

/////////////////پاپ آپ زمان لود شدن سایت/////////////////////////////////////////////////////////////////////

$(function () {
    var $settings = $('#popup-settings');
    if (!$settings.length) return; // اگر تنظیمی در صفحه نبود، اجرا نشود

    var storageKey = 'popup_seen_' + mw.config.get('wgPageName');
    //if (sessionStorage.getItem(storageKey)) return;

    // خواندن مقادیر از المان‌های صفحه
    var title = $settings.find('.p-title').html() || 'تخفیف ویژه';
    var desc = $settings.find('.p-desc').html() || '';
    var btnText = $settings.find('.p-btn-text').text() || 'مشاهده محصولات';
    var btnLink = $settings.find('.p-btn-link').text() || '#';
    var imgSrc = $settings.find('.p-img').text() || 'https://cdn-icons-png.flaticon.com/512/2652/2652234.png';

    var html = 
        '<div class="discount-overlay" id="customPopup">' +
        '  <div class="discount-modal">' +
        '    <button class="discount-modal__close" onclick="closeMyPopup()">✕</button>' +
        '    <img src="'+imgSrc+'" class="discount-modal__image">' +
        '    <h2 class="discount-modal__title">'+title+'</h2>' +
        '    <p class="discount-modal__desc">'+desc+'</p>' +
        '    <a href="'+btnLink+'" class="discount-modal__button">'+btnText+'</a>' +
        '  </div>' +
        '</div>';

    $('body').append(html);

    window.closeMyPopup = function() {
        $('#customPopup').removeClass('is-visible');
        $('body').removeClass('modal-open');
        //sessionStorage.setItem(storageKey, 'true');
    };

    setTimeout(function() {
        $('#customPopup').addClass('is-visible');
        $('body').addClass('modal-open');
    }, 1000);

    $('#customPopup').on('click', function(e) {
        if (e.target === this) closeMyPopup();
    });
});


////////////////////////نقطه روی تصویر
document.addEventListener("DOMContentLoaded", function () {
    const container = document.querySelector("#interactiveImage");

    if (!container) return;

    const hotspots = container.querySelectorAll(".image-hotspot");
    const cards = container.querySelectorAll(".hotspot-card");
    const closeButtons = container.querySelectorAll(".hotspot-card__close");

    function closeAllCards() {
        cards.forEach(function (card) {
            card.classList.remove("is-open");
            card.setAttribute("aria-hidden", "true");
        });

        hotspots.forEach(function (hotspot) {
            hotspot.setAttribute("aria-expanded", "false");
        });
    }

    hotspots.forEach(function (hotspot) {
        hotspot.addEventListener("click", function (event) {
            event.stopPropagation();

            const popupId = hotspot.dataset.popup;
            const selectedCard = document.getElementById(popupId);
            const isAlreadyOpen = selectedCard.classList.contains("is-open");

            closeAllCards();

            if (!isAlreadyOpen) {
                selectedCard.classList.add("is-open");
                selectedCard.setAttribute("aria-hidden", "false");
                hotspot.setAttribute("aria-expanded", "true");
            }
        });
    });

    closeButtons.forEach(function (button) {
        button.addEventListener("click", function (event) {
            event.stopPropagation();
            closeAllCards();
        });
    });

    cards.forEach(function (card) {
        card.addEventListener("click", function (event) {
            event.stopPropagation();
        });
    });

    // بستن کارت با کلیک بیرون آن
    document.addEventListener("click", closeAllCards);

    // بستن با کلید Escape
    document.addEventListener("keydown", function (event) {
        if (event.key === "Escape") {
            closeAllCards();
        }
    });
});

/* انیمیشن تایپ‌رایتر هوشمند */
mw.hook('wikipage.content').add(function($content) {
    $content.find('.sanjab-typewriter').each(function() {
        var $el = $(this);
        var text = $el.attr('data-text') || $el.html();
        var speed = parseInt($el.attr('data-speed')) || 70;
        var delay = parseInt($el.attr('data-delay')) || 2500;
        
        $el.html('').css('visibility', 'visible');
        
        var i = 0;
        function type() {
            if (i < text.length) {
                var char = text.charAt(i);
                if (text.substr(i, 4) === '<br>') {
                    $el.append('<br>');
                    i += 4;
                } else {
                    $el.append(char);
                    i++;
                }
                setTimeout(type, speed);
            } else {
                setTimeout(function() {
                    $el.html('');
                    i = 0;
                    type();
                }, delay);
            }
        }
        type();
    });
});

/* سیستم جستجوی شهرها و استان‌ها */
mw.hook('wikipage.content').add(function ($content) {
    var $wrapper = $content.find('#city-search-wrapper');

    // فقط در صفحاتی اجرا شود که قالب در آن‌ها قرار دارد
    if (!$wrapper.length) {
        return;
    }

    // جلوگیری از اجرای دو بار کد در صفحات داینامیک
    if ($wrapper.data('citySearchReady')) {
        return;
    }
    $wrapper.data('citySearchReady', true);

    var data = [
        {
            province: 'آذربایجان شرقی',
            cities: ['تبریز', 'مراغه', 'مرند', 'بناب']
        },
        {
            province: 'آذربایجان غربی',
            cities: ['ارومیه', 'خوی', 'مهاباد', 'بوکان']
        },
        {
            province: 'اردبیل',
            cities: ['اردبیل', 'پارس آباد', 'خلخال']
        },
        {
            province: 'اصفهان',
            cities: ['اصفهان', 'کاشان', 'خمینی‌شهر', 'نجف آباد']
        },
        {
            province: 'البرز',
            cities: ['کرج', 'فردیس', 'نظر آباد']
        },
        {
            province: 'تهران',
            cities: ['تهران', 'اسلامشهر', 'شهریار', 'قدس', 'پردیس', 'قرچک']
        },
        {
            province: 'خراسان رضوی',
            cities: ['مشهد', 'نیشابور', 'سبزوار']
        },
        {
            province: 'فارس',
            cities: ['شیراز', 'مرودشت', 'فسا']
        },
        {
            province: 'گیلان',
            cities: ['رشت', 'بندر انزلی', 'لاهیجان']
        },
        {
            province: 'مازندران',
            cities: ['ساری', 'آمل', 'بابل']
        },
        {
            province: 'یزد',
            cities: ['یزد', 'میبد', 'اردکان']
        }
    ];

    var $input = $wrapper.find('.city-search-input');
    var $container = $wrapper.find('.city-results-container');

    function normalizeText(text) {
        return String(text)
            .replace(/ي/g, 'ی')
            .replace(/ك/g, 'ک')
            .trim()
            .toLowerCase();
    }

    function escapeHtml(text) {
        return String(text)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }

    function render(filter) {
        var query = normalizeText(filter);
        var html = '';
        var resultCount = 0;

        data.forEach(function (item) {
            var provinceMatches = normalizeText(item.province).indexOf(query) !== -1;

            var cities = item.cities.filter(function (city) {
                return provinceMatches || normalizeText(city).indexOf(query) !== -1;
            });

            if (!cities.length) {
                return;
            }

            resultCount++;

            html += '<section class="province-section">';
            html += '<h3 class="province-title">' + escapeHtml(item.province) + '</h3>';
            html += '<ul class="city-list">';

            cities.forEach(function (city) {
                html += '<li class="city-item">' + escapeHtml(city) + '</li>';
            });

            html += '</ul>';
            html += '</section>';
        });

        if (!resultCount) {
            html = '<p class="city-no-result">شهری یا استانی با این نام پیدا نشد.</p>';
        }

        $container.html(html);
    }

    $input.on('input', function () {
        render($(this).val());
    });

    // لود اولیه
    render('');
});