MediaWiki:Common.js - Revision history

Nick: Match resource pill sizes across staging

2026-11-06T15:19:17Z

Match resource pill sizes across staging

← Older revision		Revision as of 15:19, 6 November 2026
Line 98:		Line 98:
	const responsiveNavigation = document.createElement('style');		const responsiveNavigation = document.createElement('style');
	responsiveNavigation.textContent = "\n/* Keep the shared pills inside the reading column on phones and tablets. */\n@media screen and (max-width: 1024px) {\n .seloc-wiki-compact-nav #content { margin-left: 0; min-width: 0; }\n .seloc-wiki-shell { box-sizing: border-box; max-width: 100%; }\n .seloc-wiki-shell nav.seloc-wiki-primary,\n .seloc-wiki-shell nav.seloc-wiki-secondary {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n min-width: 0;\n }\n .seloc-wiki-shell nav > a { max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }\n}\n";		responsiveNavigation.textContent = "\n/* Keep the shared pills inside the reading column on phones and tablets. */\n@media screen and (max-width: 1024px) {\n .seloc-wiki-compact-nav #content { margin-left: 0; min-width: 0; }\n .seloc-wiki-shell { box-sizing: border-box; max-width: 100%; }\n .seloc-wiki-shell nav.seloc-wiki-primary,\n .seloc-wiki-shell nav.seloc-wiki-secondary {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n min-width: 0;\n }\n .seloc-wiki-shell nav > a { max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }\n}\n";
			responsiveNavigation.textContent += "\n/* Shared staging resource pills */\n.seloc-wiki-shell .seloc-wiki-primary{display:flex!important;flex-wrap:wrap!important;gap:6px 8px!important;}\n.seloc-wiki-shell .seloc-wiki-primary > a{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;height:auto!important;min-height:36px!important;padding:6px 14px!important;font:700 14px/1.35 Verdana,Arial,sans-serif!important;white-space:nowrap!important;letter-spacing:normal!important;}\n@media(max-width:600px){.seloc-wiki-shell .seloc-wiki-primary > a{min-height:38px!important;padding-inline:11px!important;font-size:13px!important;}}\n";
	shell.prepend(responsiveNavigation);		shell.prepend(responsiveNavigation);
	content.prepend(shell);		content.prepend(shell);

Nick: Apply narrow-screen navigation when the stylesheet is unavailable

2026-11-06T12:32:20Z

Apply narrow-screen navigation when the stylesheet is unavailable

← Older revision		Revision as of 12:32, 6 November 2026
Line 96:		Line 96:
	shell.append(brand, nav, browse);		shell.append(brand, nav, browse);
	if (mw.config.get('wgCanonicalSpecialPageName') !== 'Search') shell.append(form);		if (mw.config.get('wgCanonicalSpecialPageName') !== 'Search') shell.append(form);
			const responsiveNavigation = document.createElement('style');
			responsiveNavigation.textContent = "\n/* Keep the shared pills inside the reading column on phones and tablets. */\n@media screen and (max-width: 1024px) {\n .seloc-wiki-compact-nav #content { margin-left: 0; min-width: 0; }\n .seloc-wiki-shell { box-sizing: border-box; max-width: 100%; }\n .seloc-wiki-shell nav.seloc-wiki-primary,\n .seloc-wiki-shell nav.seloc-wiki-secondary {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n min-width: 0;\n }\n .seloc-wiki-shell nav > a { max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }\n}\n";
			shell.prepend(responsiveNavigation);
	content.prepend(shell);		content.prepend(shell);
	content.classList.add('seloc-wiki-enhanced');		content.classList.add('seloc-wiki-enhanced');

Nick: Move Club Home into the shared staging navigation

2026-11-06T11:56:44Z

Move Club Home into the shared staging navigation

