Workflow Component

Jump to bottom

Bruno P. Kinoshita edited this page Mar 25, 2021 · 4 revisions

The workflow component is used by the Workflow view. This component uses Lumino to show other components inside "widgets".

Adding a new widget

Widget tab title

The name displayed in the tab is, by default, the Vue component name. But that can be customized when the component is used in a tempalte.

For example, the Tree.vue component name is “Tree”. Here's how we use this component in the Workflow.vue view template.

<v-skeleton-loader
  v-for="widgetId of treeWidgets"
  :key="widgetId"
  :id="widgetId"
  :loading="isLoading"
  type="list-item-three-line"
  tab-title="tree"
>
  <tree-component
    :workflows="tree.root.children"
  />
</v-skeleton-loader>

Note that we are already defining a title for the tree component tab, as “tree” (lower cased).