Show workflows in thread list menu
This CL adds the logic for displaying the list of workflows in the menu
which is added to thread lists. Before, the list included some fake
names. It also adds a button to manage workflows.
The next step is to create the components/logic which will allow the
user to execute the workflow in the selected threads.
Bug: twpowertools:74
Change-Id: I22d0be8a101f9e167b9408bb6046299f3bd3c787
diff --git a/src/contentScripts/communityConsole/workflows/workflows.js b/src/contentScripts/communityConsole/workflows/workflows.js
index 1c99729..7ba3cbc 100644
--- a/src/contentScripts/communityConsole/workflows/workflows.js
+++ b/src/contentScripts/communityConsole/workflows/workflows.js
@@ -1,16 +1,45 @@
import {isOptionEnabled} from '../../../common/optionsUtils.js';
+import WorkflowsStorage from '../../../workflows/workflowsStorage.js';
import {addElementToThreadListActions, shouldAddBtnToActionBar} from '../utils/common.js';
const wfDebugId = 'twpt-workflows';
export default class Workflows {
- constructor() {}
+ constructor() {
+ this.menu = null;
+ this.workflows = null;
+
+ // Always keep the workflows list updated
+ WorkflowsStorage.watch(workflows => {
+ this.workflows = workflows;
+ this._emitWorkflowsUpdateEvent();
+ }, /* asProtobuf = */ false);
+
+ // Open the workflow manager when instructed to do so.
+ document.addEventListener('twpt-open-workflow-manager', () => {
+ chrome.runtime.sendMessage({
+ message: 'openWorkflowsManager',
+ });
+ });
+ }
+
+ _emitWorkflowsUpdateEvent() {
+ if (!this.menu) return;
+ const e = new CustomEvent('twpt-workflows-update', {
+ detail: {
+ workflows: this.workflows,
+ }
+ });
+ this.menu?.dispatchEvent?.(e);
+ }
addThreadListBtnIfEnabled(readToggle) {
isOptionEnabled('workflows').then(isEnabled => {
if (isEnabled) {
- const menu = document.createElement('twpt-workflows-menu');
- addElementToThreadListActions(readToggle, menu);
+ this.menu = document.createElement('twpt-workflows-inject');
+ this.menu.setAttribute('debugid', wfDebugId);
+ this._emitWorkflowsUpdateEvent();
+ addElementToThreadListActions(readToggle, this.menu);
}
});
}