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

← 이전 편집

@@ 125번째 줄: / 125번째 줄: @@
      });
 });
+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);
+    });
+}
-         span.click(function() {
+mw.loader.using(['jquery']).then(function () {
-            modal.hide();
+    $(function () {
+         // body DOM 변경 감시
+        var observer = new MutationObserver(function (mutations) {
+            mutations.forEach(function (m) {
+                $(m.addedNodes).each(function () {
+                    var $node = $(this);
+                    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' ) {
+         // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
-            var langHTML = ''
+        fillMobileLanguageFromInterwiki();
-            	+ '<ul id="mobile-language" class="recommended-open">'
-			    + '<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>';
-			var $list = $('#mobile-language');
-			$list.html(langHTML);
-        }
      });
 });