{"_id":"5cbf19e3f67741020b0e4399","project":"5b0e13ffc4664e0003c75a66","version":{"_id":"5b0e13ffc4664e0003c75a67","project":"5b0e13ffc4664e0003c75a66","__v":4,"createdAt":"2015-09-17T16:58:03.490Z","releaseDate":"2015-09-17T16:58:03.490Z","categories":["5b0e13ffc4664e0003c75a68","5b0e13ffc4664e0003c75a69","5b0e13ffc4664e0003c75a6a","5b0e13ffc4664e0003c75a6b","5b0e13ffc4664e0003c75a6c","5b0e13ffc4664e0003c75a6d","5b0e13ffc4664e0003c75a6e","5b0e13ffc4664e0003c75a6f","5b0e13ffc4664e0003c75a70","5b0e13ffc4664e0003c75a71","5b0e13ffc4664e0003c75a72","5b0e13ffc4664e0003c75a73","5b0e13ffc4664e0003c75a74","5b0e13ffc4664e0003c75a75","5b0e13ffc4664e0003c75a76","5b0e13ffc4664e0003c75a77","5b0e13ffc4664e0003c75a89","5b0e13ffc4664e0003c75a8a","5b0e13ffc4664e0003c75a9d","5b0e13ffc4664e0003c75a9e","5b0e13ffc4664e0003c75a9f","5b0e13ffc4664e0003c75aa0","5b0e13ffc4664e0003c75aa1","5b0e13ffc4664e0003c75aa2","5b0e13ffc4664e0003c75aa3","5b0e13ffc4664e0003c75aa4","5b0e13ffc4664e0003c75aa5","5b0e13ffc4664e0003c75aa6","5b0e13ffc4664e0003c75aa7","5b0e13ffc4664e0003c75aa8","5b0e13ffc4664e0003c75aa9","5b0e13ffc4664e0003c75aaa","5b0e13ffc4664e0003c75aab","5b0e13ffc4664e0003c75aac","5b0e13ffc4664e0003c75aad","5b0e13ffc4664e0003c75aae","5b0e13ffc4664e0003c75aaf","5b0e13ffc4664e0003c75ab2","5bb3374f4306ad0003eb18e7","5bbf3c5373e72a000318362b","5bc065567d1cb0000384c649","5cbf19a5f9181f0033fbb968"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"5cbf19a5f9181f0033fbb968","project":"5b0e13ffc4664e0003c75a66","version":"5b0e13ffc4664e0003c75a67","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2019-04-23T13:56:53.439Z","from_sync":false,"order":21,"slug":"edit-an-app-1","title":"EDIT AN APP"},"user":"5767bc73bb15f40e00a28777","__v":0,"parentDoc":null,"metadata":{"title":"","description":"","image":[]},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2019-04-23T13:57:55.653Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":9,"body":"## About the workflow editor\nThe workflow editor is a visual editor for creating and editing CWL workflows.\n\nYou can follow this [simple tutorial](doc:workflow-editor-tutorial) to learn more about the workflow editor.\n\n## Workflow editor layout\n\nThis example shows a public workflow, **RSEM with STAR workflow 1.3.1**, in the workflow editor.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2cf2ecf-about-the-workflow-editor-1.png\",\n        \"about-the-workflow-editor-1.png\",\n        1458,\n        770,\n        \"#f2f3f2\"\n      ]\n    }\n  ]\n}\n[/block]\n1. Navigation pane tabs allow you to select from **My Projects** and **Public Apps**. There is also a search box in this area, and for public apps (selected in this example), the option to group the apps by toolkit or by category.\n2. Navigation pane showing (in this example) the public apps on the Platform, grouped by toolkit.\n3. Tabs for workflow editor views (**App Info**, **Visual Editor** and **Code**).\n4. Commands available for workflows (**Revision history**, **Save**, **Run** and additional actions where you can export your app to JSON or YAML and set hints).\n5. Workflow editor pane showing a public workflow from the Platform, **RSEM with STAR workflow 1.3.1**.\n6. Object inspector for tool node **RSEM Prepare Reference** in the workflow.\n7. Editor functions (<img src=\"https://files.readme.io/ed146ae-node-delete-icon.png\"\nheight=\"12px\" width=\"auto\" align=\"inline\" style=\"margin:1px\"/> to remove the node, **+** to zoom in, **-** to zoom out, <img src=\"https://files.readme.io/3f03393-auto-fit-screen-icon.png\"\nheight=\"15px\" width=\"auto\" align=\"inline\" style=\"margin:1px\"/> to fit the image to the screen, <img src=\"https://files.readme.io/f5015e3-auto-arrange-icon.png\"\nheight=\"15px\" width=\"auto\" align=\"inline\" style=\"margin:1px\"/> to automatically arrange the layout and <img src=\"https://files.readme.io/a579b78-export-svg-icon.png\"\nheight=\"15px\" width=\"auto\" align=\"inline\" style=\"margin:1px\"/> to export the workflow as an SVG image).\n8. Workflow status bar, showing the CWL version and the error state.\n\n## Editor modes\nThe workflow editor has the following editing modes (displayed as tabs at the top of the editor window):\n\n* **Visual Editor** view, which shows a visual representation of the workflow and allows you to edit the workflow by dragging and dropping apps and connections.\n* **Code** view, which shows the underlying CWL.\n* **App Info** view allows you to see and set general information about the workflow, for example, the author, and a description of the workflow. This information will be available to anyone who uses the workflow or places it as a component in a larger workflow.\n\nChanges made in one view are immediately reflected in the other view so you can use whichever view is most convenient.\n\n## Creating a workflow\nTo create a workflow, follow the [workflow creation procedure](doc:create-a-workflow-1). You will be able to choose whether to use the older CWL sbg:draft-2 version, or the latest CWL v1.0 version. Read about [CWL formats and versions](doc:about-the-common-workflow-language) to decide which CWL file format and version to choose.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"To ensure optimal consistency and functioning of your workflows, it is not recommended to mix CWL v1.0 and sbg:draft-2 apps in the same workflow.\"\n}\n[/block]\n## Adding apps to a workflow\nTo add an existing app (tool or workflow) to a workflow, in the navigation pane, select the app you want to add and drag it into the workflow editor.\n\n### Connecting apps in a workflow\nTo connect an output from one app to an input in another, hover over the output port on the first app and drag it to the input port you want to connect it to on the second app. As you start dragging, any other ports that are of the right type to accept the connection are shown in green.\n\nNote that, to avoid clutter, the editor only shows mandatory ports in the workflow. You can click on the app node to see a full list of ports in the object inspector. From here, you can click the toggle to show any other ports you want to include.\n\n### Adding workflow inputs and outputs\nTo define an input to the entire workflow, identify the app input node that you want to make into a workflow input. Hover over it and drag it to the left of the app node. This creates a workflow input as a node in the workflow editor.\n\nSimilarly, to define an output from the entire workflow, identify the app output node that you want to make into a workflow output. Hover over it and drag it to the right of the app node to create the workflow output as a node in in the workflow editor.\n\n### Deleting items\nTo delete an app, input, output or connection in the workflow, click to select the item you want to delete. Then click the bin icon in the bottom-right corner of the canvas. Optionally you can also press Backspace on the keyboard to do the same.\n\n### Setting item properties\nTo see and set more properties for an app node, workflow input or workflow output, double-click on the item. This displays additional information in the object inspector on the right hand side of the workflow editor.\n\nThe information shown in the object inspector depends on the item that has been selected. For example, if you select an input port, you will see the ID, and the data type. If you select a tool, you will see the tool **file inputs** and **parameters**.\n\n**Configure file inputs**\nThe **Files** section in the object inspector shows all file inputs for the selected node in the workflow. The following options are available for a file input:\n\n* **Show/Hide** - Select whether a file input will be shown in the visual editor. This option is available only for non-required file inputs.\n* **Link Merge Method** - Defines how the input values are handled if the input port is connected to multiple sources.\n   * **Nested** - The inputs are merged as an array consisting of array(s) and/or single values as its elements, depending on the provided source parameters.\n   * **Flattened** - The input values are flattened into a single array of files by concatenating source parameters which are arrays and appending source parameters that are single elements.\n\n**Configure app parameters**\nThe **App Parameters** section in the object inspector shows all non-file input parameters for the selected node in the workflow. The following options are available for an app parameter:\n\n* Click the dropdown to the right of the parameter label to define how the parameter value is provided:\n   * **Default** - Allows you to provide a parameter value that can’t be changed when the workflow is executed.\n   * **Exposed** - The parameter is exposed for editing on each execution of the workflow.\n   * **Port** - The parameter becomes an input port that you can connect to an adequate output port of another node to obtain the value. Or, you can grab the port and drag it to the left to allow parameter value to be defined when executing the workflow, similar to the **Exposed** option above.\n* **Link Merge Method** - Defines how the input values are handled if the input port is connected to multiple input sources.\n   * **Nested** - The input values are merged as an array consisting of array(s) and/or single elements, depending on the provided source parameters.\n   * **Flattened** - The input values are flattened into a single array by concatenating source parameters that are arrays and appending source parameters that are single elements.\nFor example, there are two arrays, **[1,2,3]** and **[4,5,6]** that are provided as values for an app parameter. If **Nested** is selected as the merge method, the resulting value of the parameter will be **[[1,2,3],[4,5,6]]**, which preserves the original structure of input data. However, **Flattened** will result in the value being **[1,2,3,4,5,6]**, where the two input arrays are merged and flattened into a single one.","excerpt":"","slug":"about-the-workflow-editor","type":"basic","title":"About the workflow editor"}

About the workflow editor


## About the workflow editor The workflow editor is a visual editor for creating and editing CWL workflows. You can follow this [simple tutorial](doc:workflow-editor-tutorial) to learn more about the workflow editor. ## Workflow editor layout This example shows a public workflow, **RSEM with STAR workflow 1.3.1**, in the workflow editor. [block:image] { "images": [ { "image": [ "https://files.readme.io/2cf2ecf-about-the-workflow-editor-1.png", "about-the-workflow-editor-1.png", 1458, 770, "#f2f3f2" ] } ] } [/block] 1. Navigation pane tabs allow you to select from **My Projects** and **Public Apps**. There is also a search box in this area, and for public apps (selected in this example), the option to group the apps by toolkit or by category. 2. Navigation pane showing (in this example) the public apps on the Platform, grouped by toolkit. 3. Tabs for workflow editor views (**App Info**, **Visual Editor** and **Code**). 4. Commands available for workflows (**Revision history**, **Save**, **Run** and additional actions where you can export your app to JSON or YAML and set hints). 5. Workflow editor pane showing a public workflow from the Platform, **RSEM with STAR workflow 1.3.1**. 6. Object inspector for tool node **RSEM Prepare Reference** in the workflow. 7. Editor functions (<img src="https://files.readme.io/ed146ae-node-delete-icon.png" height="12px" width="auto" align="inline" style="margin:1px"/> to remove the node, **+** to zoom in, **-** to zoom out, <img src="https://files.readme.io/3f03393-auto-fit-screen-icon.png" height="15px" width="auto" align="inline" style="margin:1px"/> to fit the image to the screen, <img src="https://files.readme.io/f5015e3-auto-arrange-icon.png" height="15px" width="auto" align="inline" style="margin:1px"/> to automatically arrange the layout and <img src="https://files.readme.io/a579b78-export-svg-icon.png" height="15px" width="auto" align="inline" style="margin:1px"/> to export the workflow as an SVG image). 8. Workflow status bar, showing the CWL version and the error state. ## Editor modes The workflow editor has the following editing modes (displayed as tabs at the top of the editor window): * **Visual Editor** view, which shows a visual representation of the workflow and allows you to edit the workflow by dragging and dropping apps and connections. * **Code** view, which shows the underlying CWL. * **App Info** view allows you to see and set general information about the workflow, for example, the author, and a description of the workflow. This information will be available to anyone who uses the workflow or places it as a component in a larger workflow. Changes made in one view are immediately reflected in the other view so you can use whichever view is most convenient. ## Creating a workflow To create a workflow, follow the [workflow creation procedure](doc:create-a-workflow-1). You will be able to choose whether to use the older CWL sbg:draft-2 version, or the latest CWL v1.0 version. Read about [CWL formats and versions](doc:about-the-common-workflow-language) to decide which CWL file format and version to choose. [block:callout] { "type": "info", "body": "To ensure optimal consistency and functioning of your workflows, it is not recommended to mix CWL v1.0 and sbg:draft-2 apps in the same workflow." } [/block] ## Adding apps to a workflow To add an existing app (tool or workflow) to a workflow, in the navigation pane, select the app you want to add and drag it into the workflow editor. ### Connecting apps in a workflow To connect an output from one app to an input in another, hover over the output port on the first app and drag it to the input port you want to connect it to on the second app. As you start dragging, any other ports that are of the right type to accept the connection are shown in green. Note that, to avoid clutter, the editor only shows mandatory ports in the workflow. You can click on the app node to see a full list of ports in the object inspector. From here, you can click the toggle to show any other ports you want to include. ### Adding workflow inputs and outputs To define an input to the entire workflow, identify the app input node that you want to make into a workflow input. Hover over it and drag it to the left of the app node. This creates a workflow input as a node in the workflow editor. Similarly, to define an output from the entire workflow, identify the app output node that you want to make into a workflow output. Hover over it and drag it to the right of the app node to create the workflow output as a node in in the workflow editor. ### Deleting items To delete an app, input, output or connection in the workflow, click to select the item you want to delete. Then click the bin icon in the bottom-right corner of the canvas. Optionally you can also press Backspace on the keyboard to do the same. ### Setting item properties To see and set more properties for an app node, workflow input or workflow output, double-click on the item. This displays additional information in the object inspector on the right hand side of the workflow editor. The information shown in the object inspector depends on the item that has been selected. For example, if you select an input port, you will see the ID, and the data type. If you select a tool, you will see the tool **file inputs** and **parameters**. **Configure file inputs** The **Files** section in the object inspector shows all file inputs for the selected node in the workflow. The following options are available for a file input: * **Show/Hide** - Select whether a file input will be shown in the visual editor. This option is available only for non-required file inputs. * **Link Merge Method** - Defines how the input values are handled if the input port is connected to multiple sources. * **Nested** - The inputs are merged as an array consisting of array(s) and/or single values as its elements, depending on the provided source parameters. * **Flattened** - The input values are flattened into a single array of files by concatenating source parameters which are arrays and appending source parameters that are single elements. **Configure app parameters** The **App Parameters** section in the object inspector shows all non-file input parameters for the selected node in the workflow. The following options are available for an app parameter: * Click the dropdown to the right of the parameter label to define how the parameter value is provided: * **Default** - Allows you to provide a parameter value that can’t be changed when the workflow is executed. * **Exposed** - The parameter is exposed for editing on each execution of the workflow. * **Port** - The parameter becomes an input port that you can connect to an adequate output port of another node to obtain the value. Or, you can grab the port and drag it to the left to allow parameter value to be defined when executing the workflow, similar to the **Exposed** option above. * **Link Merge Method** - Defines how the input values are handled if the input port is connected to multiple input sources. * **Nested** - The input values are merged as an array consisting of array(s) and/or single elements, depending on the provided source parameters. * **Flattened** - The input values are flattened into a single array by concatenating source parameters that are arrays and appending source parameters that are single elements. For example, there are two arrays, **[1,2,3]** and **[4,5,6]** that are provided as values for an app parameter. If **Nested** is selected as the merge method, the resulting value of the parameter will be **[[1,2,3],[4,5,6]]**, which preserves the original structure of input data. However, **Flattened** will result in the value being **[1,2,3,4,5,6]**, where the two input arrays are merged and flattened into a single one.