add variables tab to instance view (#2442)

This commit is contained in:
Rainer Wittmann 2021-11-10 16:13:19 +01:00 committed by GitHub
parent a4d91c0ae0
commit a20b728cb0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -133,6 +133,12 @@ export class ElsaWorkflowInstanceJournal {
<elsa-tab-content tab="activityState" slot="content">
{this.renderActivityStateTab()}
</elsa-tab-content>
<elsa-tab-header tab="variables" slot="header">
Variables
</elsa-tab-header>
<elsa-tab-content tab="variables" slot="content">
{this.renderVariablesTab()}
</elsa-tab-content>
</elsa-flyout-panel>
);
}
@ -411,4 +417,17 @@ export class ElsaWorkflowInstanceJournal {
</dl>
)
};
renderVariablesTab = () => {
const { workflowInstance, workflowBlueprint } = this;
const { variables } = workflowInstance;
return (
<dl class="elsa-border-b elsa-border-gray-200 elsa-divide-y elsa-divide-gray-200">
<div class="elsa-py-3 elsa-text-sm elsa-font-medium">
{variables?.data ? <pre>{JSON.stringify(variables?.data, null, 2)}</pre> : '-'}
</div>
</dl>
);
};
}