SysTray-X/webext/js/options_accounts.js

var SysTrayX = {};

SysTrayX.Accounts = {
  initialized: false,

  init: function() {
    if (this.initialized) {
      console.log("Accounts already initialized");
      return;
    }
    console.log("Enabling Accounts");

    this.getAccounts().then(this.getAccountsCb);

    this.initialized = true;
  },

  /*
   * Use the messages API to get the unread messages (Promise)
   * Be aware that the data is only avaiable inside the callback
   */
  getAccounts: async function() {
    return await browser.accounts.list();
  },

  /*
   * Callback for getAccounts
   */
  getAccountsCb: function(mailAccount) {
    let accounts = new Object();
    let i;

    for (i = 0; i < mailAccount.length; i++) {
      console.debug("SysTrayX accounts id: " + mailAccount[i].id);
      console.debug("SysTrayX accounts name: " + mailAccount[i].name);
      console.debug("SysTrayX accounts type: " + mailAccount[i].type);

      accounts[mailAccount[i].type] = [];
      accounts[mailAccount[i].type].push({
        id: mailAccount[i].id,
        name: mailAccount[i].name
      });
    }

    console.debug("SysTrayX Storage: " + accounts.imap[0].name);

    for (let prop in accounts) {
      console.debug(prop + ": " + accounts[prop][0].name);
    }

    let p = document.getElementsByClassName("account");
    p[0].innerHTML = accounts.imap[0].name;

    // Get base
    let treeBase = document.getElementsByClassName("accountstree");

    for (let prop in accounts) {
      console.debug("Tree: " + prop + ": " + accounts[prop][0].name);

      let typeLi = document.createElement("li");

      let typeSpan = document.createElement("span");
      typeSpan.setAttribute("class", "caret");
      let typeText = document.createTextNode(prop);
      typeSpan.appendChild(typeText);

      typeLi.appendChild(typeSpan);

      treeBase[0].appendChild(typeLi);
    }
  }
};

SysTrayX.Accounts.init();