popup.js

// populate options with stored values
document.querySelectorAll('*[data-option_key]').forEach(async inputEl => {
    const storedData = await chrome.storage.sync.get(inputEl.dataset.option_key)

    // get saved value if exists
    if (storedData[inputEl.dataset.option_key]) {
        inputEl.value = storedData[inputEl.dataset.option_key]
    }
})

// listen for changes to options
document.addEventListener('input', async event => {
    const inputEl = event.target

    await chrome.storage.sync.set({
        [inputEl.dataset.option_key]: inputEl.value
    })
})

// listen for watched listings link click
document.querySelector('#watched_listings_link').addEventListener('click', (event) => {
    event.preventDefault()
    chrome.runtime.sendMessage({ action: 'SHOW_WATCHED_LISTINGS' })
})

// listen for test ending but winning notification link click
document.querySelector('#test_ending_winning_notification').addEventListener('click', (event) => {
    event.preventDefault()
    chrome.runtime.sendMessage({ action: 'TEST_ENDING_WINNING_NOTIFICATION' })
})

// listen for test ending and losing notification link click
document.querySelector('#test_ending_losing_notification').addEventListener('click', (event) => {
    event.preventDefault()
    chrome.runtime.sendMessage({ action: 'TEST_ENDING_LOSING_NOTIFICATION' })
})

// listen for test outbid notification link click
document.querySelector('#test_outbid_notification').addEventListener('click', (event) => {
    event.preventDefault()
    chrome.runtime.sendMessage({ action: 'TEST_OUTBID_NOTIFICATION' })
})

// listen for test item won notification link click
document.querySelector('#test_item_won_notification').addEventListener('click', (event) => {
    event.preventDefault()
    chrome.runtime.sendMessage({ action: 'TEST_ITEM_WON_NOTIFICATION' })
})