MediaWiki:Gadget-OralHistoryRecords-Updated.js - Revision history

Hthach at 13:25, 29 March 2026

2026-03-29T13:25:52Z

← Older revision		Revision as of 09:25, 29 March 2026
Line 357:		Line 357:

	if (!groups.length) {		if (!groups.length) {
	links = '<span class="ohr-muted">Information unavailable. Please contact us if you have details about this ~~session~~.</span>';		links = '<span class="ohr-muted">Information unavailable. Please contact us if you have details about this record.</span>';
	} else if (groups.length === 1) {		} else if (groups.length === 1) {
	links =		links =

Hthach at 13:24, 29 March 2026

2026-03-29T13:24:46Z

← Older revision		Revision as of 09:24, 29 March 2026
Line 69:		Line 69:
	}		}

	function toYear(value) {		function toYear(value) {
	if (!value) return '';		if (!value) return '';
	var s = String(value).trim();
	var m = s.match(/\b(1[6-9]\d{2}\|20\d{2}\|21\d{2})\b/);		var s = String(value).trim();
	~~return m ? m~~[1] : '';
			// First: look for a 4-digit year anywhere in the string
			var m4 = s.match(/\b(1[6-9]\d{2}\|20\d{2}\|21\d{2})\b/);
			if (m4) return m4[1];

			// Next: handle common numeric dates like 4/7/11 or 4-7-11
			var m2 = s.match(/^\d{1,2}[\/-]\d{1,2}[\/-](\d{2})$/);
			if (m2) {
			var yy = Number(m2[1]);

			// Adjust pivot if needed
			return String(yy <= 29 ? 2000 + yy : 1900 + yy);
	}		}

			return '';
			}

	function recordedLabel(row) {		function recordedLabel(row) {

Hthach at 19:42, 28 March 2026

2026-03-28T19:42:56Z

Show changes

Hthach at 19:34, 28 March 2026

2026-03-28T19:34:35Z

← Older revision		Revision as of 15:34, 28 March 2026
Line 364:		Line 364:

	if (!groups.length) {		if (!groups.length) {
	links = '<span class="ohr-muted">~~No links available for this session~~.</span>';		links = '<span class="ohr-muted">Record details are currently unknown. Please contact us if you can provide additional information.</span>';
	} else if (groups.length === 1) {		} else if (groups.length === 1) {
	// Single type → no subheading needed; keep on one line (wrap as needed)		// Single type → no subheading needed; keep on one line (wrap as needed)

Hthach at 21:45, 22 February 2026

2026-02-22T21:45:58Z

← Older revision		Revision as of 17:45, 22 February 2026
Line 425:		Line 425:
	var panel = div.querySelector('#' + panelId);		var panel = div.querySelector('#' + panelId);
	if (btn && panel) {		if (btn && panel) {
	btn.addEventListener('click', function () {		btn.addEventListener('click', function () {
	var open = !panel.classList.contains('ohr-hidden');		var open = !panel.classList.contains('ohr-hidden');
	if (open) {
	panel.classList.add('ohr-hidden');		if (open) {
	btn.setAttribute('aria-expanded', 'false');		panel.classList.add('ohr-hidden');
	btn.textContent = 'Details';		div.classList.remove('is-open'); // ✅ closed state
	} else {		btn.setAttribute('aria-expanded', 'false');
	panel.classList.remove('ohr-hidden');		btn.textContent = 'Details';
	btn.setAttribute('aria-expanded', 'true');		} else {
	btn.textContent = 'Hide';		panel.classList.remove('ohr-hidden');
	}		div.classList.add('is-open'); // ✅ open state
	});		btn.setAttribute('aria-expanded', 'true');
			btn.textContent = 'Hide';
	}		}
			});
			}

	return div;		return div;

Hthach at 21:45, 22 February 2026

2026-02-22T21:45:20Z

Show changes

Hthach at 21:43, 22 February 2026

2026-02-22T21:43:52Z

← Older revision		Revision as of 17:43, 22 February 2026
Line 1:		Line 1:
	/* ===== OralHistoryRecords-Updated.js ===== */		/* ===== OralHistoryRecords-Updated.js (Grouped by Person Key, Option 2) ===== */
	/* global mw */		/* global mw */
	(function () {		(function () {
	'use strict';		'use strict';

			// ====== COLUMN CONFIG (MUST MATCH CSV HEADERS EXACTLY) ======
	var COL = {		var COL = {
	personKey: 'Person Key',		personKey: 'Person Key',
Line 30:		Line 31:

	function esc(s) {		function esc(s) {
	~~return~~ (s \|\| '').replace(/[&<>"']/g, function (c) {		s = (s == null ? '' : String(s));
			return s.replace(/[&<>"']/g, function (c) {
	return ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]);		return ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]);
	});		});
Line 36:		Line 38:

	function norm(s) {		function norm(s) {
	return (s \|\| '').toString().toLowerCase();		return (s \|\| '')
			.toString()
			.normalize('NFD')
			.replace(/[\u0300-\u036f]/g, '')
			.toLowerCase();
	}		}

Line 46:		Line 52:
	t = setTimeout(function () { fn.apply(self, a); }, ms);		t = setTimeout(function () { fn.apply(self, a); }, ms);
	};		};
			}

			function getCsvUrl() {
			var root = $('ohr-directory');
			var override = root ? (root.getAttribute('data-csv') \|\| '').trim() : '';
			var base = override \|\| ((mw.config.get('wgScript') \|\| '/index.php') + '/Special:FilePath/OHData.csv');
			return base + (base.indexOf('?') === -1 ? '?' : '&') + 'cb=' + Date.now();
			}

			function toYear(value) {
			if (!value) return '';
			var s = String(value).trim();
			var m = s.match(/\b(1[6-9]\d{2}\|20\d{2}\|21\d{2})\b/);
			return m ? m[1] : '';
			}

			function recordedLabel(row) {
			var y1 = toYear(row[COL.dateFrom]);
			var y2 = toYear(row[COL.dateTo]);
			if (y1 && y2) return (y1 === y2) ? ('Recorded ' + y1) : ('Recorded ' + y1 + '–' + y2);
			if (y1) return 'Recorded ' + y1;
			if (y2) return 'Recorded ' + y2;
			return 'Recorded (date unknown)';
			}

			function fullName(row) {
			var first = (row[COL.first] \|\| '').trim();
			var last = (row[COL.last] \|\| '').trim();
			if (!first \|\| !last) return '';
			return (first + ' ' + last).trim();
			}

			function lifespan(row) {
			var b = (row[COL.birth] \|\| '').trim();
			var d = (row[COL.death] \|\| '').trim();
			if (b && d) return b + '–' + d;
			if (b && !d) return b + '–';
			if (!b && d) return '–' + d;
			return '';
	}		}

	function extractUrls(value) {		function extractUrls(value) {
	if (!value) return [];		if (!value) return [];
			var s = String(value);
	var re = /https?:\/\/[^\s"'<>()]+/g;		var re = /https?:\/\/[^\s"'<>()]+/g;
	~~return (value~~.match(re) \|\| []);		var m = s.match(re) \|\| [];
			var seen = Object.create(null);
			var out = [];
			for (var i = 0; i < m.length; i++) {
			var url = m[i].trim().replace(/[);.,]+$/g, '');
			if (!url) continue;
			if (!seen[url]) {
			seen[url] = true;
			out.push(url);
			}
			}
			return out;
	}		}

Line 62:		Line 119:
	search.type = 'search';		search.type = 'search';
	search.placeholder = 'Search names, bios…';		search.placeholder = 'Search names, bios…';
			search.setAttribute('aria-label', 'Search oral history records');

	var count = document.createElement('div');		var count = document.createElement('div');
	count.id = 'ohr-count';		count.id = 'ohr-count';
	count.className = 'ohr-count';		count.className = 'ohr-count';
			count.setAttribute('aria-live', 'polite');

	toolbar.appendChild(search);		toolbar.appendChild(search);
Line 82:		Line 141:
	'<div class="ohr-head">' +		'<div class="ohr-head">' +
	'<div class="ohr-titleblock">' +		'<div class="ohr-titleblock">' +
	'<h3 class="ohr-name">' + esc(person.~~name~~) + '</h3>' +		'<h3 class="ohr-name">' + esc(person.first + ' ' + person.last) + '</h3>' +
	'</div>' +		'</div>' +
	'<button class="ohr-acc-btn" id="' + btnId + '" type="button" aria-expanded="false" aria-controls="' + panelId + '">Details</button>' +		'<button class="ohr-acc-btn" id="' + btnId + '" type="button" aria-expanded="false" aria-controls="' + panelId + '">Details</button>' +
Line 112:		Line 171:

	return div;		return div;
			}

			function fetchAndRender() {
			var root = $('ohr-directory');
			if (!root) return;

			buildToolbar(root);
	}		}

	onReady(function () {		onReady(function () {
	if ($('ohr-directory')) {		if ($('ohr-directory')) {
	~~buildToolbar~~($(~~'ohr-directory')~~);		mw.loader.using([]).then(fetchAndRender);
	}		}
	});		});

	})();		})();

