미디어위키:Common.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
• 오페라: Ctrl-F5를 입력.

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */

/* 외부 링크 새 창 열기 */
$(document).ready(function () {
  $('#bodyContent a.external').attr('target', '_blank').attr('rel', 'noopener noreferrer');
});


/* 목차 박스를 왼쪽에 고정하고 드래그 가능하게 만들기 */
$(function () {
  // 목차 박스가 존재할 경우에만 실행
  if ($('#toc').length === 0) return;

  // 스타일 설정
  $('#toc').css({
    position: 'fixed',
    top: '200px',
    left: '30px',
    zIndex: 1000,
    cursor: 'move'
  });

  // 드래그 가능하게 설정
  $('#toc').draggable({
    containment: 'window',
    scroll: false
  });
});

mw.loader.using('jquery.ui', function () {
  $('#toc').draggable({
    containment: 'window',
    scroll: false
  });
});

/* ===== Google 자동 번역 위젯 ===== */
mw.loader.using('mediawiki.util', function () {

  var $div = $('<div id="google_translate_element" style="position:fixed;top:10px;right:120px;z-index:9999;background:#1a1a2e;padding:4px 10px;border:1px solid #C9A84C;border-radius:3px;"></div>');
  $('body').append($div);

  window.googleTranslateElementInit = function () {
    new google.translate.TranslateElement({
      pageLanguage: 'ko',
      includedLanguages: 'en,ja,ko',
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
      autoDisplay: false
    }, 'google_translate_element');
  };

  var script = document.createElement('script');
  script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
  document.body.appendChild(script);
});

/* ===== Google 번역 위젯 반응형 ===== */
#google_translate_element {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  vertical-align: middle;
}

#google_translate_element .goog-te-gadget-simple {
  background: #0D1428 !important;
  border: 1px solid #8A6820 !important;
  border-radius: 3px !important;
  padding: 2px 6px !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
}

#google_translate_element .goog-te-gadget-simple span {
  color: #C9A84C !important;
}

#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
  color: #C9A84C !important;
}

/* 모바일 */
@media (max-width: 768px) {
  #google_translate_element {
    display: block;
    width: 100%;
    text-align: center;
    padding: 6px 0;
    border-top: 1px solid rgba(201,168,76,0.2);
    border-bottom: 1px solid rgba(201,168,76,0.2);
    margin: 4px 0;
  }
}