MediaWiki:Common.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Load CRUST brand fonts — ResourceLoader strips @import in Common.css, so inject the link here */
(function(){
var l=document.createElement('link'); l.rel='stylesheet';
l.href='https://fonts.googleapis.com/css2?family=Anton&family=Libre+Franklin:wght@400;500;600;700;800;900&family=Spline+Sans+Mono:wght@400;500;600&display=swap';
document.head.appendChild(l);
})();
(function () {
'use strict';
var KEY = 'icelist_anon_donate_dismiss_until';
var DAYS = 14;
if ((mw.config.get('wgUserName')!==null)) return;
var until = parseInt(localStorage.getItem(KEY) || '0', 10);
if (Date.now() < until) return;
function mount() {
var siteNotice = document.getElementById('siteNotice');
if (!siteNotice) return;
// If empty, do nothing
var txt = (siteNotice.textContent || '').replace(/\s+/g, ' ').trim();
if (!txt) return;
siteNotice.classList.add('icelist-anon-donate');
// Add close button once
if (!siteNotice.querySelector('.icelist-notice-close')) {
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'icelist-notice-close';
btn.setAttribute('aria-label', 'Close');
btn.textContent = '×';
siteNotice.insertBefore(btn, siteNotice.firstChild);
btn.addEventListener('click', function (e) {
e.preventDefault();
siteNotice.style.display = 'none';
localStorage.setItem(KEY, String(Date.now() + DAYS * 24 * 60 * 60 * 1000));
});
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', mount);
} else {
mount();
}
})();
mw.loader.using(['jquery']).then(function () {
var s = document.createElement('script');
s.src = 'https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js';
s.setAttribute('data-name', 'BMC-Widget');
s.setAttribute('data-cfasync', 'false');
s.setAttribute('data-id', 'crustnews');
s.setAttribute('data-description', 'Support me on Buy me a coffee!');
s.setAttribute('data-message', '');
s.setAttribute('data-color', '#FF5F5F');
s.setAttribute('data-position', 'Right');
s.setAttribute('data-x_margin', '18');
s.setAttribute('data-y_margin', '18');
document.body.appendChild(s);
});
// Tag agent pages (any page showing an agent card) so the duplicate title/heading can be hidden
if ( document.querySelector( '.ic-agent-card' ) ) {
document.body.classList.add( 'ic-agent-page' );
}
/* ---- Mark anonymous users so anon-only banners can show (fail-safe: hidden by default) ---- */
if ((mw.config.get('wgUserName')===null)) { document.documentElement.classList.add('vol-anon'); }
/* ---- Incident candidates page: logged-in-only + per-row dismiss ---- */
if (/Incident_candidates$/.test(mw.config.get('wgPageName'))) {
mw.loader.using(['mediawiki.api', 'mediawiki.util']).then(function () {
var content = document.querySelector('#mw-content-text .mw-parser-output');
if (!content) return;
if ((mw.config.get('wgUserName')===null)) {
content.innerHTML = '<div class="vol-login">This page is for logged-in ICE List volunteers. ' +
'<a href="' + mw.util.getUrl('Special:UserLogin', {returnto: mw.config.get('wgPageName')}) +
'">Log in</a> to review incident candidates.</div>';
return;
}
var api = new mw.Api();
content.querySelectorAll('li').forEach(function (li) {
var create = Array.prototype.find.call(li.querySelectorAll('a'), function (a) {
return /FormEdit\/Incident/.test(a.getAttribute('href') || '');
});
if (!create) return;
var art = Array.prototype.find.call(li.querySelectorAll('a[href^="http"]'), function (a) {
return a !== create && !/FormEdit\/Incident/.test(a.getAttribute('href') || '');
});
var url = art ? art.href : null;
var btn = document.createElement('button');
btn.textContent = '✕ dismiss';
btn.className = 'vol-dismiss';
btn.onclick = function () {
if (!url) { li.remove(); return; }
btn.disabled = true; btn.textContent = '…';
api.get({action: 'parse', page: mw.config.get('wgPageName'), prop: 'wikitext', formatversion: 2})
.then(function (r) {
var lines = r.parse.wikitext.split('\n'), out = [], removed = false;
for (var i = 0; i < lines.length; i++) {
if (!removed && lines[i].indexOf(url) !== -1) {
if (out.length && /^<!-- cand:/.test(out[out.length - 1])) out.pop();
removed = true; continue;
}
out.push(lines[i]);
}
return api.postWithToken('csrf', {action: 'edit', title: mw.config.get('wgPageName'),
text: out.join('\n'), summary: 'Dismiss incident candidate'});
})
.then(function () { li.remove(); })
.catch(function () { btn.disabled = false; btn.textContent = '✕ dismiss'; });
};
li.appendChild(document.createTextNode(' '));
li.appendChild(btn);
});
});
}
/* ============ ICE List client tools (vanilla; robust login detection) ============ */
(function () {
function ready(fn) { if (document.readyState !== 'loading') { fn(); } else { document.addEventListener('DOMContentLoaded', fn); } }
/* Detect logged-in state robustly: mw.user first, then the DOM logout link
(wgUserName can be null in cached RLCONF, so trust the personal-tools chrome). */
function markMember() {
var el = document.documentElement;
if (el.classList.contains('vol-member')) { return true; }
var inn = false;
try { if (window.mw && mw.user && (mw.config.get('wgUserName')!==null)) { inn = true; } } catch (e) {}
if (!inn && (document.getElementById('pt-logout') ||
document.querySelector('a[href*="Special:UserLogout"], a[href*="UserLogout"], #pt-userpage'))) { inn = true; }
if (inn) { el.classList.add('vol-member'); }
return inn;
}
markMember();
ready(markMember);
/* Homepage: strip native title tooltips on interactive tiles */
ready(function () {
if (mw.config.get('wgPageName') === 'Main_Page') {
document.querySelectorAll('.ic-scenarios a, .ic-stat a, .ic-hero__actions a').forEach(function (a) { a.removeAttribute('title'); });
}
});
/* Render video / social embeds (all users, client-side for privacy) */
ready(function () {
var nodes = document.querySelectorAll('.ic-embed:not([data-done])');
if (!nodes.length) { return; }
var needX = false, needIG = false, needTh = false, needTT = false;
function ytId(u){ var m=u.match(/[?&]v=([\w-]{6,})/)||u.match(/youtu\.be\/([\w-]{6,})/)||u.match(/\/(?:shorts|embed|live)\/([\w-]{6,})/); return m?m[1]:''; }
function vimeoId(u){ var m=u.match(/vimeo\.com\/(?:video\/)?(\d+)/); return m?m[1]:''; }
function detect(u){ var h; try{ h=new URL(u).hostname.replace(/^www\./,'').toLowerCase(); }catch(e){ return ''; }
if(h.indexOf('youtube')>-1||h==='youtu.be') return 'youtube';
if(h.indexOf('vimeo')>-1) return 'vimeo';
if(h.indexOf('instagram')>-1) return 'instagram';
if(h.indexOf('tiktok')>-1) return 'tiktok';
if(h.indexOf('facebook')>-1||h==='fb.watch') return 'facebook';
if(h==='x.com'||h.indexOf('twitter')>-1) return 'x';
if(h.indexOf('threads')>-1) return 'threads';
return ''; }
nodes.forEach(function (el) {
el.setAttribute('data-done', '1');
var id = el.getAttribute('data-id'), url = el.getAttribute('data-url');
var plat = (el.getAttribute('data-platform') || '').toLowerCase().trim();
if (!plat) {
if (el.classList.contains('ic-embed-youtube')) { plat = 'youtube'; }
else if (el.classList.contains('ic-embed-vimeo')) { plat = 'vimeo'; }
else if (el.classList.contains('ic-embed-x')) { plat = 'x'; }
else if (el.classList.contains('ic-embed-instagram')) { plat = 'instagram'; }
else if (el.classList.contains('ic-embed-threads')) { plat = 'threads'; }
}
if (!plat && url) { plat = detect(url); }
if (plat === 'youtube' && !id && url) { id = ytId(url); }
if (plat === 'vimeo' && !id && url) { id = vimeoId(url); }
if (plat === 'youtube' && id) {
el.className = 'ic-embed ic-embed--ratio'; el.innerHTML = '<iframe loading="lazy" allowfullscreen allow="encrypted-media; picture-in-picture" src="https://www.youtube-nocookie.com/embed/' + encodeURIComponent(id) + '"></iframe>';
} else if (plat === 'vimeo' && id) {
el.className = 'ic-embed ic-embed--ratio'; el.innerHTML = '<iframe loading="lazy" allowfullscreen src="https://player.vimeo.com/video/' + encodeURIComponent(id) + '"></iframe>';
} else if ((plat === 'x' || plat === 'twitter') && url) {
el.innerHTML = '<blockquote class="twitter-tweet"><a href="' + url + '"></a></blockquote>'; needX = true;
} else if (plat === 'instagram' && url) {
el.innerHTML = '<blockquote class="instagram-media" data-instgrm-permalink="' + url + '" data-instgrm-version="14"></blockquote>'; needIG = true;
} else if (plat === 'threads' && url) {
el.innerHTML = '<blockquote class="text-post-media" data-text-post-permalink="' + url + '"></blockquote>'; needTh = true;
} else if (plat === 'tiktok' && url) {
el.innerHTML = '<blockquote class="tiktok-embed" cite="' + url + '" style="max-width:605px;min-width:325px;"><a href="' + url + '"></a></blockquote>'; needTT = true;
} else if (plat === 'facebook' && url) {
el.className = 'ic-embed ic-embed--ratio'; el.innerHTML = '<iframe loading="lazy" allowfullscreen scrolling="no" frameborder="0" src="https://www.facebook.com/plugins/video.php?show_text=false&href=' + encodeURIComponent(url) + '"></iframe>';
} else if (url) {
el.innerHTML = '<a class="ic-embed-link" href="' + url + '" target="_blank" rel="noopener">' + (el.textContent || 'View media') + ' ↗</a>';
}
});
function load(src) { var sc = document.createElement('script'); sc.async = true; sc.src = src; document.body.appendChild(sc); }
if (needX) { load('https://platform.twitter.com/widgets.js'); }
if (needIG) { load('https://www.instagram.com/embed.js'); }
if (needTh) { load('https://www.threads.net/embed.js'); }
if (needTT) { load('https://www.tiktok.com/embed.js'); }
});
/* Unidentified agent marking panel (Most Wanted board) */
ready(function () {
try {
if (!markMember()) { return; }
if (mw.config.get('wgAction') !== 'view') { return; }
if ((mw.config.get('wgCategories') || []).indexOf('Unidentified agents') === -1) { return; }
var content = document.querySelector('#mw-content-text .mw-parser-output');
if (!content) { return; }
mw.loader.using(['mediawiki.api']).then(function () {
var api = new mw.Api(), page = mw.config.get('wgPageName');
var FIELDS = [['description', 'Description'], ['agency', 'Agency'], ['state', 'Location'], ['status', 'Status']];
var panel = document.createElement('div'); panel.className = 'vol-panel uk-panel';
panel.innerHTML = '<h4>Unidentified agent <span class="vol-status">loading…</span></h4>';
var status = panel.querySelector('.vol-status'), inputs = {};
var wl = document.createElement('label'); wl.className = 'uk-row';
var wcb = document.createElement('input'); wcb.type = 'checkbox'; wcb.disabled = true;
wl.appendChild(wcb); wl.appendChild(document.createTextNode(' Most wanted (feature at top of board)')); panel.appendChild(wl);
FIELDS.forEach(function (f) {
var r = document.createElement('label'); r.className = 'uk-row'; r.appendChild(document.createTextNode(f[1] + ': '));
var i = document.createElement('input'); i.type = 'text'; i.disabled = true; r.appendChild(i); panel.appendChild(r); inputs[f[0]] = i;
});
var btn = document.createElement('button'); btn.className = 'uk-flag'; btn.textContent = 'Save'; btn.disabled = true; panel.appendChild(btn);
var vrow = document.createElement('div'); vrow.className = 'uk-row'; vrow.style.marginTop = '.5rem';
vrow.appendChild(document.createTextNode('Add video (paste any social link): '));
var vin = document.createElement('input'); vin.type = 'text'; vin.placeholder = 'https://…'; vin.disabled = true; vin.style.minWidth = '16rem';
var vbtn = document.createElement('button'); vbtn.className = 'uk-flag'; vbtn.textContent = 'Add video'; vbtn.disabled = true; vbtn.style.marginLeft = '.3rem';
vrow.appendChild(vin); vrow.appendChild(vbtn); panel.appendChild(vrow);
vbtn.addEventListener('click', function () {
var u = vin.value.trim();
if (!/^https?:\/\//.test(u)) { status.textContent = 'enter a full URL'; return; }
status.textContent = 'adding…'; vbtn.disabled = true;
var w = wt, emb = '{{Embed|url=' + u + '}}', idx = w.search(/\n\[\[Category:/);
w = idx >= 0 ? (w.slice(0, idx) + '\n' + emb + w.slice(idx)) : (w.replace(/\s*$/, '') + '\n' + emb + '\n');
api.postWithToken('csrf', { action: 'edit', title: page, text: w, summary: 'Add video embed' })
.then(function () { wt = w; vin.value = ''; status.textContent = 'video added ✓ — reload to view'; vbtn.disabled = false; })
.catch(function () { status.textContent = 'add failed (blocked link?)'; vbtn.disabled = false; });
});
content.insertBefore(panel, content.firstChild);
var wt = '';
function gv(k) { var m = wt.match(new RegExp('\\|\\s*' + k + '\\s*=\\s*([^\\n|}]*)')); return m ? m[1].trim() : ''; }
function setP(w, k, v) { var re = new RegExp('(\\|\\s*' + k + '\\s*=)[^\\n|}]*'); if (re.test(w)) { return w.replace(re, '$1 ' + v.replace(/\$/g, '$$$$')); } return w.replace(/(\{\{UnknownAgent[\s\S]*?)(\n\}\})/, '$1\n | ' + k + ' = ' + v + '$2'); }
api.get({ action: 'query', prop: 'revisions', rvprop: 'content', rvslots: 'main', titles: page, formatversion: 2 }).then(function (r) {
try { wt = r.query.pages[0].revisions[0].slots.main.content; } catch (e) { wt = ''; }
wcb.checked = /Category:Most wanted unidentified agents/.test(wt) || gv('wanted') === 'Most wanted';
FIELDS.forEach(function (f) { inputs[f[0]].value = gv(f[0]); inputs[f[0]].disabled = false; });
wcb.disabled = false; btn.disabled = false; vin.disabled = false; vbtn.disabled = false; status.textContent = '';
});
btn.addEventListener('click', function () {
status.textContent = 'saving…'; btn.disabled = true;
var w = wt, wanted = wcb.checked ? 'Most wanted' : 'Standard';
w = setP(w, 'wanted', wanted);
FIELDS.forEach(function (f) { w = setP(w, f[0], inputs[f[0]].value.trim()); });
if (/Category:(?:Most wanted|Standard) unidentified agents/.test(w)) {
w = w.replace(/\[\[Category:(?:Most wanted|Standard) unidentified agents\]\]/, '[[Category:' + wanted + ' unidentified agents]]');
} else {
w = w.replace(/(\[\[Category:Unidentified agents\]\])/, '$1[[Category:' + wanted + ' unidentified agents]]');
}
api.postWithToken('csrf', { action: 'edit', title: page, text: w, summary: 'Mark unidentified agent (' + wanted + ')' })
.then(function () { wt = w; status.textContent = 'saved ✓ — reload to update'; btn.disabled = false; })
.catch(function () { status.textContent = 'save failed'; btn.disabled = false; });
});
});
} catch (e) {}
});
/* Volunteer media tagging panel (Cargo Media items) */
ready(function () {
try {
if (!markMember()) { return; }
if (mw.config.get('wgAction') !== 'view') { return; }
if ((mw.config.get('wgCategories') || []).indexOf('Media') === -1) { return; }
var content = document.querySelector('#mw-content-text .mw-parser-output');
if (!content) { return; }
mw.loader.using(['mediawiki.api']).then(function () {
var api = new mw.Api(), page = mw.config.get('wgPageName');
var FIELDS = [['agents','Agents (separate with ;)'],['incidents','Incidents (separate with ;)'],['state','State'],['agency','Agency']];
var STATUS = ['Unverified','Pending','Verified'];
var panel = document.createElement('div'); panel.className = 'vol-panel';
panel.innerHTML = '<h4>Tag media <span class="vol-status">loading…</span></h4>';
var status = panel.querySelector('.vol-status'), inputs = {};
FIELDS.forEach(function (f) {
var row = document.createElement('label'); row.className = 'vol-tag-row';
row.appendChild(document.createTextNode(f[1] + ': '));
var inp = document.createElement('input'); inp.type = 'text'; inp.disabled = true;
row.appendChild(inp); panel.appendChild(row); inputs[f[0]] = inp;
});
var srow = document.createElement('label'); srow.className = 'vol-tag-row';
srow.appendChild(document.createTextNode('Status: '));
var sel = document.createElement('select'); sel.disabled = true;
STATUS.forEach(function (v) { var o = document.createElement('option'); o.value = v; o.textContent = v; sel.appendChild(o); });
srow.appendChild(sel); panel.appendChild(srow); inputs.status = sel;
var btn = document.createElement('button'); btn.textContent = 'Save tags'; btn.disabled = true; btn.className = 'vol-tag-save';
panel.appendChild(btn);
content.insertBefore(panel, content.firstChild);
var wikitext = '';
function getVal(k) { var m = wikitext.match(new RegExp('\\|\\s*' + k + '\\s*=\\s*([^\\n|}]*)')); return m ? m[1].trim() : ''; }
function setParam(wt, k, v) {
var re = new RegExp('(\\|\\s*' + k + '\\s*=)[^\\n|}]*');
if (re.test(wt)) { return wt.replace(re, '$1 ' + v.replace(/\$/g, '$$$$')); }
return wt.replace(/(\{\{Media[\s\S]*?)(\n\}\})/, '$1\n | ' + k + ' = ' + v + '$2');
}
api.get({ action: 'query', prop: 'revisions', rvprop: 'content', rvslots: 'main', titles: page, formatversion: 2 }).then(function (r) {
try { wikitext = r.query.pages[0].revisions[0].slots.main.content; } catch (e) { wikitext = ''; }
if (wikitext.indexOf('{{Media') === -1) { panel.parentNode.removeChild(panel); return; }
FIELDS.forEach(function (f) { inputs[f[0]].value = getVal(f[0]); inputs[f[0]].disabled = false; });
sel.value = getVal('status') || 'Unverified'; sel.disabled = false; btn.disabled = false; status.textContent = '';
});
btn.addEventListener('click', function () {
status.textContent = 'saving…'; btn.disabled = true;
var wt = wikitext;
FIELDS.forEach(function (f) { wt = setParam(wt, f[0], inputs[f[0]].value.trim()); });
wt = setParam(wt, 'status', sel.value);
api.postWithToken('csrf', { action: 'edit', title: page, text: wt, summary: 'Tag media (agents/incidents/state/status)' }).then(function () {
wikitext = wt; status.textContent = 'saved ✓ — reload to update embeds'; btn.disabled = false;
}).catch(function () { status.textContent = 'save failed'; btn.disabled = false; });
});
});
} catch (e) {}
});
/* Volunteer incident marking + stage tool */
ready(function () {
if (!markMember()) { return; }
if (mw.config.get('wgAction') !== 'view') { return; }
var cats = mw.config.get('wgCategories') || [];
if (cats.indexOf('Incidents') === -1) { return; }
var content = document.querySelector('#mw-content-text .mw-parser-output');
if (!content) { return; }
var STAGES = ['', 'Intake', 'OSINT', 'Detailing', 'Verification', 'Writing', 'Published'];
var MARKS = ['Agents recorded', 'Plates recorded', 'Faces captured', 'Video secured', 'Location confirmed', 'Witnesses identified', 'Needs review', 'Reviewed'];
mw.loader.using(['mediawiki.api']).then(function () {
var api = new mw.Api();
var page = mw.config.get('wgPageName');
var panel = document.createElement('div'); panel.className = 'vol-panel';
panel.innerHTML = '<h4>Volunteer triage <span class="vol-status">loading…</span></h4>';
var status = panel.querySelector('.vol-status');
var stageRow = document.createElement('div'); stageRow.className = 'vol-stage-row';
stageRow.appendChild(document.createTextNode('Stage: '));
var stageSel = document.createElement('select'); stageSel.disabled = true;
STAGES.forEach(function (st) { var o = document.createElement('option'); o.value = st; o.textContent = st || '(unstaged)'; stageSel.appendChild(o); });
stageRow.appendChild(stageSel); panel.appendChild(stageRow);
var boxes = {};
MARKS.forEach(function (m) {
var lab = document.createElement('label'); var cb = document.createElement('input'); cb.type = 'checkbox'; cb.disabled = true;
lab.appendChild(cb); lab.appendChild(document.createTextNode(' ' + m)); panel.appendChild(lab); boxes[m] = cb;
});
content.insertBefore(panel, content.firstChild);
var wikitext = '';
function parseMarks(wt) { var re = /\{\{\s*Mark\s*\|\s*([^}|]+?)\s*\}\}/g, mm, set = {}; while ((mm = re.exec(wt))) { set[mm[1].trim()] = true; } return set; }
function parseStage(wt) { var m = wt.match(/\{\{\s*Stage\s*\|\s*([^}|]+?)\s*\}\}/); return m ? m[1].trim() : ''; }
api.get({ action: 'query', prop: 'revisions', rvprop: 'content', rvslots: 'main', titles: page, formatversion: 2 }).then(function (r) {
try { wikitext = r.query.pages[0].revisions[0].slots.main.content; } catch (e) { wikitext = ''; }
var set = parseMarks(wikitext);
MARKS.forEach(function (m) { boxes[m].checked = !!set[m]; boxes[m].disabled = false; });
stageSel.value = parseStage(wikitext); stageSel.disabled = false;
status.textContent = '';
});
function save() {
status.textContent = 'saving…';
stageSel.disabled = true; MARKS.forEach(function (m) { boxes[m].disabled = true; });
var stg = stageSel.value;
var chosen = MARKS.filter(function (m) { return boxes[m].checked; });
var inner = (stg ? '{{Stage|' + stg + '}}' : '') + chosen.map(function (m) { return '{{Mark|' + m + '}}'; }).join('');
var region = '<div class="vol-only vol-marks"><!--VOLMARKS-->' + inner + '<!--/VOLMARKS--></div>';
var done = false, wt = wikitext;
wt = wikitext.replace(/<div class="vol-only vol-marks"><!--VOLMARKS-->[\s\S]*?<!--\/VOLMARKS--><\/div>/, function () { done = true; return region; });
if (!done) { wt = wikitext.replace(/<!--VOLMARKS-->[\s\S]*?<!--\/VOLMARKS-->/, function () { done = true; return '<!--VOLMARKS-->' + inner + '<!--/VOLMARKS-->'; }); }
if (!done) { var idx = wt.search(/\n\[\[Category:/); if (idx >= 0) { wt = wt.slice(0, idx) + '\n' + region + wt.slice(idx); } else { wt = wt.replace(/\s*$/, '') + '\n\n' + region + '\n'; } }
api.postWithToken('csrf', { action: 'edit', title: page, text: wt, summary: 'Update volunteer triage / stage' }).then(function () {
wikitext = wt; status.textContent = 'saved ✓';
stageSel.disabled = false; MARKS.forEach(function (m) { boxes[m].disabled = false; });
setTimeout(function () { status.textContent = ''; }, 1500);
}).catch(function () { status.textContent = 'save failed'; stageSel.disabled = false; MARKS.forEach(function (m) { boxes[m].disabled = false; }); });
}
stageSel.addEventListener('change', save);
MARKS.forEach(function (m) { boxes[m].addEventListener('change', save); });
});
});
})();
/* ============ end ICE List client tools ============ */