SemianiakaVY/elsa-core
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity

Sync selected activity upon record selection

Browse source
This commit is contained in:
Sipke Schoorstra 2021-04-22 21:32:36 +02:00
parent 6c5e3b10cc
commit 2a6c697942
3 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/designer/elsa-workflows-studio/src/components.d.ts vendored
View file

@ -182,6 +182,7 @@ export namespace Components {
"show": () => Promise<void>;
"workflowBlueprint": WorkflowBlueprint;
"workflowInstanceId": string;
"workflowModel": WorkflowModel;
}
interface ElsaWorkflowInstanceViewerScreen {
"getServerUrl": () => Promise<string>;
@ -632,6 +633,7 @@ declare namespace LocalJSX {
"serverUrl"?: string;
"workflowBlueprint"?: WorkflowBlueprint;
"workflowInstanceId"?: string;
"workflowModel"?: WorkflowModel;
}
interface ElsaWorkflowInstanceViewerScreen {
"serverUrl"?: string;

14
src/designer/elsa-workflows-studio/src/components/screens/workflow-instance-viewer/elsa-workflow-instance-viewer-screen/elsa-workflow-instance-journal.tsx
View file

@ -5,7 +5,7 @@ import {enter, leave, toggle} from 'el-transition'
import {registerClickOutside} from "stencil-click-outside";
import {
ActivityBlueprint,
ActivityDescriptor, PagedList, WorkflowBlueprint, WorkflowExecutionLogRecord,
ActivityDescriptor, PagedList, WorkflowBlueprint, WorkflowExecutionLogRecord, WorkflowModel,
} from "../../../../models";
import {activityIconProvider} from "../../../../services/activity-icon-provider";
import {createElsaClient} from "../../../../services/elsa-client";
@ -38,10 +38,12 @@ export class ElsaWorkflowInstanceJournal {
@Prop() serverUrl: string;
@Prop() activityDescriptors: Array<ActivityDescriptor> = [];
@Prop() workflowBlueprint: WorkflowBlueprint;
@Prop() workflowModel: WorkflowModel;
@Event() recordSelected: EventEmitter<WorkflowExecutionLogRecord>;
@State() isVisible: boolean = true;
@State() records: PagedList<WorkflowExecutionLogRecord> = {items: [], totalCount: 0};
@State() selectedRecordId?: string;
@State() selectedActivityId?: string;
@State() selectedTabId: string = 'journal';
el: HTMLElement;
@ -70,6 +72,7 @@ export class ElsaWorkflowInstanceJournal {
async selectActivityRecord(activityId?: string) {
const record = !!activityId ? this.records.items.find(x => x.activityId == activityId) : null;
this.selectedRecordId = !!record ? record.id : null;
this.selectedActivityId = activityId;
await this.show();
}
@ -113,6 +116,7 @@ export class ElsaWorkflowInstanceJournal {
onRecordClick(record: WorkflowExecutionLogRecord) {
this.selectedRecordId = record.id;
this.selectedActivityId = record.activityId;
this.recordSelected.emit(record);
}
@ -329,9 +333,15 @@ export class ElsaWorkflowInstanceJournal {
};
renderActivityStateTab = () => {
const activityModel = !!this.workflowModel && this.selectedActivityId ? this.workflowModel.activities.find(x => x.activityId === this.selectedActivityId) : null;
if(!activityModel)
return <p>No activity selected</p>;
return (
<div>
<pre>Code formatted activity state goes here...</pre>
<pre>{JSON.stringify(activityModel, null, 2)}</pre>
</div>
);
};

1
src/designer/elsa-workflows-studio/src/components/screens/workflow-instance-viewer/elsa-workflow-instance-viewer-screen/elsa-workflow-instance-viewer-screen.tsx
View file

@ -185,6 +185,7 @@ export class ElsaWorkflowInstanceViewerScreen {
serverUrl={this.serverUrl}
activityDescriptors={descriptors}
workflowBlueprint={this.workflowBlueprint}
workflowModel={this.workflowModel}
onRecordSelected={e => this.onRecordSelected(e)}/>
</Host>
);