Adrià Vilanova MartÃnez | 96ae96f | 2022-10-17 23:50:36 +0200 | [diff] [blame] | 1 | import './TwptWorkflowsMenu.js'; |
| 2 | |
| 3 | import {css, html, LitElement} from 'lit'; |
| 4 | |
| 5 | import WorkflowsStorage from '../../../../workflows/workflowsStorage.js'; |
| 6 | |
| 7 | export default class TwptWorkflowsInject extends LitElement { |
| 8 | static properties = { |
| 9 | _workflows: {type: Object}, |
| 10 | }; |
| 11 | |
| 12 | constructor() { |
| 13 | super(); |
| 14 | this._workflows = null; |
| 15 | this.addEventListener('twpt-workflows-update', e => { |
| 16 | const workflows = e.detail?.workflows ?? []; |
| 17 | WorkflowsStorage.convertRawListToProtobuf(workflows); |
| 18 | this._workflows = workflows; |
| 19 | }); |
| 20 | } |
| 21 | |
| 22 | render() { |
| 23 | return html` |
| 24 | <twpt-workflows-menu .workflows=${this._workflows}></twpt-workflows-menu> |
| 25 | <twpt-workflow-dialog></twpt-workflow-dialog> |
| 26 | `; |
| 27 | } |
| 28 | } |
| 29 | window.customElements.define('twpt-workflows-inject', TwptWorkflowsInject); |