** NEED TO REPLACE THE @Match LINE WITH THE LINK TO THE AA HOMEPAGE
// ==UserScript==
// @name Add Record Locator to 'View Reservations' table
// @version 1.0
// @desCription Replace reservation names with the record locator.
// @Match FIXME/homePage.do
// @Grant none
// ==/UserScript==

const tableId = 'flightsList-table';
const resNameColumnIx = 2;

document.addEventListener('click', function(event) {
const target = event.target;
if (target.tagName === 'A' && target.getAttribute('href') === '#aa-viewReservations') {

const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
const table = document.getElementById(tableId);
if (table) {
observer.disconnect();
updateTable(table);
}
});
});

observer.observe(document.body, {childList: true, subtree: true});
}
});

function updateTable(tableElt) {
updateTable = () => undefined; // Ensure this only runs once

const rows = tableElt.querySelectorAll('tbody > tr');
for (let i = 0; i < rows.length; i++) {
const row = rows;
const a = row.querySelector('td:last-child a');
const recordLocator = new URLSearchParams(a.href).get('recordLocator');
row.getElementsByTagName('td')[resNameColumnIx].textContent = recordLocator;
}

const header = tableElt.querySelectorAll('thead > tr > th')[resNameColumnIx];
header.innerText = 'Record Locator';
}