MediaWiki:Common.js - 版の履歴

Admin: スクリプトを元に戻す

2026-08-26T06:55:41Z

スクリプトを元に戻す

← 古い版		2026年8月26日 (水) 15:55時点における版
1行目:		1行目:
	/**		/* JSなし */
	* MediaWiki:Common.js
	*/
	~~(function() {~~
	~~'use strict';~~

	~~function loadRecentUpdates() {~~
	~~var container = document.getElementById('tw-live-recent-updates');~~
	~~if (!container) return;~~

	~~fetch('/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=6&rcprop=title\|timestamp\|user&format=json')~~
	~~.then(function(res) { return res.json(); })~~
	~~.then(function(data) {~~
	~~if (!data \|\| !data.query \|\| !data.query.recentchanges) return;~~
	~~var rcs = data.query.recentchanges;~~
	~~if (rcs.length === 0) return;~~

	~~var html = '<ul class="tw-recent-feed">';~~
	~~for (var i = 0; i < rcs.length; i++) {~~
	~~var item = rcs[i];~~
	~~var titleEnc = encodeURIComponent(item.title);~~
	~~var dateObj = new Date(item.timestamp);~~
	~~var timeStr = formatTime(dateObj);~~

	~~html += '<li class="tw-recent-feed-item">';~~
	~~html += ' <span><a href="/index.php/' + titleEnc + '">' + escapeHtml(item.title) + '</a></span>';~~
	~~html += ' <span class="tw-recent-feed-time">' + timeStr + '</span>';~~
	~~html += '</li>';~~
	}
	~~html += '</ul>';~~
	~~container.innerHTML = html;~~
	})
	~~.catch(function(err) {~~
	~~console.warn('Recent changes load error:', err);~~
	~~});~~
	}

	~~function formatTime(d) {~~
	~~var m = (d.getMonth() + 1);~~
	~~var day = d.getDate();~~
	~~var h = ('0' + d.getHours()).slice(-2);~~
	~~var min = ('0' + d.getMinutes()).slice(-2);~~
	~~return m + '/' + day + ' ' + h + ':' + min;~~
	}

	~~function escapeHtml(s) {~~
	~~if (!s) return '';~~
	~~return s.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"~~/~~g, '"');~~
	}

	~~if (document.readyState === 'loading') {~~
	~~document.addEventListener('DOMContentLoaded', loadRecentUpdates);~~
	~~} else {~~
	~~loadRecentUpdates();~~
	}
	~~})();~~

Admin: 軽量な最新更新読み込みスクリプトに刷新

2026-08-26T06:54:28Z

軽量な最新更新読み込みスクリプトに刷新

差分を表示

Admin: 最新更新一覧・IPコピー・記事作成ボタンJS実装

2026-08-26T05:47:04Z

最新更新一覧・IPコピー・記事作成ボタンJS実装

新規ページ

/**
* トラwiki (tora22.com) - Custom JavaScript
*/
(function() {
'use strict';

function initCopyIp() {
var copyBtn = document.getElementById('tw-copy-ip-btn');
if (!copyBtn) return;

copyBtn.addEventListener('click', function(e) {
e.preventDefault();
var ip = 'tora22.com';
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(ip).then(function() {
var origText = copyBtn.innerHTML;
copyBtn.innerHTML = '✅ コピー完了！';
copyBtn.style.backgroundColor = '#10b981';
setTimeout(function() {
copyBtn.innerHTML = origText;
copyBtn.style.backgroundColor = '';
}, 2000);
});
} else {
var input = document.createElement('input');
input.value = ip;
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
alert('サーバーアドレス (tora22.com) をコピーしました！');
}
});
}

function loadRecentUpdates() {
var container = document.getElementById('tw-live-recent-updates');
if (!container) return;

fetch('/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=6&rcprop=title|timestamp|user|comment&format=json')
.then(function(res) { return res.json(); })
.then(function(data) {
if (!data || !data.query || !data.query.recentchanges) return;
var rcs = data.query.recentchanges;
if (rcs.length === 0) return;

var html = '<ul class="tw-updates-list">';
for (var i = 0; i < rcs.length; i++) {
var item = rcs[i];
var titleEnc = encodeURIComponent(item.title);
var dateObj = new Date(item.timestamp);
var timeStr = formatRelativeTime(dateObj);

html += '<li class="tw-update-item">';
html += ' <div class="tw-update-main">';
html += ' <div class="tw-update-title"><a href="/index.php/' + titleEnc + '">' + escapeHtml(item.title) + '</a></div>';
html += ' <div class="tw-update-meta">';
html += ' <span class="tw-update-user">👤 ' + escapeHtml(item.user) + '</span>';
if (item.comment) {
html += ' <span class="tw-update-comment" style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(item.comment) + '</span>';
}
html += ' </div>';
html += ' </div>';
html += ' <div class="tw-update-time">' + timeStr + '</div>';
html += '</li>';
}
html += '</ul>';
container.innerHTML = html;
})
.catch(function(err) {
console.warn('Recent updates live fetch failed:', err);
});
}

function formatRelativeTime(date) {
var now = new Date();
var diffMs = now - date;
var diffSec = Math.floor(diffMs / 1000);
var diffMin = Math.floor(diffSec / 60);
var diffHr = Math.floor(diffMin / 60);
var diffDay = Math.floor(diffHr / 24);

if (diffMin < 1) return 'たった今';
if (diffMin < 60) return diffMin + '分前';
if (diffHr < 24) return diffHr + '時間前';
if (diffDay < 7) return diffDay + '日前';
return (date.getMonth() + 1) + '月' + date.getDate() + '日';
}

function escapeHtml(str) {
if (!str) return '';
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
}

function addSidebarCreateButton() {
var navPortlet = document.querySelector('#p-ナビゲーション .mw-portlet-body');
if (navPortlet && !document.getElementById('n-create-custom-btn')) {
var btn = document.createElement('a');
btn.id = 'n-create-custom-btn';
btn.href = '#tw-article-creator';
btn.className = 'tw-sidebar-create-btn';
btn.innerHTML = '✏️ 新規記事を作成';
btn.addEventListener('click', function(e) {
var createInput = document.querySelector('.createboxInput');
if (createInput) {
createInput.focus();
createInput.scrollIntoView({ behavior: 'smooth', block: 'center' });
} else {
window.location.href = '/index.php/メインページ#tw-article-creator';
}
});
navPortlet.insertBefore(btn, navPortlet.firstChild);
}
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
initCopyIp();
loadRecentUpdates();
addSidebarCreateButton();
});
} else {
initCopyIp();
loadRecentUpdates();
addSidebarCreateButton();
}
})();