From 8a50323a3669c455d64908d2beb99860253082f0 Mon Sep 17 00:00:00 2001 From: Beatriz Mendes Date: Wed, 23 Aug 2023 13:50:52 +0100 Subject: [PATCH] feat(zebe): improve tooltips content --- src/contextProvider/zeebe/TooltipProvider.js | 141 ++++++++++++------- 1 file changed, 93 insertions(+), 48 deletions(-) diff --git a/src/contextProvider/zeebe/TooltipProvider.js b/src/contextProvider/zeebe/TooltipProvider.js index b3c3d2a5a..02e93d78f 100644 --- a/src/contextProvider/zeebe/TooltipProvider.js +++ b/src/contextProvider/zeebe/TooltipProvider.js @@ -13,9 +13,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to configure a user task') } - +
+ { translate('Define who the task is assigned to. One or all of the following attributes can be specified simultaneously. ')} + + { translate('Learn more.') } + +
); }, @@ -23,9 +26,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to define conditions') } - +
+ { translate('Define a boolean condition expression that defines when a flow is taken. ')} + + { translate('How to define conditions') } + +
); }, @@ -33,9 +39,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to configure a business rule task') } - +
+ { translate('Evaluate a business rule, for example a DMN. To add a custom implementation use a job worker. ')} + + { translate('Learn more.') } + +
); }, @@ -44,9 +53,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to link a form') } - +
+ { translate('Embed Camunda Forms or use a form key to specify an identifier to associate a form to the user task. ')} + + { translate('Learn more.') } + +
); }, @@ -55,16 +67,22 @@ const TooltipProvider = { if (is(element, 'bpmn:ReceiveTask')) { return ( - - { translate('How to configure a receive task') } - +
+ { translate('Define the name of the message (e.g. ')}Money collected{translate(') and the ')}correlationKey{translate(' expression (e.g. ')}= orderId{translate('). ')} + + { translate('Learn more.') } + +
); } return ( - - { translate('How to configure a message event') } - +
+ { translate('Define the name of the message (e.g. ')}Money collected{translate('). ')} + + { translate('Learn more.') } + +
); }, @@ -72,9 +90,13 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to call another process') } - +
+ { translate('Define the BPMN process id of the called process (e.g. ')} shipping-process + {translate(' or ')}= "shipping-" + tenantId {translate('). ')} + + { translate('Learn more.') } + +
); }, @@ -84,41 +106,51 @@ const TooltipProvider = { if (is(element, 'bpmn:ServiceTask')) { return ( - - { translate('How to configure a service task') } - +
{translate('Specify which job workers handle the task work (e.g. ')}order-items{translate('). ')} + + { translate('Learn more.') } + +
); } if (is(element, 'bpmn:BusinessRuleTask')) { return ( - - { translate('How to configure a business rule task') } - +
{translate('Specify which job workers handle the task work. ')} + + { translate('Learn more.') } + +
); } if (is(element, 'bpmn:ScriptTask')) { return ( - - { translate('How to configure a script task') } - +
{translate('Specify which job workers handle the task work (e.g. ')}script{translate('). ')} + + { translate('Learn more.') } + +
); } if (is(element, 'bpmn:SendTask')) { return ( - - { translate('How to configure a send task') } - +
{translate('Specify which job workers handle the task work (e.g. ')}kafka{translate(' or ')}mail{translate('). ')} + + { translate('Learn more.') } + +
); } if (is(element, 'bpmn:ThrowEvent')) { return ( - - { translate('How to configure a message throw event') } - +
{translate('Specify which job workers handle the event work. ')} + + { translate('Learn more.') } + +
); } }, @@ -127,9 +159,13 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to configure a multi instance activity') } - +
+ {translate('Define an input collection expression that defines the collection to iterate over (e.g. ')}= items{translate('). ')} + {translate('To collect the output define the output collection and the output element expressions. ')} + + { translate('Learn more.') } + +
); }, @@ -137,9 +173,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to configure an error event') } - +
+ {translate('Define an error code (e.g. ')}order-not-found{translate('). ')} + + { translate('Learn more.') } + +
); }, @@ -147,9 +186,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to configure input variable mappings') } - +
+ { translate('Create a new local variable in the scope where the mapping is defined. ')} + + { translate('Learn more.') } + +
); }, @@ -157,9 +199,12 @@ const TooltipProvider = { const translate = useService('translate'); return ( - - { translate('How to configure output variable mappings') } - +
+ { translate('Customize how job/message variables are merged into the process instance. ')} + + { translate('Learn more.') } + +
); } };