Variable

Description

A widget to display and manipulate variables used by the Camunda Platform suite.

Usage

Options

= cam-variable
The variable to be edited / displayed
@? display
Takes a boolean determining if the widget is only aimed to display the variable. Example
=? shown
Takes an array of strings to determine which parts of the variable is shown.
Valid strings:
  • type
  • name
  • value
Example
=? disabled
Takes an array of strings to determine what parts of the variable can not be edited.
Valid strings:
  • type
  • name
  • value

Examples

Editable variables

<div ng-repeat="variable in vars"
     class="table-row"
     cam-widget-variable
     cam-variable="variable">
</div>

Displayed variables

<div ng-repeat="variable in vars"
     cam-widget-variable
     cam-variable="variable"
     display="true">
</div>

Shown variable parts

<div cam-widget-variable
     cam-variable="vars[9]"
     shown="nameValue"></div>
<div cam-widget-variable
     cam-variable="vars[9]"
     shown="typeValue"></div>
<div cam-widget-variable
     cam-variable="vars[9]"
     shown="typeName"></div>

Use within form

<form name="testForm">
            <div cam-widget-variable
                 cam-variable="vars[4]"></div>
            <div cam-widget-variable
                 cam-variable="vars[5]"></div>
            <div cam-widget-variable
                 cam-variable="vars[6]"></div>
            <button class="btn btn-primary"
                   ng-disabled="testForm.$invalid">
              Submit changes
            </button>
          </form>

Disable input fields

<div cam-widget-variable
     cam-variable="vars[9]"
     disabled="nameValue"></div>
<div cam-widget-variable
     cam-variable="vars[9]"
     disabled="typeValue"></div>
<div cam-widget-variable
     cam-variable="vars[9]"
     disabled="typeName"></div>