Introduction

JOC Cockpit offers a graphical

...

Workflow Editor for designing workflows, jobs and dependencies.

• Workflows can be designed by drag & drop in a graphical view.
• Workflows can be edited in a JSON source code view.
• Job scripts within a workflow can be edited using a special editor that allows working on longer scripts.

The Workflow Editor supports keyboard shortcuts to move objects and to copy, cut and paste objects.

Graphical Workflow Editor

The workflow editor Workflow Editor is available from the Configuration->Inventory View. This view has the following panels:

• Left panel: The tree panel allows navigation to folders and objects. Workflows can be available in any folder from the sub-folder Workflows.
• Middle panel: The design view panel allows JS7 - Workflow Instructions to be copied from the tool panel to a workflow by drag & drop. 
• Right panel: The property editor allows management of instruction properties such as the jobs that are available with a workflow.
  
  

Drag and Drop

The middle panel holds a toolbar with icons for the relevant JS7 - Workflow Instructions.

...

• The connector line has to be touched by the cursor, not by the Job icon.
  
  

Example for Adding Fork/Join Instruction Branches

Users can add branches for jobs that run in parallel by dragging and dropping a JS7 - Fork / Join Instruction.

...

Users can add jobs to an existing branch by dragging and dropping the  icon onto the connector lines before or after an instruction such as a Job:

Example for Adding If Instruction Branches

Adding a JS7 - If Instruction to a workflow allows conditional execution of jobs and further instructions to be performed.

...

• The left hand branch will be processed if the condition evaluates to true, the right hand branch will be processed if it evaluates to false.
• The  icon has to be touched by the cursor, not by the Job icon.
  
  

Keyboard and Mouse Operations

Moving the Lens

The visible section of the design panel can be moved by use of keyboard shortcuts:

• Left, right, up and down arrows move the lens to focus on different sections of the design panel.
• Alternatively users can move the lens by clicking and moving the indicated blue frame.
  
  

Image Added

With each click on an arrow key the focus is moved to the respective direction.

Image Added

Selecting Objects

The following operations are supported for selecting objects:

• Hitting the Ctrl+A key selects all objects in the design panel.
• Pressing the Ctrl key and clicking individual objects in the design panel selects the respective objects.
• Alternatively users can highlight with the mouse an area with objects that should be selected:
  
  

Image Added

Copy, Cut & Paste Objects

The following keyboard operations are supported:

• Ctrl+C: copies the selected object(s) to the clipboard.
• Ctrl+X: cuts the selected object(s) to the clipboard.
• Ctrl+V: pastes the selected object(s) from the clipboard.

When hitting the Ctrl+C key a popup message appears that indicates Copied!.
Similarly when using the Ctrl+X key a popup message indicates Ready for paste!.

Image Added

In order to select the position to which objects should be pasted users can click a connector line that will be highlighted in green color like this:

Image Added 

When hitting the Ctrl+V key the objects are pasted to the indicated location:

Image Added

JSON Object Editor

JS7 stores scheduling objects in JSON format. Users can display and modify the JSON representation of objects such as workflows from the object's action menu:

...

The action menu items Show JSON and Edit JSON bring forward popup windows to display and modify JSON code respectively.

• The JSON code is created generated and validated with JSON Schemas that are available per object type, see JS7 - Inventory Storage Format.
• The JSON Editor is explained from from the JS7 - Inventory Object Editor (JSON) article.

Job Script Editor

The JOC Cockpit Configuration->Inventory Viewopens the Script Editor for the modification of job scripts:

...