미디어위키:Gadget-siteNotice.js

/*
* siteNotice
* The contents of Mediawiki:Sitenotice are always exposed to search engines.
* This gadget fixes the problem.
* @author ykhwong
* Reference: https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/DismissableSiteNotice/+/master/modules/ext.dismissableSiteNotice.js
*/
/*jshint esversion: 6 */
const noticeGrpPage = '틀:소도구/noticeGrp';
const isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
const isMobile = /\.m\.wikipedia\.org/.test(window.location.host);
var tmpSiteNotice = "";
var cookieName = 'dismissNewSiteNotice';
var cookieData = {
	noticeData: 'newSiteNoticeData',
	dismissClicked: 'dismissClicked'
};

function procCache() {
	if ((mw.storage.get( cookieData.dismissClicked ) === undefined ||
		mw.storage.get( cookieData.dismissClicked ) === "false") &&
		mw.storage.get( cookieData.noticeData ) !== undefined)
	{
		if ( $("#siteNotice").length > 0 ) {
			tmpSiteNotice = $("#siteNotice").html();
			$("#siteNotice").html(mw.storage.get( cookieData.noticeData ));
		}
	}
}

if (isBot) {
	$("#siteNotice").html("");
	$(".noprint").html("");
	$(".mw-jump-link").html("");
} else {
	/*
	if (!isMobile) {
		procCache();
	}
	*/
}

$(function () {
var sitenoticeId = '';
var dismissStr = '';
var sitenoticeStyle = '';

function html2text(html) {
	var tag = document.createElement('div');
	tag.innerHTML = html;

	return tag.innerText;
}

function getDivHtml(html, target) {
	var tag = document.createElement('div');
	tag.innerHTML = html;

	return $(tag).find(target).html();
}

function getDivText(html, target) {
	var tag = document.createElement('div');
	tag.innerHTML = html;

	return $(tag).find(target).text().trim();
}

function procDismiss() {
	$("#siteNoticeLocal").prepend('<div class="mw-dismissable-notice-close2">' +
		'<a tabindex="0" role="button"><img style="display: block; opacity: 0.55; width: 17px; margin-left: 2px; margin-bottom: 2px;" src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 1.93z%22/%3E%3C/svg%3E" title="' + dismissStr + '">' +
		'</a></div>');
	if (isMobile) {
		$("#siteNoticeLocal").css(
			{
			  'position': 'relative',
			  'padding-left': $("#siteNoticeLocal").css('padding-left') === '0px' ? '12px' : $("#siteNoticeLocal").css('padding-left'),
			  'padding-top': $("#siteNoticeLocal").css('padding-top') === '0px' ? '12px' : $("#siteNoticeLocal").css('padding-top'),
			  'padding-right': $("#siteNoticeLocal").css('padding-right') === '0px' ? '12px' : $("#siteNoticeLocal").css('padding-right'),
			  'padding-bottom': $("#siteNoticeLocal").css('padding-bottom') === '0px' ? '15px' : $("#siteNoticeLocal").css('padding-bottom'),
			}
		);
		$(".mw-dismissable-notice-close2").css(
			{
				'position': 'relative',
				'top': '0px',
				'right': '0px',
				'padding-left': '5px',
				'text-align': 'right',
				'float': 'right'
			}
		);
	} else {
		$("#siteNoticeLocal").css(
			{
			  'padding-top': '5px',
			  'padding-bottom': '5px',
			  'margin-bottom': '15px'
			}
		);
		$(".mw-dismissable-notice-close2").css(
			{
				'position': 'relative',
				'top': '0px',
				'right': '7px',
				'padding-left': '5px',
				'text-align': 'right',
				'float': 'right'
			}
		);
	}
	$("#siteNoticeLocal ul").css({
		"list-style": "none",
		"text-align": "left",
		"display": "table",
		"margin": "0 auto",
		"padding-left": "10px",
		"max-width": "calc(100% - 20px)"
	});

	$( '.mw-dismissable-notice-close2' )
		.css( 'visibility', 'visible' )
		.find( 'a' )
		.on( 'click keypress', function ( e ) {
			if (
				e.type === 'click' ||
				e.type === 'keypress' && e.which === 13
			) {
				$("#siteNoticeLocal").hide();
				mw.loader.using('mediawiki.cookie').then(function () {
					mw.cookie.set( cookieName, sitenoticeId, {
						path: '/'
					} );
				});
				mw.storage.set( cookieData.dismissClicked, "true" );
			}
		});

	mw.storage.set( cookieData.noticeData, $("#siteNotice").html() );
}

function procApi() {
	if (isBot) {
		return;
	}
	var api = new mw.Api();
	api.parse(
	    new mw.Title( noticeGrpPage )
	).then( function( html ) {
		var gadgetSiteNotice = "";
		var gadgetAnonnotice = "";
		html = html.replace("mw-parser-output", "mw-dismissable-notice");
		gadgetSiteNotice = getDivHtml(html, "#gadgetSiteNotice");
		gadgetAnonnotice = getDivHtml(html, "#gadgetAnonnotice");
		sitenoticeId = getDivText(html, "#sitenoticeId");
		dismissStr = getDivText(html, "#dismissLabel");
		sitenoticeStyle = getDivText(html, "#sitenoticeStyle");
	
		if (/\S/.test(tmpSiteNotice)) {
			$("#siteNotice").html(tmpSiteNotice);
		}

		if (mw.config.get('wgUserName') !== null) {
			if(/\S/.test(html2text(gadgetSiteNotice).trim())) {
				// If the user has the notice dismissal cookie set, exit.
				mw.loader.using('mediawiki.cookie').then(function () {
					if ( mw.cookie.get( cookieName ) !== sitenoticeId ) {
						mw.storage.set( cookieData.dismissClicked, "false" );
						$("#siteNotice").append('<div id="siteNoticeLocal" style="' + sitenoticeStyle + '">' + gadgetSiteNotice + '</div>');
						procDismiss();
					}
				});
			} else {
				mw.storage.set( cookieData.noticeData, tmpSiteNotice );
			}
			return;
		}

		mw.storage.set( cookieData.noticeData, tmpSiteNotice );
		if (html2text(gadgetAnonnotice).trim().length === 0) {
			return;
		} else if (/^\s*-\s*$/.test(html2text(gadgetAnonnotice).trim())) {
			if(/\S/.test(html2text(gadgetSiteNotice).trim())) {
				// If the user has the notice dismissal cookie set, exit.
				mw.loader.using('mediawiki.cookie').then(function () {
					if ( mw.cookie.get( cookieName ) !== sitenoticeId ) {
						mw.storage.set( cookieData.dismissClicked, "false" );
						$("#siteNotice").append('<div id="siteNoticeLocal" style="' + sitenoticeStyle + '">' + gadgetSiteNotice + '</div>');
						procDismiss();
						return;
					} else {
						return;
					}
				});
			}
		} else {
			mw.storage.set( cookieData.dismissClicked, "false" );
			$("#siteNotice").append('<div id="siteNoticeLocal" style="' + sitenoticeStyle + '">' + gadgetAnonnotice + '</div>');
			procDismiss();
			return;
		}
	});
}

procApi();

}());