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

편집 요약 없음
태그: 모바일 편집 모바일 웹 편집
편집 요약 없음
 
(같은 사용자의 중간 판 22개는 보이지 않습니다)
81번째 줄: 81번째 줄:
             }
             }
         });
         });
    });
});
function fillMobileLanguageFromInterwiki() {
    var $mobileList = $('#mobile-language');
    // 인터위키 링크 읽기
    var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a');
    if (!$interwikiLinks.length) return;
    var langMap = {
        '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);
                    // #mobile-language 가 새로 생겼거나,
                    // 그 안쪽에 #mobile-language 가 포함되어 있을 때
                    if ($node.is('#mobile-language') || $node.find('#mobile-language').length) {
                        fillMobileLanguageFromInterwiki();
                    }
                });
            });
        });
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
        // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
        fillMobileLanguageFromInterwiki();
     });
     });
});
});