Dashboard Toolbar

// Configuration settings for customizing the Sisense dashboard toolbar behavior and appearance
var settings = {
  // Enable or disable the Dashboard Description icon and panel feature
  dashboardDescription: true,

  // Configuration for the Dashboard Description icon
  dashboardDescriptionInfo: {
    // Icon to display in the toolbar. Accepted values:
    //   ""           → default: native Sisense #general-info-circle sprite
    //   "<svg>…</svg>" → inline SVG string
    //   "#sprite-id" → Sisense SVG sprite reference
    //   "/path/file.svg" → image file path (rendered as <img>)
    icon_svg: "",

    // Text shown when the user hovers over the icon
    tooltip_text: "Dashboard Description",

    // Optional inline CSS styling for the icon rendered in the toolbar
    style_for_img: {
      height: "28px",
      width: "28px",
      margin: "0px 0px 0px 0px",
    },
  },

  // Enable or disable custom styling for the dashboard title
  styleDashboardTitle: true,

  // CSS rules to apply when styling the dashboard title
  dashboardTitleStyleRules: {
    "font-size": "22px", // Set font size of the title
    color: "#000000", // Set text color of the title
    "font-weight": 800, // Make the title bold
    "text-transform": "capitalize", // Capitalize the first letter of each word
  },

  // Hide the data source's last refresh date/time display in the toolbar if true
  hideDataSourceDateTime: false,

  // Hide the data source title in the toolbar if true
  hideDataSourceTitle: true,

  // If true, apply a custom background color to the dashboard toolbar
  colorToolbarBackground: false,

  // Custom background color value for the toolbar
  toolbarBackgroundColor: "#b1f2ff",

  // Control whether to add custom icons to the dashboard toolbar
  addIconsToToolbar: true,

  // Array of custom icons to be added to the toolbar (if enabled)
  toolbarIcons: [
    {
      // Path to the SVG icon file to display in the toolbar.
      // This can be a relative path (from the web server root) or an absolute URL.
      icon_svg: "/plugins/QBeeQCustomDashboardToolbar/icons/Contact.svg",

      // Text shown when the user hovers over the icon — provides contextual info about the icon’s function.
      tooltip_text: "Contact us",

      // URL to open when the icon is clicked.
      // The link opens in a new tab due to target="_blank" and rel="noopener" in the anchor.
      url: "https://qbeeq.io/contact-us",

      // Optional inline CSS styling specifically for the <img> tag rendering this icon.
      // Each property (height, width, margin, etc.) is passed directly as an inline style.
      style_for_img: {
        // Image height in pixels with SVG source
        height: "22px",

        // Image width in pixels with SVG source
        width: "22px",

        // CSS margin shorthand: top, right, bottom, left (in pixels)
        margin: "0px 0px 0px 0px",
      },
    },
    {
      // Path to the SVG icon file to display in the toolbar.
      // This can be a relative path (from the web server root) or an absolute URL.
      icon_svg: "/plugins/QBeeQCustomDashboardToolbar/icons/Documentation.svg",

      // Text shown when the user hovers over the icon — provides contextual info about the icon’s function.
      tooltip_text: "Documentation",

      // URL to open when the icon is clicked.
      // The link opens in a new tab due to target="_blank" and rel="noopener" in the anchor.
      url: "https://qbeeq.helpkit.so/sisense/3PMp6GGUQ3mpdYf4Bp7hkj",

      // Optional inline CSS styling specifically for the <img> tag rendering this icon.
      // Each property (height, width, margin, etc.) is passed directly as an inline style.
      style_for_img: {
        // Image height in pixels with SVG source
        height: "22px",

        // Image width in pixels with SVG source
        width: "22px",

        // CSS margin shorthand: top, right, bottom, left (in pixels)
        margin: "0px 0px 0px 0px",
      },
    },
    {
      // Path to the SVG icon file to display in the toolbar.
      // This can be a relative path (from the web server root) or an absolute URL.
      icon_svg: "/plugins/QBeeQCustomDashboardToolbar/icons/Support.svg",

      // Text shown when the user hovers over the icon — provides contextual info about the icon’s function.
      tooltip_text: "Support",

      // URL to open when the icon is clicked.
      // The link opens in a new tab due to target="_blank" and rel="noopener" in the anchor.
      url: "https://www.sisense.com/support/",

      // Optional inline CSS styling specifically for the <img> tag rendering this icon.
      // Each property (height, width, margin, etc.) is passed directly as an inline style.
      style_for_img: {
        // Image height in pixels with SVG source
        height: "22px",

        // Image width in pixels with SVG source
        width: "22px",

        // CSS margin shorthand: top, right, bottom, left (in pixels)
        margin: "0px 0px 0px 0px",
      },
    },
  ],
};

       {
            // Path to the SVG icon file to display in the toolbar.
            // This can be a relative path (from the web server root) or an absolute URL.
            "icon_svg": "/plugins/QBeeQCustomDashboardToolbar/icons/Documentation.svg",

            // Text shown when the user hovers over the icon — provides contextual info about the icon’s function.
            "tooltip_text": "Documentation",

            // URL to open when the icon is clicked. 
            // The link opens in a new tab due to target="_blank" and rel="noopener" in the anchor.
            "url": "https://qbeeq.helpkit.so/sisense/3PMp6GGUQ3mpdYf4Bp7hkj",

            // Optional inline CSS styling specifically for the <img> tag rendering this icon.
            // Each property (height, width, margin, etc.) is passed directly as an inline style.
            "style_for_img": {
                // Image height in pixels with SVG source
                "height": "22px",

                // Image width in pixels with SVG source
                "width": "22px",

                // CSS margin shorthand: top, right, bottom, left (in pixels)
                "margin": "0px 0px 0px 0px"
         }
    },