← Older revision		Revision as of 11:56, 6 November 2026
Line 28:		Line 28:
	nav.setAttribute('aria-label', 'SELOC staging sites');		nav.setAttribute('aria-label', 'SELOC staging sites');
	for (const [name, href] of [		for (const [name, href] of [
			['Club Home', 'https://f.seloc.club/w691/'],
	['Forums', 'https://forumsug.seloc.org/'],		['Forums', 'https://forumsug.seloc.org/'],
	['TechWiki', home],		['TechWiki', home],
Line 69:		Line 70:
	['Technical subjects', home + '#Technical_Pages'],		['Technical subjects', home + '#Technical_Pages'],
	['Resources', home + '#Non_Technical_Pages'],		['Resources', home + '#Non_Technical_Pages'],
	['A–Z articles', '/a/Special:AllPages~~'],~~		['A–Z articles', '/a/Special:AllPages']
	~~['Club site', 'https://f.seloc.club/w691/~~']
	]) {		]) {
	const link = document.createElement('a');		const link = document.createElement('a');

Nick: Add a primary Membership pill and bring sidebar navigation into compact secondary pills

2026-11-05T23:48:01Z

Add a primary Membership pill and bring sidebar navigation into compact secondary pills

@@ Line 32: / Line 32: @@
        ['Gallery', 'https://forumsug.seloc.org/cp_gallery.php'],
        ['Classifieds', 'https://classifiedsug.seloc.org/'],
-       ['Advertisers', 'https://f.seloc.club/w691/index.php/advertisers/']
+       ['Advertisers', 'https://f.seloc.club/w691/index.php/advertisers/'],
      ]) {
        const link = document.createElement('a');
@@ Line 61: / Line 62: @@
      const techForum = document.querySelector('#n-SELOC-Tech-Forum a');
      if (techForum) techForum.href = 'https://forumsug.seloc.org/forumdisplay.php?fid=35';
      const browse = document.createElement('nav');
      browse.className = 'seloc-wiki-secondary';
@@ Line 85: / Line 77: @@
        browse.append(link);
+     }
      index.remove();
      shell.append(brand, nav, browse);

Nick: Keep Advertisers on staging and show a single search form on results pages

2026-11-05T23:33:50Z

Keep Advertisers on staging and show a single search form on results pages

← Older revision		Revision as of 23:33, 5 November 2026
Line 32:		Line 32:
	['Gallery', 'https://forumsug.seloc.org/cp_gallery.php'],		['Gallery', 'https://forumsug.seloc.org/cp_gallery.php'],
	['Classifieds', 'https://classifiedsug.seloc.org/'],		['Classifieds', 'https://classifiedsug.seloc.org/'],
	['Advertisers', 'https://~~www~~.seloc.~~org~~/~~advertisers~~.php']		['Advertisers', 'https://f.seloc.club/w691/index.php/advertisers/']
	]) {		]) {
	const link = document.createElement('a');		const link = document.createElement('a');
Line 86:		Line 86:
	}		}
	index.remove();		index.remove();
	shell.append(brand, nav, browse, form);		shell.append(brand, nav, browse);
			if (mw.config.get('wgCanonicalSpecialPageName') !== 'Search') shell.append(form);
	content.prepend(shell);		content.prepend(shell);
	content.classList.add('seloc-wiki-enhanced');		content.classList.add('seloc-wiki-enhanced');

Nick: Point the Tech Forum sidebar link at staging

2026-11-05T23:16:44Z

Point the Tech Forum sidebar link at staging

