| import '@material/mwc-dialog/mwc-dialog.js'; |
| import '@material/web/button/text-button.js'; |
| import '@material/web/button/filled-button.js'; |
| import './WorkflowEditor.js'; |
| import {css, html, LitElement} from 'lit'; |
| import {createRef, ref} from 'lit/directives/ref.js'; |
| import * as pb from '../../proto/main_pb.js'; |
| export default class WFWorkflowDialog extends LitElement { |
| workflow: {type: Object}, |
| --mdc-dialog-content-ink-color: var(--mdc-theme-on-surface, #000); |
| workflowEditorRef = createRef(); |
| this.workflow = new pb.workflows.Workflow(); |
| @opening=${this._openingDialog} |
| @closing=${this._closingDialog}> |
| <wf-workflow-editor ${ref(this.workflowEditorRef)} |
| .workflow=${this.workflow}> |
| const success = this.workflowEditorRef.value.save(this.uuid); |
| if (success) this.open = false; |
| window.customElements.define('wf-workflow-dialog', WFWorkflowDialog); |