var options = {
    newTab: true,
};

function onOptions(opts) {
  options = opts;
}

function onError(error) {
  console.log(`Error on get options: ${error}`);
}

browser.storage.sync.get(options).then(onOptions, onError);

document.addEventListener("DOMContentLoaded", function(event) {


  const feedList = document.getElementById('feedList');

  const url = new URL(location.href);
  const feeds = JSON.parse(url.searchParams.get('feeds'));

  for (feed_url in feeds) {
    if (feeds.hasOwnProperty(feed_url)) {

      let li = document.createElement("div");
      li.classList.add("panel-list-item");
      li.setAttribute("data-href", feed_url);

      let a = document.createElement("div");
      a.classList.add("text");
      a.innerText = feeds[feed_url];

      li.appendChild(a);
      feedList.appendChild(li);
    }
  }

  document.querySelectorAll(".panel-list-item").forEach( (elem) => {

    function onUpdated(tab) {
    }

    function onError(error) {
    }

    elem.addEventListener('click', (event) => {

      let url = elem.getAttribute("data-href");
      if (url) {
        if (options.newTab)
          browser.tabs.create({url: url});
        else
          browser.tabs.update({url: url}).then(onUpdated, onError);
      }

    });

  });

});