background.js

/* 
Search Citeria
*/
const ADDRESS_DESCRIPTION_CRITERIA = 'private';
const CONTENT_URL_CASEID_CRITERIA = 'caseID';
const BASE_URI_CASEID_CRITERIA = 'baseURI';
const CONTENT_URL_ATTRIBUTE = 'data-content-url';
const ADDRESS_PAGE_TITLE_CRITERIA = CONFIG.pageTitles.address;
const LIVING_ARRANGEMENTS_PAGE_TITLE_CRITERIA = CONFIG.pageTitles.livingArrangement;
const HOUSEHOLD_MEAL_GROUP_PAGE_TITLE_CRITERIA = CONFIG.pageTitles.householdMealGroup;
/*
Selectors
*/
const ACTIVE_PAGE_TITLE_SELECTOR = `.tabLabel[aria-selected="true"][id*="${CONFIG.domSelectorPrefix}"][id*="Client"][id*="Section-stc_tablist"][id*="ContentPane"]:not([title="Cases and Clients"])`;
const TAB_LIST_SELECTOR = '[id*="Client"][id$="Section-stc_tablist"][class*="TabList"]';
const ALL_TABS_SELECTOR = `.tabLabel[id*="${CONFIG.domSelectorPrefix}"][id*="Client"][id*="Section-stc_tablist"][id*="ContentPane"]:not([title="Cases and Clients"])`;
const CURRENT_USER_SELECTOR = '[title*="Welcome "]';
/*
Observer
*/
const OBSERVER_CONFIG = {
    attributes: true,
    subtree: true,
    childList: true,
    attributeFilter: ["aria-selected"]
};

// create an observer instance
const observer = new MutationObserver(function (mutations) {
    // We need only first event and only new value of the title
    mutations.forEach(mutation => {
        if (mutation.target.ariaSelected === "true")
            handleTitleElement(mutation.target)
    })
});

/*
Start script
*/
// setting selector to retrieve selected tab
waitForElement(ACTIVE_PAGE_TITLE_SELECTOR).then((element) => {

    handleTitleElement(element);

    console.debug("Adding listener to tab list for new entries")
    let tabStrip = document.querySelector(TAB_LIST_SELECTOR);
    // pass in the target node, as well as the observer options
    observer.observe(tabStrip, OBSERVER_CONFIG);

    console.debug("Adding listener to existing tabs")
    document.querySelectorAll(ALL_TABS_SELECTOR)
        .forEach(tab => {
            observer.observe(tab, OBSERVER_CONFIG);
        });
});

function handleTitleElement(titleElement) {

    const titleText = titleElement.textContent.trim();

    if (titleText.startsWith(ADDRESS_PAGE_TITLE_CRITERIA)) {
        console.log("Running address validation")
        try {
            runAddressValidation(titleElement);
        } catch (error) {
            const usageData = getUsageData(titleElement);
            saveErrorData(usageData, error);
        }
    }
    else if (titleText.startsWith(LIVING_ARRANGEMENTS_PAGE_TITLE_CRITERIA)) {
        console.log('Running living arrangements validation');
        try {
            runLivingArrangementValidation(titleElement);
        } catch (error) {
            const usageData = getUsageData(titleElement);
            saveErrorData(usageData, error);
        }

    }
    else if (titleText.startsWith(HOUSEHOLD_MEAL_GROUP_PAGE_TITLE_CRITERIA)) {
        console.log('Running household meal group validation');
        try {
            runMealGroupMemberValidation(titleElement);
        } catch (error) {
            const usageData = getUsageData(titleElement);
            saveErrorData(usageData, error);
        }
    }
    else {
        console.log('Closing popup for non extension page');
        updatePopupData(NOT_SUPPORTED_ACTION)
        var isPopupOpen =
            document.querySelector(POPUP_SELECTOR).style.display === 'block';

        if (isPopupOpen) toggleExtensionPopup();
    }
}