Hthach at 21:42, 22 February 2026

2026-02-22T21:42:00Z

Show changes

Hthach at 20:55, 21 February 2026

2026-02-21T20:55:37Z

@@ Line 350: / Line 350: @@
+   }
-  function buildSessionHTML(person, session, idx) {
+function buildSessionHTML(person, session, idx) {
-    var name = ((person.first || '').trim() + ' ' + (person.last || '').trim()).trim();
+  var name = ((person.first || '').trim() + ' ' + (person.last || '').trim()).trim();
-    var title = session.recorded;
+  var title = session.recorded; // No more "(Interview #)" suffix
-    // If multiple sessions have identical "Recorded YEAR", add tiny disambiguator:
+  // Determine which resource types exist for this session
-     if (person.sessions.length > 1) title = title + ' (Interview ' + (idx + 1) + ')';
+  var groups = [
-    // Determine which resource types exist for this session
+  var links = '';
-     var links = '';
+  if (!groups.length) {
-    if (!groups.length) {
+  return (
-      links = '<span class="ohr-muted">No links available for this session.</span>';
+     '<div class="ohr-session">' +
-    } else if (groups.length === 1) {
+      '<div class="ohr-session__title">' + esc(title) + '</div>' +
-      // Single type → no subheading needed; keep on one line (wrap as needed)
+      links +
-      links =
+    '</div>'
-        '<div class="ohr-links">' +
+  );
-          buildLinkListHTML(name, groups[0].kind, groups[0].urls) +
    function makeAccordionPerson(person, idx) {

Hthach at 20:02, 21 February 2026

2026-02-21T20:02:27Z

← Older revision		Revision as of 16:02, 21 February 2026
Line 243:		Line 243:
	var key = (row[COL.personKey] \|\| '').trim();		var key = (row[COL.personKey] \|\| '').trim();

	// If Person Key is missing, skip ~~(since you said you made it—this enforces it)~~		// If Person Key is missing, skip
	if (!key) continue;		if (!key) continue;

Line 280:		Line 280:
	};		};

	~~// Keep even if only one type exists (common case)~~
	map[key].sessions.push(session);		map[key].sessions.push(session);
	}		}
Line 293:		Line 292:
	});		});

	// ~~Optional: sort~~ sessions inside each person by Date From (~~or recorded year~~)		// Sort sessions inside each person by Date From/To year (descending)
	people.forEach(function (p) {		people.forEach(function (p) {
	p.sessions.sort(function (s1, s2) {		p.sessions.sort(function (s1, s2) {
	var y1 = toYear(s1.dateFrom) \|\| toYear(s1.dateTo) \|\| '';		var y1 = toYear(s1.dateFrom) \|\| toYear(s1.dateTo) \|\| '';
	var y2 = toYear(s2.dateFrom) \|\| toYear(s2.dateTo) \|\| '';		var y2 = toYear(s2.dateFrom) \|\| toYear(s2.dateTo) \|\| '';
	~~// Descending (newest first)~~
	if (y1 && y2) return Number(y2) - Number(y1);		if (y1 && y2) return Number(y2) - Number(y1);
	if (y1 && !y2) return -1;		if (y1 && !y2) return -1;
Line 312:		Line 310:
	function buildPersonHeaderHTML(person) {		function buildPersonHeaderHTML(person) {
	var name = ((person.first \|\| '').trim() + ' ' + (person.last \|\| '').trim()).trim();		var name = ((person.first \|\| '').trim() + ' ' + (person.last \|\| '').trim()).trim();
	~~var life = lifespan(person);~~
	~~// Lifespan helper expects COL-based row; we’ll compute inline for person object:~~
	var b = (person.birth \|\| '').trim();		var b = (person.birth \|\| '').trim();
	var d = (person.death \|\| '').trim();		var d = (person.death \|\| '').trim();
Line 323:		Line 319:
	var metaBits = [];		var metaBits = [];
	if (lifeStr) metaBits.push('<span>' + esc(lifeStr) + '</span>');		if (lifeStr) metaBits.push('<span>' + esc(lifeStr) + '</span>');
	~~// Could add “# sessions” but keeping minimalist~~

	var meta = metaBits.join('<span class="ohr-dot">·</span>');		var meta = metaBits.join('<span class="ohr-dot">·</span>');

Line 359:		Line 353:
	var name = ((person.first \|\| '').trim() + ' ' + (person.last \|\| '').trim()).trim();		var name = ((person.first \|\| '').trim() + ' ' + (person.last \|\| '').trim()).trim();
	var title = session.recorded;		var title = session.recorded;

	// If multiple sessions have identical "Recorded YEAR", add tiny disambiguator:		// If multiple sessions have identical "Recorded YEAR", add tiny disambiguator:
	if (person.sessions.length > 1) title = title + ' (Interview ' + (idx + 1) + ')';		if (person.sessions.length > 1) title = title + ' (Interview ' + (idx + 1) + ')';

			// Determine which resource types exist for this session
			var groups = [
			{ kind: 'Video', urls: session.video },
			{ kind: 'Audio', urls: session.audio },
			{ kind: 'Transcript', urls: session.transcripts }
			].filter(function (g) { return g.urls && g.urls.length; });

	var links = '';		var links = '';
	~~links += buildLinkListHTML(name, 'Video', session.video);~~
	~~links += buildLinkListHTML(name, 'Audio', session.audio);~~
	~~links += buildLinkListHTML(name, 'Transcript', session.transcripts);~~

	if (!~~links~~) {		if (!groups.length) {
	links = '<span class="ohr-muted">No links available for this session.</span>';		links = '<span class="ohr-muted">No links available for this session.</span>';
			} else if (groups.length === 1) {
			// Single type → no subheading needed; keep on one line (wrap as needed)
			links =
			'<div class="ohr-links">' +
			buildLinkListHTML(name, groups[0].kind, groups[0].urls) +
			'</div>';
	} else {		} else {
	links = '<div class="ohr-links">' + links + '</div>';		// Multiple types → labeled groups on separate "lines"
			links =
			'<div class="ohr-links-stack">' +
			groups.map(function (g) {
			return (
			'<div class="ohr-resource-group">' +
			'<div class="ohr-resource-label">' + esc(g.kind) + '</div>' +
			'<div class="ohr-links">' +
			buildLinkListHTML(name, g.kind, g.urls) +
			'</div>' +
			'</div>'
			);
			}).join('') +
			'</div>';
	}		}