← Older revision		Revision as of 23:16, 5 November 2026
Line 59:		Line 59:
	index.href = '/a/Special:AllPages'; index.textContent = 'A–Z articles';		index.href = '/a/Special:AllPages'; index.textContent = 'A–Z articles';
	form.append(query, submit, index);		form.append(query, submit, index);
			const techForum = document.querySelector('#n-SELOC-Tech-Forum a');
			if (techForum) techForum.href = 'https://forumsug.seloc.org/forumdisplay.php?fid=35';
	const sidebar = document.querySelector('#p-navigation ul');		const sidebar = document.querySelector('#p-navigation ul');
	if (sidebar && !document.getElementById('n-seloc-article-index')) {		if (sidebar && !document.getElementById('n-seloc-article-index')) {

Nick: Match forum pill order and branding, with a compact TechWiki browse row

2026-11-05T22:32:51Z

Match forum pill order and branding, with a compact TechWiki browse row

@@ Line 9: / Line 9: @@
      const shell = document.createElement('div');
      shell.className = 'seloc-wiki-shell';
      const nav = document.createElement('nav');
      nav.setAttribute('aria-label', 'SELOC staging sites');
      for (const [name, href] of [
        ['Forums', 'https://forumsug.seloc.org/'],
        ['TechWiki', home],
        ['Gallery', 'https://forumsug.seloc.org/cp_gallery.php'],
-       ['Classifieds', 'https://classifiedsug.seloc.org/']
+       ['Classifieds', 'https://classifiedsug.seloc.org/'],
      ]) {
        const link = document.createElement('a');
@@ Line 52: / Line 68: @@
        else sidebar.prepend(item);
+     }
-     shell.append(nav, form);
+    const browse = document.createElement('nav');
      content.prepend(shell);
      content.classList.add('seloc-wiki-enhanced');
      if (mw.config.get('wgNamespaceNumber') === 0 && !mw.config.get('wgIsMainPage')) {
        content.classList.add('seloc-wiki-article');

Nick: Add A–Z articles to the staging wiki navigation sidebar

2026-11-05T21:24:31Z

Add A–Z articles to the staging wiki navigation sidebar

← Older revision		Revision as of 21:24, 5 November 2026
Line 43:		Line 43:
	index.href = '/a/Special:AllPages'; index.textContent = 'A–Z articles';		index.href = '/a/Special:AllPages'; index.textContent = 'A–Z articles';
	form.append(query, submit, index);		form.append(query, submit, index);
			const sidebar = document.querySelector('#p-navigation ul');
			if (sidebar && !document.getElementById('n-seloc-article-index')) {
			const item = document.createElement('li');
			item.id = 'n-seloc-article-index';
			item.append(index.cloneNode(true));
			const homeItem = sidebar.querySelector('#n-mainpage');
			if (homeItem) homeItem.after(item);
			else sidebar.prepend(item);
			}
	shell.append(nav, form);		shell.append(nav, form);
	content.prepend(shell);		content.prepend(shell);

Nick: Add shared staging navigation and a native full-text search form to TechWiki reading pages

2026-11-05T21:16:19Z

Add shared staging navigation and a native full-text search form to TechWiki reading pages

New page

/* Staging TechWiki navigation and native search. */
(function () {
'use strict';
if (location.hostname !== 'wikiug.seloc.org' || mw.config.get('wgAction') !== 'view') return;
$(function () {
const content = document.querySelector('#content');
if (!content || document.querySelector('.seloc-wiki-shell')) return;
const home = '/a/SELOC_TechWiki';
const shell = document.createElement('div');
shell.className = 'seloc-wiki-shell';
const nav = document.createElement('nav');
nav.setAttribute('aria-label', 'SELOC staging sites');
for (const [name, href] of [
['Club site', 'https://f.seloc.club/w691/'],
['Forums', 'https://forumsug.seloc.org/'],
['TechWiki', home],
['Gallery', 'https://forumsug.seloc.org/cp_gallery.php'],
['Classifieds', 'https://classifiedsug.seloc.org/']
]) {
const link = document.createElement('a');
link.href = href;
link.textContent = name;
if (name === 'TechWiki') link.setAttribute('aria-current', 'true');
nav.append(link);
}
const form = document.createElement('form');
form.action = mw.config.get('wgScript');
form.method = 'get';
form.setAttribute('role', 'search');
form.setAttribute('aria-label', 'TechWiki articles');
for (const [name, value] of [['title', 'Special:Search'], ['fulltext', '1']]) {
const field = document.createElement('input');
field.type = 'hidden'; field.name = name; field.value = value;
form.append(field);
}
const query = document.createElement('input');
query.type = 'search'; query.name = 'search'; query.required = true;
query.placeholder = 'Search models, parts or jobs';
query.setAttribute('aria-label', 'Search TechWiki articles');
const submit = document.createElement('button');
submit.type = 'submit'; submit.textContent = 'Search';
const index = document.createElement('a');
index.href = '/a/Special:AllPages'; index.textContent = 'A–Z articles';
form.append(query, submit, index);
shell.append(nav, form);
content.prepend(shell);
content.classList.add('seloc-wiki-enhanced');
if (mw.config.get('wgNamespaceNumber') === 0 && !mw.config.get('wgIsMainPage')) {
content.classList.add('seloc-wiki-article');
}
});
}());