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

리버티게임, 모두가 만들어가는 자유로운 게임
백괴게임>Manymaster
편집 요약 없음
imported>Senouis
(Hsl0님의 코드 반영)
1번째 줄: 1번째 줄:
/* 이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
/**
/**
  * 사이드바 토글 버튼 추가
* 숨긴 사용자 링크를 볼 수 있는 버튼 만들기
  * [[미디어위키:vector.css]]의 `반응형 디자인 추가` 모듈의 의존성 모듈입니다.
* 제작자: [[사용자:hsl0|hsl0]]
  * 모바일 환경에서 왼쪽 사이드바를 접었다 폈다 해주는 버튼을 추가합니다..
**/
  * 작성자: [[사용자:BANIP|BANIP]]
function vectorHidePersonalLink() {
*/
if(!mw.user.isAnon()) {
function addSideBarOpenButton(){
mw.loader.using('oojs-ui.styles.icons-interactions');
  var $btn = $("<button id='btn-panelopen'></button>");
$('#pt-mytalk').after('<li id="pt-expand"><a class="oo-ui-icon-ellipsis" title="개인 링크 더보기" /></li>').not(':has(.mw-echo-alert)').hide();
  var $wrap = $("#mw-navigation");
$('#p-personal ul').append('<li id="pt-collapse"><a class="oo-ui-icon-close" title="닫기" /></li>');
  var $content = $("#content");
$('#pt-expand > a').click(function() {
  var $sidebar = $("#mw-panel");
    $('#p-personal ul').addClass('expanded');
 
    $('#pt-mytalk').show();
  $wrap.append($btn);
});
  $btn.on("click",function(){ $sidebar.addClass("visible") });
$('#pt-collapse > a, #content').click(function() {
  $content.on("click",function(){ $sidebar.removeClass("visible") });
    $('#p-personal ul').removeClass('expanded');
    $('#pt-mytalk:not(:has(.mw-echo-alert))').hide();
});
}
}
}
$( addSideBarOpenButton )
$(vectorHidePersonalLink);

2021년 7월 21일 (수) 06:33 판

/**
 * 숨긴 사용자 링크를 볼 수 있는 버튼 만들기
 * 제작자: [[사용자:hsl0|hsl0]]
**/
function vectorHidePersonalLink() {
	if(!mw.user.isAnon()) {
		mw.loader.using('oojs-ui.styles.icons-interactions');
		$('#pt-mytalk').after('<li id="pt-expand"><a class="oo-ui-icon-ellipsis" title="개인 링크 더보기" /></li>').not(':has(.mw-echo-alert)').hide();
		$('#p-personal ul').append('<li id="pt-collapse"><a class="oo-ui-icon-close" title="닫기" /></li>');
		$('#pt-expand > a').click(function() {
		    $('#p-personal ul').addClass('expanded');
		    $('#pt-mytalk').show();
		});
		$('#pt-collapse > a, #content').click(function() {
		    $('#p-personal ul').removeClass('expanded');
		    $('#pt-mytalk:not(:has(.mw-echo-alert))').hide();
		});
	}
}
$(vectorHidePersonalLink);