미디어위키:Liberty.js

( function () {
	function tablewrap() {
		var z = document.getElementById( 'mw-content-text' ).clientWidth,
			x = document.querySelectorAll( '#mw-content-text table' ),
			i, y;
		for ( i = x.length; i--; ) {
			y = document.createElement( 'div' );
			y.className = 'liberty-table-wrapper';
			if ( x[ i ].clientWidth > z && x[ i ].parentNode.className !== 'liberty-table-wrapper' ) {
				x[ i ].parentNode.insertBefore( y, x[ i ] );
				y.appendChild( x[ i ] );
			} else if ( x[ i ].clientWidth < z && x[ i ].parentNode.className === 'liberty-table-wrapper' ) {
				x[ i ].parentNode.parentNode.insertBefore( x[ i ], x[ i ].parentNode );
				x[ i ].nextSibling.remove();
			}
		}
	}
	window.onresize = function () {
		tablewrap();
	};
	window.onload = function () {
		tablewrap();
	};
}() );


$( function () {
	'use strict';
	var articleNamespaces, talkNamespaces, isArticleTab, limit;

	articleNamespaces = $( '.live-recent' ).attr( 'data-article-ns' );
	talkNamespaces = $( '.live-recent' ).attr( 'data-talk-ns' );
	isArticleTab = true;
	limit = $( '#live-recent-list' )[ 0 ].childElementCount;

	function formatTimeAgo(time) {
		var now = new Date();
		var diff = now.getTime() - time.getTime();
		var seconds = Math.floor(diff / 1000);
		var minutes = Math.floor(seconds / 60);
		var hours = Math.floor(minutes / 60);
		var days = Math.floor(hours / 24);
		var weeks = Math.floor(days / 7);
		var months = Math.floor(days / 30);
		var years = Math.floor(days / 365);
	
		if (years > 0) {
			return years + "년 전";
		} else if (months > 0) {
			return months + "개월 전";
		} else if (weeks > 0) {
			return weeks + "주 전";
		} else if (days > 0) {
			return days + "일 전";
		} else if (hours > 0) {
			return hours + "시간 전";
		} else if (minutes > 0) {
			return minutes + "분 전";
		} else {
			return seconds + "초 전";
		}
	}

	function refreshLiveRecent() {
		var getParameter;

		if ( !$( '#live-recent-list' ).length || $( '#live-recent-list' ).is( ':hidden' ) ) {
			return;
		}

		getParameter = {
			action: 'query',
			list: 'recentchanges',
			rcprop: 'title|timestamp',
			rcshow: '!bot|!redirect',
			rctype: 'edit|new',
			rclimit: limit,
			format: 'json',
			rcnamespace: isArticleTab ? articleNamespaces : talkNamespaces,
			rctoponly: true
		};

		mw.loader.using( 'mediawiki.api' ).then( function () {
			var api = new mw.Api();
			api.get( getParameter ).then( function ( data ) {
				var recentChanges, html, time, line, text;
				recentChanges = data.query.recentchanges;
				html = recentChanges.map( function ( item ) {
					time = new Date( item.timestamp );
					line = '<li class="flex justify-between"><a class="recent-item w-full flex items-center" href="' + mw.util.getUrl( item.title ) + '" title="' + item.title + '"><span class="flex-1 text-ellipsis text-nowrap overflow-hidden">';
					text = '';
					if ( item.type === 'new' ) {
						line = line.replace('<span class="flex-1 text-ellipsis text-nowrap overflow-hidden">','<div class="flex justify-center items-center mr-1 w-3 h-3 bg-red-500 rounded-2xl text-[0.5rem] text-white font-black">N</div><span class="flex-1 text-ellipsis text-nowrap overflow-hidden">');
					}
					text += item.title;
					if ( text.length > 9999 ) {	
						text = text.substr( 0, 9999 );
						text += '...';
					}
					line += text;
					line += '</span><time class="ml-4 recent-item-timestamp">' + formatTimeAgo(time) + '</time></a></li>';
					return line;
				} ).join( '\n' );
				$( '#live-recent-list' ).html( html );
			} )
			.catch( function () {} );
		});
	}

	$( '#liberty-recent-tab1' ).click( function () {
		$( this ).addClass( 'active' );
		$( '#liberty-recent-tab2' ).removeClass( 'active' );
		isArticleTab = true;
		refreshLiveRecent();
	} );

	$( '#liberty-recent-tab2' ).click( function () {
		$( this ).addClass( 'active' );
		$( '#liberty-recent-tab1' ).removeClass( 'active' );
		isArticleTab = false;
		refreshLiveRecent();
	} );

	setInterval( refreshLiveRecent, 5 * 60 * 1000 );
	refreshLiveRecent();
} );


$( function () {
	'use strict';

	/* Dropdown fade in */
	$( '.dropdown' ).on( 'show.bs.dropdown', function () {
		$( this ).find( '.dropdown-menu' ).first().stop( true, true ).fadeToggle( 200 );
	} );

	$( '.dropdown' ).on( 'hide.bs.dropdown', function () {
		$( this ).find( '.dropdown-menu' ).first().stop( true, true ).fadeToggle( 200 );
	} );

	$( '.btn-group' ).on( 'show.bs.dropdown', function () {
		$( this ).find( '.dropdown-menu' ).first().stop( true, true ).fadeToggle( 200 );
	} );

	$( '.btn-group' ).on( 'hide.bs.dropdown', function () {
		$( this ).find( '.dropdown-menu' ).first().stop( true, true ).fadeToggle( 200 );
	} );
	/* Dropdown fade in End */

	/* Modal Focus */
	$( '#login-modal' ).on( 'shown.bs.modal', function () {
		$( '#wpName1' ).focus();
	} );
	/* Modal Focus End */
} );

/* Sub menu */
$( function () {
	var display;

	$( '.dropdown-toggle-sub' ).on( 'click', function ( element ) {
		display = $( this ).next( 'div.dropdown-menu' );
		display.toggle();
		element.stopPropagation();
		element.preventDefault();
	} );

	$( 'html' ).on( 'click', function () {
		if ( display !== undefined ) {
			display.hide();
		}
	} );
} );
/* Sub menu end */