Home Reference Source

cables_dev/cables_ui/src/ui/components/tabs/tab_debugtimeline.js

  1. import Tab from "../../elements/tabpanel/tab.js";
  2. import { gui } from "../../gui.js";
  4. export default class GlTimelineDebugTab
  5. {
  6.     constructor(tabs)
  7.     {
  8.         this._count = 0;
  9.         this._timeout = null;
  11.         this._tab = new Tab("timelinedebug", { "icon": "clock", "singleton": true, "infotext": "tab_profiler", "padding": true });
  12.         tabs.addTab(this._tab, true);
  13.         this.show();
  15.     }
  17.     show()
  18.     {
  19.         this._count++;
  21.         let html = "<div class=\"tabContentScrollContainer\">";
  23.         const tl = gui.glTimeline;
  25.         html = "<table>";
  26.         const keys = tl.getSelectedKeys();
  27.         for (let i = 0; i < keys.length; i++)
  28.         {
  29.             html += "<tr>";
  30.             html += "<td>" + keys[i].time + "</td>";
  31.             html += "<td>" + keys[i].value + "</td>";
  32.             html += "<td>" + keys[i].rect.absY + "</td>";
  33.             html += "</tr>";
  34.         }
  36.         html += "</table>";
  37.         html += "</div>";
  39.         this._tab.html(html);
  40.         clearTimeout(this._timeout);
  41.         this._timeout = setTimeout(this.show.bind(this), 300);
  42.     }
  43. }