Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Page Properties
hiddentrue
idPROGRESS

Product Version2.4
Report Notepublished already
AssigneePeter

Resources & Remarks

Modification History

NameDateProduct VersionAction
Antje08 FEB 20212.4New page properties macro.

Hi Antje, wir müssten ein Kapitel mit spezifischen Uses Case Beispiel anhängen.

Das erste Beispiel ist eine action, in der ein Startformular für den Start eines Prozesses angeboten wird:

Code Block
    {
      "id": "yuv.custom.action.taskflow.id",
      "label": "yuv.custom.action.taskflow.label",
      "description": "yuv.custom.action.taskflow.description",
      "priority": 1,
      "icon": "<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M0 0h24v24H0V0z\" fill=\"none\"></path> <path d=\"M4 10h12v2H4zM4 6h12v2H4zM4 14h8v2H4zM14 14v6l5-3z\"></path> </svg>",
      "group": "further",
      "range": "MULTI_SELECT",
      "isExecutable": "(item) => item.id",
      "buttons": {
        "finish": "yuv.custom.action.workflow.start"
      },
      "plugin": {
        "component": "yuv-object-form",
        "inputs": {
          "__initOptions": "() => this.http.get(`/resources/config/taskflow-startform`, 'api-web').then((res) => {component.cmp.options = {formModel: res.data.tenant, disabled: false}})",
          "__init": "() =>parent.finished.subscribe((event) => {var selection = parent.selection;var cmp = component.cmp;var vars = [{ name: 'title', type: 'string', value: cmp.formData.title || '' },{ name: 'taskStatus', type: 'string', value: 'Open' },{ name: 'comment', type: 'string', value: cmp.formData.comment },{name: 'nextAssignee',type: 'string',value: cmp.formData.nextAssignee}];if (cmp.formData.expiryDatetime) {vars.push({name: 'expiryDatetime',type: 'date',value: cmp.formData.expiryDatetime,})}this.http.post('/bpm/processes',{businessKey: selection[0].id,name: selection[0].title || selection[0].id,processDefinitionKey: 'dms-lite-taskflow',attachments: selection.map((s) => s.id),subject: selection[0].title,variables: vars,},'api-web').then(() =>this.util.notifier.success(this.util.translate('yuv.custom.action.taskflow.success')))})"
        },
        "outputs": {
          "statusChanged": "(status) => { parent.disabled = status.invalid; }"
        }
      }
    },

Mit dieser action wird aus den Konfigurationsresourcen das Formular taskflow-startform geholt und mit der Cleint Framework Komponente yuv-object-form im Objektaktionsmenu zum Ausfüllen angeboten:

Image Removed

Das Formular bietet die lokalisierten Felder (Flowable variablen) title (The task), expiryDatetime (Due until), comment (Comment for the next assignee) und nextAssignee (Next assignee) an. 

Nich angezeigt wird die Variable taskStatus, die vom Prozessmodell zur Steuerung verwendet wird.

Die Variable expiryDatetime wird nur mit dem Aufruf des Prozesses dms-lite-taskflow gespeichert, wenn sie einen Wert enthält. Das ist notwendig, da sonst die Variable vom Typ Datum mit einem Null-Wert geschrieben wird, dies aber von Flowable nicht akzeptiert wird.



The features documented here will be part of yuuvis® Momentum
Note
Note

The features documented here will be part of yuuvis® Momentum 2.4 (2020 Winter) as a Beta - implementation. Take care because parts may be changed until the release in the next version!

...

Info
iconfalse

Read on

Section


Column
width25%

yuuvis® client as reference implementation 

Insert excerpt
yuuvis® client as reference implementation
yuuvis® client as reference implementation
nopaneltrue
 Keep reading


Column
width25%

Custom Client Build with Libraries

Insert excerpt
Custom Client Build with Libraries
Custom Client Build with Libraries
nopaneltrue
 Keep reading


Column
width25%

Client Scripting API

Insert excerpt
Client Scripting API
Client Scripting API
nopaneltrue
 Keep reading