Skip to main content

Process Management

Layout Components​

Process Inst. Tasks Bookmark​

Simple list of process instance tasks in a tabular view.

{
  "type": "layout",
  "widget": {
    "type": "tsm-process-instance-tasks"
  }
}

Task History Bookmark​

Simple list of task history entries in a tabular view.

{
  "type": "layout",
  "widget": {
    "type": "tsm-task-history"
  }
}

Task Logs Bookmark​

Simple list of task logs in a tabular view.

{
  "type": "layout",
  "widget": {
    "type": "tsm-task-logs"
  }
}

Task Variables Bookmark​

Simple list of task variables in a tabular view.

{
  "type": "layout",
  "widget": {
    "type": "tsm-task-variables"
  }
}

Data Components​

Task Definition Select​

Selection of a task definition from a dropdown list.

{
  "type": "string",
  "title": "Select Task Definition",
  "widget": {
    "type": "tsm-task-definition-lov"
  }
}

Process Definition Select​

Selection of a process definition from a dropdown list.

  • Selector: tsm-process-definition-lov
  • Type: Select Component
  • Properties:
    • tsmModuleCode (string): Module code for the TSM module.
    • autoSelectedProcessTypeCode (string): Automatically selects a process type with the given code.
    • createNewButton (boolean = true): Controls the visibility of the "create new" button.
    • dialogLabel (string = 'shared.processSelection'): Label for the dialog.
{
  "type": "string",
  "title": "Select Process Definition",
  "widget": {
    "type": "tsm-process-definition-lov"
  }
}

Task Status Select​

Selection of a task status from a dropdown list.

  • Selector: tsm-task-status-lov
  • Type: Select Component
  • Properties:
    • dialogLabel (string = null): Label for the dialog.
{
  "type": "string",
  "title": "Select Task status",
  "widget": {
    "type": "tsm-task-status-lov"
  }
}

Task Details Card​

Card displaying details of a specific task.

  • Selector: tsm-task-details
  • Type: Layout Component
  • Properties:
    • selector (string = ''): Configured in the editor component under config.selector.
    • businessKey (string): Configured in the editor component under config.businessKey.
    • isReadonly (boolean): Configured in the editor component under config.isReadonly.
{
  "type": "layout",
  "widget": {
    "type": "tsm-task-details"
  }
}

Task Action Template Select​

Selection of a task action template from a dropdown list.

  • Selector: tsm-task-action-template-lov
  • Type: Select Component
  • Properties:
    • appendTo (string): Determines where the component should be appended in the DOM.
    • taskType (TaskType): Filters the list based on the task type.
    • taskDefinition (TaskDefinition): Provides the task definition for the component.
{
  "type": "string",
  "title": "Select Task action template",
  "widget": {
    "type": "tsm-task-action-template-lov"
  }
}

Process Group Select​

Selection of a process group from a dropdown list.

  • Selector: tsm-process-group-lov
  • Type: Select Component
  • Properties:
    • showIcon (boolean = false): Determines if an icon is shown.
    • iconClass (string = ''): CSS class for the icon.
{
  "type": "string",
  "title": "Select Process Group",
  "widget": {
    "type": "tsm-process-group-lov"
  }
}

Process Type Select​

Selection of a process type from a dropdown list.

  • Selector: tsm-process-type-lov
  • Type: Select Component
  • Properties:
    • showIcon (boolean = false): Controls the visibility of an icon.
    • iconClass (string = ""): CSS class for the icon.
    • tsmModuleCode (string): Code for the TSM module.
{
  "type": "string",
  "title": "Select Process Type",
  "widget": {
    "type": "tsm-process-type-lov"
  }
}

Task Status Group Select​

Selection of a task status group from a dropdown list.

  • Selector: tsm-task-status-group-lov
  • Type: Select Component
  • Properties:
    • showIcon (boolean = false): Determines if an icon is shown.
    • iconClass (string = ''): CSS class for the icon.
{
  "type": "string",
  "title": "Select Task status group",
  "widget": {
    "type": "tsm-task-status-group-lov"
  }
}