미디어위키:Minerva.js: 두 판 사이의 차이

← 이전 편집

@@ 84번째 줄: / 84번째 줄: @@
 });
+function fillMobileLanguageFromInterwiki() {
+    var $mobileList = $('#mobile-language');
-/* -------------------------------
+    // 인터위키 링크 읽기
- *  모바일 언어 메뉴 삽입
+     var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a');
- * ------------------------------- */
+    if (!$interwikiLinks.length) return;
-mw.loader.using(['jquery']).then(function() {
-     $(function() {
-        // ===== 기존 모달 코드 =====
-        var modal = $('#myLayer');
-        var btn = $('#selectLanguage'); // jQuery 선택자 사용
-        var span = $('.close-button').first();
-         btn.click(function() {
+    var langMap = {
-            modal.show();
+        'ko': '한국어',
-         });
+        'en': '영어',
+         'es': '스페인어',
+        'vi': '베트남어',
+        'ne': '네팔어',
+        'pt': '포르투갈어'
+    };
+    $mobileList.empty();
+    $interwikiLinks.each(function () {
+        var $a       = $(this);
+        var href     = $a.attr('href');
+        var langCode = $a.attr('lang');
+        var autonym  = $a.find('span').text() || $a.text();   // English, Español ...
+        var korean   = langMap[langCode] || '';
+        var label    = korean ? (autonym + ' (' + korean + ')') : autonym;
+        var $li  = $('<li>');
+        var $new = $('<a>', { href: href, text: label });
+        $li.append($new);
+         $mobileList.append($li);
+    });
+}
+mw.loader.using(['jquery']).then(function () {
+    $(function () {
+        // Minerva 전용이라면 이 체크를 유지
+        // if (mw.config.get('skin') !== 'minerva') return;
+        // body DOM 변경 감시
+        var observer = new MutationObserver(function (mutations) {
+            mutations.forEach(function (m) {
+                $(m.addedNodes).each(function () {
+                    var $node = $(this);
-        span.click(function() {
+                    // #mobile-language 가 새로 생겼거나,
-             modal.hide();
+                    // 그 안쪽에 #mobile-language 가 포함되어 있을 때
+                    if ($node.is('#mobile-language') || $node.find('#mobile-language').length) {
+                        fillMobileLanguageFromInterwiki();
+                    }
+                });
+             });
          });
-         $(window).click(function(event) {
+         observer.observe(document.body, {
-             if ($(event.target).is(modal)) {
+             childList: true,
-                modal.hide();
+             subtree: true
-             }
          });
-         // ===== 여기부터 모바일 언어 메뉴 삽입 =====
+         // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
-         if ( mw.config.get('skin') === 'minerva' ) {
+         fillMobileLanguageFromInterwiki();
-            var langHTML = ''
-            	+ '<ul id="mobile-language" class="recommended-open">'
-			    + '<li><a href="https://churchofgod.wiki">한국어 (Korean)</a></li>'
-			    + '<li><a href="https://churchofgod.wiki/en">English (영어)</a></li>'
-			    + '<li><a href="https://churchofgod.wiki/es">Español (스페인어)</a></li>'
-			    + '<li><a href="https://churchofgod.wiki/vi">Tiếng Việt (베트남어)</a></li>'
-			    + '<li><a href="https://churchofgod.wiki/ne">नेपाली (네팔어)</a></li>'
-			    + '<li><a href="https://churchofgod.wiki/pt">Português (포르투갈어)</a></li>'
-                + '</ul>';
-            console.log(langHTML);
-			var $list = $('#mobile-language');
-			$list.html(langHTML);
-        }
      });
 });