Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 1 | import './TwptConfirmDialog.js'; |
Adrià Vilanova Martínez | 54964a5 | 2022-10-26 23:53:29 +0200 | [diff] [blame] | 2 | import './TwptWorkflowDialog.js'; |
| 3 | import './TwptWorkflowsMenu.js'; |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 4 | |
| 5 | import {css, html, LitElement} from 'lit'; |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 6 | import {createRef, ref} from 'lit/directives/ref.js'; |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 7 | |
| 8 | import WorkflowsStorage from '../../../../workflows/workflowsStorage.js'; |
| 9 | |
| 10 | export default class TwptWorkflowsInject extends LitElement { |
| 11 | static properties = { |
| 12 | _workflows: {type: Object}, |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 13 | _selectedWorkflowUuid: {type: String}, |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 14 | }; |
| 15 | |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 16 | confirmDialogRef = createRef(); |
| 17 | workflowDialogRef = createRef(); |
| 18 | |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 19 | constructor() { |
| 20 | super(); |
| 21 | this._workflows = null; |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 22 | this._selectedWorkflowUuid = null; |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 23 | this.addEventListener('twpt-workflows-update', e => { |
| 24 | const workflows = e.detail?.workflows ?? []; |
| 25 | WorkflowsStorage.convertRawListToProtobuf(workflows); |
| 26 | this._workflows = workflows; |
| 27 | }); |
| 28 | } |
| 29 | |
| 30 | render() { |
| 31 | return html` |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 32 | <twpt-workflows-menu |
| 33 | .workflows=${this._workflows} |
| 34 | @select=${this._workflowSelected}> |
| 35 | </twpt-workflows-menu> |
| 36 | <twpt-confirm-dialog ${ref(this.confirmDialogRef)} |
| 37 | .workflow=${this._selectedWorkflow} |
| 38 | @confirm=${this._startWorkflow}> |
| 39 | </twpt-confirm-dialog> |
| 40 | <twpt-workflow-dialog ${ref(this.workflowDialogRef)}> |
| 41 | </twpt-workflow-dialog> |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 42 | `; |
| 43 | } |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 44 | |
| 45 | _workflowSelected(e) { |
| 46 | const uuid = e.detail?.selectedWorkflowUuid; |
| 47 | if (!uuid) { |
| 48 | console.error('Didn\'t get a correct uuid for the selected workflow.'); |
| 49 | return; |
| 50 | } |
| 51 | this._selectedWorkflowUuid = uuid; |
| 52 | this.confirmDialogRef.value.open = true; |
| 53 | } |
| 54 | |
| 55 | _startWorkflow() { |
Adrià Vilanova Martínez | 54964a5 | 2022-10-26 23:53:29 +0200 | [diff] [blame] | 56 | this.workflowDialogRef.value.workflow = this._selectedWorkflow.cloneMessage(); |
| 57 | this.workflowDialogRef.value.start(); |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 58 | } |
| 59 | |
| 60 | get _selectedWorkflow() { |
Adrià Vilanova Martínez | 6f62c7d | 2022-11-05 20:48:52 +0100 | [diff] [blame^] | 61 | if (!this._workflows) return null; |
| 62 | |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 63 | for (const w of this._workflows) { |
Adrià Vilanova Martínez | 54964a5 | 2022-10-26 23:53:29 +0200 | [diff] [blame] | 64 | if (w.uuid == this._selectedWorkflowUuid) return w.proto; |
Adrià Vilanova Martínez | ca25b68 | 2022-10-24 00:11:03 +0200 | [diff] [blame] | 65 | } |
| 66 | |
| 67 | return null; |
| 68 | } |
Adrià Vilanova Martínez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 69 | } |
| 70 | window.customElements.define('twpt-workflows-inject', TwptWorkflowsInject); |