Home Reference Source

cables_dev/cables_ui/src/ui/commands/cmd_timeline.js

  1. import { utils } from "cables";
  2. import { PortHtmlGenerator } from "../components/opparampanel/op_params_htmlgen.js";
  3. import ParamsListener from "../components/opparampanel/params_listener.js";
  4. import GlTimelineTab from "../components/tabs/tab_gltimeline.js";
  5. import { gui } from "../gui.js";
  7. const CABLES_CMD_TIMELINE = {};
  9. const timelineCommands =
  10. {
  12.     /** @type {import("./commands.js").commandObject[]} */
  13.     "commands": [],
  14.     "functions": CABLES_CMD_TIMELINE
  15. };
  17. export default timelineCommands;
  18. export { CABLES_CMD_TIMELINE as CmdTimeline };
  20. CABLES_CMD_TIMELINE.TimelineSnapTimes = function ()
  21. {
  22.     gui.glTimeline.snapSelectedKeyTimes();
  23. };
  25. CABLES_CMD_TIMELINE.TimelineCreateKeyAtCursor = function ()
  26. {
  27.     gui.glTimeline.createKeyAtCursor();
  28. };
  30. CABLES_CMD_TIMELINE.TimelinePlay = function ()
  31. {
  32.     gui.corePatch().timer.play();
  33.     gui.emitEvent("timelineControl", "setPlay", true, gui.corePatch().timer.getTime());
  34. };
  36. CABLES_CMD_TIMELINE.TimelineForward = function ()
  37. {
  38.     gui.corePatch().timer.setTime(gui.corePatch().timer.getTime() + 2);
  39. };
  41. CABLES_CMD_TIMELINE.TimelineRewind = function ()
  42. {
  43.     gui.corePatch().timer.setTime(gui.corePatch().timer.getTime() - 2);
  44. };
  46. CABLES_CMD_TIMELINE.TimelineRewindStart = function ()
  47. {
  48.     gui.corePatch().timer.setTime(0);
  49. };
  51. CABLES_CMD_TIMELINE.TimelinePause = function ()
  52. {
  53.     gui.corePatch().timer.pause();
  54.     gui.emitEvent("timelineControl", "setPlay", false, gui.corePatch().timer.getTime());
  55. };
  57. CABLES_CMD_TIMELINE.togglePlay = function ()
  58. {
  59.     if (gui.corePatch().timer.isPlaying())gui.corePatch().timer.pause();
  60.     else gui.corePatch().timer.play();
  61. };
  63. CABLES_CMD_TIMELINE.toggleGraph = function ()
  64. {
  65.     gui.glTimeline?.toggleGraphLayout();
  66. };
  68. CABLES_CMD_TIMELINE.openGlTimeline = function ()
  69. {
  70.     gui.glTimeLineTab = new GlTimelineTab(gui.bottomTabs);
  71. };
  73. CABLES_CMD_TIMELINE.toggleTimeline = function ()
  74. {
  75.     gui.toggleTimeline();
  76. };
  78. CABLES_CMD_TIMELINE.hideTimeline = function ()
  79. {
  80.     gui.hideTimeline();
  81. };
  83. CABLES_CMD_TIMELINE.showTimeline = function ()
  84. {
  85.     gui.showTiming();
  86. };
  88. timelineCommands.commands.push(
  89.     {
  90.         "cmd": "toggle timeline",
  91.         "category": "ui",
  92.         "func": CABLES_CMD_TIMELINE.toggleTimeline,
  93.         "icon": "timeline"
  94.     },
  95.     {
  96.         "cmd": "show timeline",
  97.         "category": "ui",
  98.         "func": CABLES_CMD_TIMELINE.openGlTimeline,
  99.         "icon": "timeline"
  100.     },
  101.     {
  102.         "cmd": "hide timeline",
  103.         "category": "ui",
  104.         "func": CABLES_CMD_TIMELINE.hideTimeline,
  105.         "icon": "timeline"
  106.     },
  107.     {
  108.         "cmd": "timeline play",
  109.         "category": "ui",
  110.         "func": CABLES_CMD_TIMELINE.TimelinePlay,
  111.         "icon": "play"
  112.     },
  113.     {
  114.         "cmd": "timeline pause",
  115.         "category": "ui",
  116.         "func": CABLES_CMD_TIMELINE.TimelinePause,
  117.         "icon": "pause"
  118.     },
  119.     {
  120.         "cmd": "timeline rewind",
  121.         "category": "ui",
  122.         "func": CABLES_CMD_TIMELINE.TimelineRewind,
  123.         "icon": "rewind"
  124.     },
  125.     {
  126.         "cmd": "timeline forward",
  127.         "category": "ui",
  128.         "func": CABLES_CMD_TIMELINE.TimelineForward,
  129.         "icon": "fast-forward"
  130.     },
  131.     {
  132.         "cmd": "timeline rewind to 0",
  133.         "category": "ui",
  134.         "func": CABLES_CMD_TIMELINE.TimelineRewindStart,
  135.         "icon": "skip-back"
  136.     },
  137.     {
  138.         "cmd": "add new keyframe at cursor",
  139.         "category": "timeline",
  140.         "func": CABLES_CMD_TIMELINE.TimelineCreateKeyAtCursor
  141.     },
  142.     {
  143.         "cmd": "snap selected keys times to fps",
  144.         "category": "timeline",
  145.         "func": CABLES_CMD_TIMELINE.TimelineSnapTimes
  146.     },
  147.     {
  148.         "cmd": "timeline toggle line/graph layout",
  149.         "category": "timeline",
  150.         "icon": "chart-spline",
  151.         "func": CABLES_CMD_TIMELINE.toggleGraph
  152.     }
  154. );