사용자:하늘/userinfo.js

< 사용자:하늘
Chirho (토론 | 기여)님의 2022년 5월 11일 (수) 10:30 판 (Chirho님이 사용자:Cerulean/userinfo.js 문서를 넘겨주기를 만들지 않고 사용자:하늘/userinfo.js 문서로 이동했습니다: "Cerulean" 사용자의 이름을 "하늘"(으)로 바꿀 때 문서를 자동으로 이동했습니다)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
// 사용 방법 : 자산의 사용자 자바스크립트 문서에 주석기호 '//'를 빼고 아래 문구를 입력하시면 사용가능합니다.
// mw.loader.load('/index.php?title=사용자:Cerulean/userinfo.js&action=raw&ctype=text/javascript');

// Userinfo.js by librewiki [[User:cerulean]]

// Original : [[사용자:Utolee90]]

//BY-SA-3.0 unported

$(document).ready(() => {
	var wiki_username = mw.config.get('wgTitle').split("/")[0];
	var params = {
		'action': 'query',
		list: ['blocks', 'recentchanges', 'users'],
		utf8: 1,
		bklimit: '1',
		rclimit: '1',
		bkusers: wiki_username,
		rcuser: wiki_username,
		ususers: wiki_username,
		format: 'json',
		usprop: 'editcount',
	},
		api = new mw.Api(); // api action=query

	api.get(params).done(function (data) {
		var bk = data.query.blocks; // 차단 목록
		var rc = data.query.recentchanges; //최근 바뀜 목록
		var editcount = data.query.users[0].editcount; //편집 횟수

		var userinfos = document.createElement('div');
		userinfos.id = "user-infos";
		userinfos.style.cssText = "display: flex; align-items: center;";
		//userinfos.style.opacity = "0";

		var image = document.createElement('img');
		// image.style.float = "left";
		var userinfo = document.createElement('span');
		userinfo.style.display = "inline-block";
		userinfo.style.padding = "0.4em";

		var period = document.createElement('small');
		var status = document.createElement('span');
		var lastEdit = document.createElement('small');
		var userinfoEditCount = document.createElement('span');

		document.querySelector('h1').after(userinfos);
		if (mw.config.get('wgNamespaceNumber') == 2) {
			if (bk.length != 0) { // 차단 내역이 존재할 때...
				var bkt = (bk[0].expiry === 'infinity') ? 'infinity' : new Date(bk[0].expiry);
				var bktstring = (bkt === 'infinity') ? '무기한' : (bkt.getFullYear() + '년 ' + (bkt.getMonth() + 1) + '월 ' + (bkt.getDate()) + '일' + '까지');

				image.src = "https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Stop_x_nuvola.svg/40px-Stop_x_nuvola.svg.png";
				image.width = "40";
				status.innerText = bktstring + " 차단된 사용자";
				period.innerText = "";

			} else if (rc.length == 0) { // 최근 바뀜 목록이 없을 때

				image.src = "https://image.librewiki.net/f/f9/Ledibug2.png";
				image.width = "40";
				status.innerText = "3개월 이상 활동하지 않은 사용자";

			} else {
				var x = rc[0].timestamp; // 마지막 편집 시간 확인
				var at = new Date(x); //시간 데이터 추출
				var now = new Date().getTime(); //현재시간 getTime
				if (now - at.getTime() <= 3600 * 1000) { // 마지막 편집이 최근 1시간 이후.

					image.src = "https://image.librewiki.net/4/47/Ledibug-Louis-Fact.png";
					image.width = "40";
					status.innerText = "편집중 ";
					lastEdit.innerText = "마지막 편집 : " + at.getHours() + '시 ' + at.getMinutes() + '분 ';

				} else if (now - at.getTime() <= 24 * 3600 * 1000) { // 마지막 편집이 최근 24시간 이전

					image.src = "https://image.librewiki.net/8/8b/Ledibug-Lucy-False.png";
					image.width = "40";
					status.innerText = "휴식중 ";
					lastEdit.innerText = "마지막 편집 : " + at.getHours() + '시 ' + at.getMinutes() + '분 ';

				} else {
					image.src = "https://image.librewiki.net/8/8b/Ledibug-Lucy-False.png";
					image.width = "40";
					status.innerText = "휴식중 ";
					lastEdit.innerText = "마지막 편집 : " + (at.getMonth() + 1) + '월 ' + (at.getDate()) + '일 ';
				}
			}
			userinfoEditCount.className = 'user-info-edit-counter';
			userinfoEditCount.style.cssText = 'display: block;';
			if (editcount !== undefined) {
				userinfoEditCount.innerHTML = '편집 횟수 : ' + '<span style="font-style: italic;">' + editcount + '</span> 회';
				userinfo.append(userinfoEditCount); //편집 횟수
			}
			userinfo.append(status); //상태
			userinfo.append(period); //차단기한
			userinfo.append(lastEdit); //마지막 편집

			image.onload = function () {
				userinfos.append(image); // 캐릭터
				userinfos.append(userinfo); //유저 정보 문자열
				userinfos.animate([{ opacity: 0 }, { opacity: 1 }], 300);
			};
		}
	});
})