toolbar.js

let src = chrome.runtime.getURL("common.js");
const { utils } = await import(src);
src = chrome.runtime.getURL("drupal-user-count.js");
const { userCount } = await import(src);
src = chrome.runtime.getURL("dynamic-filter-script.js");
const { titleFilter } = await import(src);
src = chrome.runtime.getURL("drupal-status-count.js");
const { statusCount } = await import(src);
src = chrome.runtime.getURL("drupal-priority-count.js");
const { priorityCount } = await import(src);
src = chrome.runtime.getURL("drupal-component-count.js");
const { componentCount } = await import(src);

/**
 * Provides a custom toolbar on the listing page.
 *
 * @type {{elementId: string, create: listingToolbar.create, removeExisting: listingToolbar.removeExisting}}
 */
const listingToolbar = {
  elementId: "custom-toolbar",
  create: function () {
    this.removeExisting();
    const customToolbar = document.createElement("div");
    customToolbar.id = this.elementId;
    const issueTable = utils.getIssueTableElement();

    // Add the individual elements to the toolbar.
    customToolbar.appendChild(userCount.createElement());
    customToolbar.appendChild(statusCount.createElement());
    customToolbar.appendChild(priorityCount.createElement());
    customToolbar.appendChild(componentCount.createElement());
    customToolbar.appendChild(titleFilter.createElement());
    issueTable.parentNode.insertBefore(customToolbar, issueTable);
    return customToolbar;
  },

  removeExisting: function () {
    const existingToolbar = this.getElement();
    if (existingToolbar) {
      existingToolbar.remove();
    }
  },
  getElement: function () {
    return document.getElementById(this.elementId);
  },
};
export { listingToolbar };