MediaWiki:Common.js - Revision history

Myriad-admin: Undo revision 3134 by Myriad-admin (talk)

2026-02-09T15:07:15Z

Undo revision 3134 by Myriad-admin (talk)

@@ Line 171: / Line 171: @@
      setBodyTopPaddingToNavbar();
      $(window).on('load resize', setBodyTopPaddingToNavbar);
      // ===== Footer =====

Myriad-admin at 14:19, 9 February 2026

2026-02-09T14:19:15Z

@@ Line 171: / Line 171: @@
      setBodyTopPaddingToNavbar();
      $(window).on('load resize', setBodyTopPaddingToNavbar);
      // ===== Footer =====

Myriad-admin at 12:46, 13 October 2025

2025-10-13T12:46:30Z

← Older revision		Revision as of 13:46, 13 October 2025
Line 16:		Line 16:
	}		}

	// Build a clean Echo ~~link that won't inherit text-hiding styles~~		// Build a clean anchor (no Echo classes) with icon + label (+ optional count badge)
	function ~~buildEchoLink~~($a~~, label~~) {		function buildCombinedNotifications() {
	~~if (!~~$~~a \|\| !~~$a.~~length~~) ~~return null~~;		var $alertA = $('#pt-notifications-alert a').first();
			var $noticeA = $('#pt-notifications-notice a').first();

	// href ~~+ rel/target if present~~		// Pick an href we can trust; fall back to Special:Notifications
	var href = $a.attr('href') \|\| ~~'#';~~		var href = ($alertA.attr('href') \|\| $noticeA.attr('href') \|\| mw.util.getUrl('Special:Notifications'));
	~~var rel =~~ $a.attr('~~rel~~') \|\| ~~'';~~
	~~var target = $a~~.~~attr~~('~~target~~') ~~\|\| ''~~;

	// ~~Try to capture a count~~ if Echo provides it		// Reuse an icon if Echo provides one; otherwise a simple bell glyph
	var ~~count~~ = $a.~~attr~~('~~data-counter-num~~') ~~\|\| ''~~;		var $icon = ($alertA.find('span, i, svg').first().clone());
	if (~~count && /^\d+~~$/.~~test~~(~~count~~) ~~&& parseInt~~(~~count, 10~~) ~~> 0~~) {		if (!$icon.length) $icon = ($noticeA.find('span, i, svg').first().clone());
	~~label +~~= ' (' ~~+ count +~~ ')';		var iconHtml = $icon.length ? $icon.prop('outerHTML') : '🔔';
	}

	// ~~Try to reuse a child icon~~ if ~~present~~		// Sum counts if Echo exposes them
	~~var $icon = $a.find~~(~~'span, i, svg'~~).~~first~~()~~.clone~~();		function n(x){ return x && /^\d+$/.test(x) ? parseInt(x,10) : 0; }
	var ~~iconHtml~~ = $~~icon~~.~~length ?~~ $~~icon~~.~~prop~~('~~outerHTML~~') ~~: ''~~;		var count = n($alertA.attr('data-counter-num')) + n($noticeA.attr('data-counter-num'));

	~~// Return a fresh anchor with minimal classes (no text-hiding)~~
	return [		return [
	'<a href="', href, '"',		'<a href="', href, '" class="drg-echo-link">',
	~~(rel ? ' rel="' + rel + '"' : ''),~~
	~~(target ? ' target="' + target + '"' : ''),~~
	' class="drg-echo-link"',
	'>',
	iconHtml,		iconHtml,
	'<span class="drg-echo-label">', label, '</span>',		'<span class="drg-echo-label">Notifications</span>',
			(count > 0 ? '<span class="drg-echo-count" aria-label="unread notifications">'+count+'</span>' : ''),
	'</a>'		'</a>'
	].join('');		].join('');
Line 85:		Line 79:

	// ===== User dropdown =====		// ===== User dropdown =====
	~~// We restore Echo (alerts/notices) + Watchlist inside the dropdown.~~
	let userHtml;		let userHtml;
	if (mw.config.get('wgUserName')) {		if (mw.config.get('wgUserName')) {
	const items = [];		const items = [];

	// --- ~~Echo notifications: build clean, labeled links~~ ---		// --- Single combined Notifications item ---
	const ~~$alertA~~ = $(~~'#pt-notifications-alert a').first();~~		const notifHtml = buildCombinedNotifications();
	~~const $noticeA = $('#pt-notifications-notice a').first();~~		if (notifHtml) items.push('<li>' + notifHtml + '</li>');

	~~const alertHtml = buildEchoLink($alertA, 'Your Alerts');~~
	~~const noticeHtml = buildEchoLink($noticeA, 'Your Notices');~~

	~~if (alertHtml) items.push('<li>' + alertHtml + '</li>'~~);
	if (~~noticeHtml~~) items.push('<li>' + ~~noticeHtml~~ + '</li>');

	// --- Personal tools (except duplicate logout at the end) ---		// --- Personal tools (except duplicate logout at the end) ---
Line 138:		Line 125:
	const actionsLis = htmlFromPortlet('#p-cactions'); // Actions		const actionsLis = htmlFromPortlet('#p-cactions'); // Actions
	let generalLis = htmlFromPortlet('#p-tb'); // General		let generalLis = htmlFromPortlet('#p-tb'); // General

	~~// Fallback for Vector-2022 portlet structure~~
	if (generalLis.length === 0) {		if (generalLis.length === 0) {
	generalLis = htmlFromPortlet('#vector-page-tools, #p-tb-list, .vector-page-tools .vector-menu-content');		generalLis = htmlFromPortlet('#vector-page-tools, #p-tb-list, .vector-page-tools .vector-menu-content');

Myriad-admin at 12:38, 13 October 2025

2025-10-13T12:38:15Z

← Older revision		Revision as of 13:38, 13 October 2025
Line 14:		Line 14:
	var h = $('#drg-navbar').outerHeight() \|\| 60;		var h = $('#drg-navbar').outerHeight() \|\| 60;
	$('body').css('padding-top', h + 'px');		$('body').css('padding-top', h + 'px');
			}

			// Build a clean Echo link that won't inherit text-hiding styles
			function buildEchoLink($a, label) {
			if (!$a \|\| !$a.length) return null;

			// href + rel/target if present
			var href = $a.attr('href') \|\| '#';
			var rel = $a.attr('rel') \|\| '';
			var target = $a.attr('target') \|\| '';

			// Try to capture a count if Echo provides it
			var count = $a.attr('data-counter-num') \|\| '';
			if (count && /^\d+$/.test(count) && parseInt(count, 10) > 0) {
			label += ' (' + count + ')';
			}

			// Try to reuse a child icon if present
			var $icon = $a.find('span, i, svg').first().clone();
			var iconHtml = $icon.length ? $icon.prop('outerHTML') : '';

			// Return a fresh anchor with minimal classes (no text-hiding)
			return [
			'<a href="', href, '"',
			(rel ? ' rel="' + rel + '"' : ''),
			(target ? ' target="' + target + '"' : ''),
			' class="drg-echo-link"',
			'>',
			iconHtml,
			'<span class="drg-echo-label">', label, '</span>',
			'</a>'
			].join('');
	}		}

Line 58:		Line 90:
	const items = [];		const items = [];

	// Echo notifications ~~(if present)~~		// --- Echo notifications: build clean, labeled links ---
	const alertA = $('#pt-notifications-alert a').first();		const $alertA = $('#pt-notifications-alert a').first();
	const noticeA = $('#pt-notifications-notice a').first();		const $noticeA = $('#pt-notifications-notice a').first();
	if (~~alertA.length~~) items.push(`<li>~~${alertA.prop(~~'~~outerHTML~~')}</li>`);
	if (~~noticeA.length~~) items.push(`<li>~~${noticeA.prop(~~'~~outerHTML~~')}</li>`);		const alertHtml = buildEchoLink($alertA, 'Your Alerts');
			const noticeHtml = buildEchoLink($noticeA, 'Your Notices');

			if (alertHtml) items.push('<li>' + alertHtml + '</li>');
			if (noticeHtml) items.push('<li>' + noticeHtml + '</li>');

	// Personal tools (except duplicate logout at the end)		// --- Personal tools (except duplicate logout at the end) ---
	$('#p-personal ul li').each(function () {		$('#p-personal ul li').each(function () {
	const $a = $(this).find('a');		const $a = $(this).find('a');
Line 70:		Line 106:
	const titleText = ($a.text() \|\| '').trim();		const titleText = ($a.text() \|\| '').trim();

	// Skip Echo items we already ~~copied~~		// Skip Echo items we already handled
	if (href.includes('Notifications') \|\| href.includes('Echo')) return;		if (href.includes('Notifications') \|\| href.includes('Echo')) return;

	// Keep Watchlist ~~(EU reviewers wanted it)~~		// Keep Watchlist
	if ~~(href.match~~(/Watchlist/i)) {		if (/Watchlist/i.test(href + titleText)) {
	items.push(`<li>${$a.prop('outerHTML')}</li>`);		items.push(`<li>${$a.prop('outerHTML')}</li>`);
	return;		return;
	}		}

	// Skip Logout (we add ~~a clean one at the end~~)		// Skip Logout (we add our own)
	if ~~(titleText.match~~(/^log ?out$/i)) return;		if (/^log ?out$/i.test(titleText)) return;

	// Include everyone else (Preferences, Contributions, etc.)		// Include everyone else (Preferences, Contributions, etc.)
Line 100:		Line 136:

	// ===== Tools dropdown (merge Actions + General like production) =====		// ===== Tools dropdown (merge Actions + General like production) =====
	~~// Actions: #p-cactions; General: #p-tb (Toolbox + extensions)~~
	const actionsLis = htmlFromPortlet('#p-cactions'); // Actions		const actionsLis = htmlFromPortlet('#p-cactions'); // Actions
	let generalLis = htmlFromPortlet('#p-tb'); // General ~~(What links here, Upload, Special pages, etc.)~~		let generalLis = htmlFromPortlet('#p-tb'); // General

	// Fallback~~: also look~~ for ~~toolbox under~~ Vector-2022 portlet structure ~~if needed~~		// Fallback for Vector-2022 portlet structure
	if (generalLis.length === 0) {		if (generalLis.length === 0) {
	generalLis = htmlFromPortlet('#vector-page-tools, #p-tb-list, .vector-page-tools .vector-menu-content');		generalLis = htmlFromPortlet('#vector-page-tools, #p-tb-list, .vector-page-tools .vector-menu-content');

Myriad-admin: Major Change - Using Staging code

2025-10-13T12:09:44Z

Major Change - Using Staging code

Show changes

Myriad-admin: Undo revision 3068 by Myriad-admin (talk)

2025-09-03T11:31:59Z

Undo revision 3068 by Myriad-admin (talk)

Show changes

Myriad-admin at 11:19, 3 September 2025

2025-09-03T11:19:08Z

Show changes

Myriad-admin at 10:47, 12 August 2025

2025-08-12T10:47:04Z

← Older revision		Revision as of 11:47, 12 August 2025
Line 29:		Line 29:
	</div>		</div>
	<div class="drg-disclaimer">		<div class="drg-disclaimer">
	This site is hosted by the British Geological Survey but responsibility for the content of the site lies with the MYRIAD-EU project~~, not with the British Geological Survey~~. Questions~~, suggestions,~~ or comments ~~regarding the contents of this site should be directed to~~ <a href="mailto:DisasterRiskGateway@bgs.ac.uk">DisasterRiskGateway@bgs.ac.uk</a>.		This site is hosted by the British Geological Survey but responsibility for the content of the site lies with the
			<a href="https://www.myriadproject.eu" target="_blank" rel="noopener noreferrer">MYRIAD-EU</a> project. Questions or comments: <a href="mailto:DisasterRiskGateway@bgs.ac.uk">DisasterRiskGateway@bgs.ac.uk</a>
	</div>		</div>
	</div>		</div>

Myriad-admin: Streamlined Footer

2025-05-27T08:57:50Z

Streamlined Footer

← Older revision		Revision as of 09:57, 27 May 2025
Line 1:		Line 1:
	/* Any JavaScript here will be ~~loaded~~ for ~~all users on every page load~~. */		mw.loader.using('mediawiki.util').then(function () {
			function insertFooter() {
			var $icons = $('#footer-icons');
			if (!$icons.length) return setTimeout(insertFooter, 100);
			$icons.before(`
			<div id="drg-footer">
			<div class="drg-columns">
			<div class="drg-column drg-column-left">
			<a href="/index.php/Disaster_Risk_Gateway">About</a>
			<a href="/index.php/Disaster_Risk_Gateway:Privacy_Notice">Privacy Notice</a>
			<a href="/index.php/Disaster_Risk_Gateway:Terms_of_Use">Terms of Use</a>
			<a href="mailto:DisasterRiskGateway@bgs.ac.uk"><strong>Contact Us</strong></a>
			</div>
			<div class="drg-divider"></div>
			<div class="drg-column drg-column-center">
			<div class="drg-eu-flag">
			<img src="/images/e/e3/Normal-reproduction-high-resolution_2.jpg" alt="EU logo">
			</div>
			<div class="drg-eu-text">
			MYRIAD-EU project has received funding from the European Union’s Horizon 2020 Research and Innovation Programme under Grant Agreement No. 101003276.
			</div>
			</div>
			<div class="drg-divider"></div>
			<div class="drg-column drg-column-right">
			<a href="https://www.myriadproject.eu" target="_blank" rel="noopener">MYRIAD-EU</a>
			<a href="https://be.linkedin.com/company/myriad-eu-project?trk=public_post_feed-actor-name" target="_blank" rel="noopener">LinkedIn</a>
			<a href="#" target="_blank" rel="noopener">MYRIAD-EU dashboard</a>
			</div>
			</div>
			<div class="drg-disclaimer">
			This site is hosted by the British Geological Survey but responsibility for the content of the site lies with the MYRIAD-EU project, not with the British Geological Survey. Questions, suggestions, or comments regarding the contents of this site should be directed to <a href="mailto:DisasterRiskGateway@bgs.ac.uk">DisasterRiskGateway@bgs.ac.uk</a>.
			</div>
			</div>
			`);
			}
			insertFooter();
			});

Myriad-admin: Replaced content with "/* Any JavaScript here will be loaded for all users on every page load. */"

2025-03-25T17:02:08Z

Replaced content with "Any JavaScript here will be loaded for all users on every page load.: "

← Older revision		Revision as of 18:02, 25 March 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	~~$(document).ready(function() {~~
	~~// Check if we are NOT on the main page~~
	~~if (mw.config.get('wgPageName') !== mw.config.get('wgMainPageTitle').replace(/ /g, '_')) {~~
	~~// Create the back button~~
	~~var backButton = $('<button id="backButton">Go Back</button>');~~

	~~// Apply styles~~
	~~backButton.css({~~
	~~"position": "fixed",~~
	~~"bottom": "20px",~~
	~~"left": "20px",~~
	~~"background-color": "#007bff",~~
	~~"color": "white",~~
	~~"border": "none",~~
	~~"padding": "5px 10px",~~
	~~"font-size": "14px",~~
	~~"cursor": "pointer",~~
	~~"border-radius": "5px",~~
	~~"box-shadow": "0px 2px 5px rgba(0,0,0,0.2)"~~
	~~});~~

	~~// Add click function to go back~~
	~~backButton.click(function() {~~
	~~history.back();~~
	~~});~~

	~~// Add the button to the page~~
	~~$("body").append(backButton);~~
	}
	~~});~~