A widget to display and manipulate variables used by the Camunda Platform suite.
[ { variable: { name: 'variableName', type: 'String', value: 'Some string value' }, // is aimed to hold additional column information additions: { additionalColumn1: 'cell content', additionalColumn2: 'other cell content' } }, { // ... } ]Note: if the cell content of an additional column is an HTML string, you need to use something like
$sce.trustAsHtml('Some <i>HTML</i> string')
.
name
: Nametype
: Typevalue
: Valuename
type
value
info
argument is an object with information about the variable similar to:
{ "variable": { "type": "...", "name": "...", "value": "...", "valueInfo": "..." }, // ... }Example
info
argument is similar to the one above.
info
argument is similar to the one above.info
argument is similar to the one above.
info
argument is similar to the one above.
info
argument is similar to the one above.
<div cam-widget-variables-table cam-variables="vars" on-edit="editFunction" on-save="saveFunction" cam-headers="[ { class: 'name', request: 'variableName', sortable: true, content: 'Name'}, { class: 'value', request: '', sortable: false, content: 'Value'}, { class: 'type', request: '', sortable: false, content: 'Type'}, ]" default-sort= "{ sortBy: 'variableName', sortOrder: 'asc' }" is-variable-editable="isVariableEditable"></div> <ol> <li ng-repeat="change in changes">{{ change.name }} | {{ change.type }} | {{ change.value }} | {{ change.saved }}</li> </ol>
<h4>Editable and additions</h4> <div cam-widget-variables-table class="first" on-download="formatDownloadLink" cam-editable="['value']" cam-headers="[ { class: 'plain', request: '', sortable: false, content: 'Plain'}, { class: 'name', request: 'variableName', sortable: true, content: 'Name'}, { class: 'value', request: '', sortable: false, content: 'Value'}, { class: 'type', request: '', sortable: false, content: 'Type'}, { class: 'formatted', request: '', sortable: false, content: 'Formatted'} ]" default-sort= "{ sortBy: 'variableName', sortOrder: 'asc' }" cam-variables="vars"></div> <h4>Read only</h4> <div cam-widget-variables-table class="second" default-sort= "{ sortBy: 'variableName', sortOrder: 'asc' }" cam-editable="[]" cam-headers="[ { class: 'name', request: 'variableName', sortable: true, content: 'Variable name'}, { class: 'plain', request: '', sortable: false, content: 'Plain text'}, { class: 'value', request: '', sortable: false, content: 'Value'} ]" cam-variables="vars"></div>