From 071dd7a4ec061accc7ea77f42207a513df3742e5 Mon Sep 17 00:00:00 2001 From: Sipke Schoorstra Date: Thu, 2 Jun 2022 10:17:29 +0200 Subject: [PATCH] Create journal mock --- .../src/components.d.ts | 13 ++ .../workflow-instance-viewer.tsx | 2 +- .../workflow-journal.tsx | 151 ++++++++++++++++++ 3 files changed, 165 insertions(+), 1 deletion(-) create mode 100644 src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-journal.tsx diff --git a/src/designer/elsa-workflows-designer/src/components.d.ts b/src/designer/elsa-workflows-designer/src/components.d.ts index 2d2b87d4c..928426eac 100644 --- a/src/designer/elsa-workflows-designer/src/components.d.ts +++ b/src/designer/elsa-workflows-designer/src/components.d.ts @@ -230,6 +230,8 @@ export namespace Components { "workflowDefinition": WorkflowDefinition; "workflowInstance": WorkflowInstance; } + interface ElsaWorkflowJournal { + } interface ElsaWorkflowManager { "activityDescriptors": Array; "getWorkflowDefinition": () => Promise; @@ -484,6 +486,12 @@ declare global { prototype: HTMLElsaWorkflowInstanceViewerElement; new (): HTMLElsaWorkflowInstanceViewerElement; }; + interface HTMLElsaWorkflowJournalElement extends Components.ElsaWorkflowJournal, HTMLStencilElement { + } + var HTMLElsaWorkflowJournalElement: { + prototype: HTMLElsaWorkflowJournalElement; + new (): HTMLElsaWorkflowJournalElement; + }; interface HTMLElsaWorkflowManagerElement extends Components.ElsaWorkflowManager, HTMLStencilElement { } var HTMLElsaWorkflowManagerElement: { @@ -548,6 +556,7 @@ declare global { "elsa-workflow-instance-browser": HTMLElsaWorkflowInstanceBrowserElement; "elsa-workflow-instance-properties": HTMLElsaWorkflowInstancePropertiesElement; "elsa-workflow-instance-viewer": HTMLElsaWorkflowInstanceViewerElement; + "elsa-workflow-journal": HTMLElsaWorkflowJournalElement; "elsa-workflow-manager": HTMLElsaWorkflowManagerElement; "elsa-workflow-publish-button": HTMLElsaWorkflowPublishButtonElement; "elsa-workflow-toolbar": HTMLElsaWorkflowToolbarElement; @@ -747,6 +756,8 @@ declare namespace LocalJSX { "workflowDefinition"?: WorkflowDefinition; "workflowInstance"?: WorkflowInstance; } + interface ElsaWorkflowJournal { + } interface ElsaWorkflowManager { "activityDescriptors"?: Array; "monacoLibPath"?: string; @@ -805,6 +816,7 @@ declare namespace LocalJSX { "elsa-workflow-instance-browser": ElsaWorkflowInstanceBrowser; "elsa-workflow-instance-properties": ElsaWorkflowInstanceProperties; "elsa-workflow-instance-viewer": ElsaWorkflowInstanceViewer; + "elsa-workflow-journal": ElsaWorkflowJournal; "elsa-workflow-manager": ElsaWorkflowManager; "elsa-workflow-publish-button": ElsaWorkflowPublishButton; "elsa-workflow-toolbar": ElsaWorkflowToolbar; @@ -854,6 +866,7 @@ declare module "@stencil/core" { "elsa-workflow-instance-browser": LocalJSX.ElsaWorkflowInstanceBrowser & JSXBase.HTMLAttributes; "elsa-workflow-instance-properties": LocalJSX.ElsaWorkflowInstanceProperties & JSXBase.HTMLAttributes; "elsa-workflow-instance-viewer": LocalJSX.ElsaWorkflowInstanceViewer & JSXBase.HTMLAttributes; + "elsa-workflow-journal": LocalJSX.ElsaWorkflowJournal & JSXBase.HTMLAttributes; "elsa-workflow-manager": LocalJSX.ElsaWorkflowManager & JSXBase.HTMLAttributes; "elsa-workflow-publish-button": LocalJSX.ElsaWorkflowPublishButton & JSXBase.HTMLAttributes; "elsa-workflow-toolbar": LocalJSX.ElsaWorkflowToolbar & JSXBase.HTMLAttributes; diff --git a/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-instance-viewer.tsx b/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-instance-viewer.tsx index 42be015a0..520f3737a 100644 --- a/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-instance-viewer.tsx +++ b/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-instance-viewer.tsx @@ -134,7 +134,7 @@ export class WorkflowViewer { class="elsa-activity-picker-container" position={PanelPosition.Left} onExpandedStateChanged={e => this.onActivityPickerPanelStateChanged(e.detail)}> - {/* this.toolbox = el}/>*/} + this.canvas = el} diff --git a/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-journal.tsx b/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-journal.tsx new file mode 100644 index 000000000..663636ef4 --- /dev/null +++ b/src/designer/elsa-workflows-designer/src/components/designer/workflow-instance-viewer/workflow-journal.tsx @@ -0,0 +1,151 @@ +import {Component, h} from "@stencil/core"; +import {isNullOrWhitespace} from "../../../utils"; + +@Component({ + tag: 'elsa-workflow-journal', + shadow: false +}) +export class WorkflowJournal { + public render() { + return ( + +
+ +
+
+
+

+ Workflow Journal +

+
+
+
+ +
+
    +
  • +
    +
    +
    • + +
  • +
    + +
    +
    + + + + +
    +
    +
    +

    Advanced to phone screening by Bethany Blake

    +
    +
    + +
    +
    +
    +
    +
    • + +
  • +
    + +
    +
    + + + + +
    +
    +
    +

    Completed phone screening with Martha Gardner

    +
    +
    + +
    +
    +
    +
    +
    • + +
  • +
    + +
    +
    + + + + +
    +
    +
    +

    Advanced to interview by Bethany Blake

    +
    +
    + +
    +
    +
    +
    +
    • + +
  • +
    +
    +
    + + + + +
    +
    +
    +

    Completed interview with Katherine Snyder

    +
    +
    + +
    +
    +
    +
    +
    • +
+
+
+ ); + } +}