mirror of
https://github.com/status-im/spiff-arena.git
synced 2025-01-17 13:41:41 +00:00
2902090419
ff9a4fd28 Merge pull request #22 from sartography/bug/pre_post_script_launch_button 1fd817a8f no need to pass element back from the calling launch script event w/ burnettk danfunk fbcda3f67 Specify Peer Dependencies -- as it is likely that embedding this library will occur within projects that use other bpmn-js components. 3d77111f9 Hooks, and an example for setting up a Markdown editor for markdown content. 2cdae0ca6 Display User Instructions for Manual Tasks and End Events as well. 08c03a4dd Removing the dist directory. 3f2abb73a fixes a minor bug that prevented the editor from opening if no script was yet entered in the Script Task. c78afceb3 Allow pre-script and post-script's "Launch Editor" button to work correctly. use commandStack to update Moddle Properties. Providing a working example of using a code editor with this library, so it's clear how the integration would work. Rename titles of various components -- don't call sections "SpiffWorkflow", but maybe we find a way to more gently call out these extensions later on. git-subtree-dir: bpmn-js-spiffworkflow git-subtree-split: ff9a4fd28f0ef0fd43df344352217be2eeca70c8
65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--
|
|
IMPORTANT:
|
|
This is here to provide an exmaple of how you might use this library in your application.
|
|
You should be able to take this example, and modify it to suite your own needs.
|
|
-->
|
|
<title>bpmn-js-spiffworkflow</title>
|
|
|
|
<meta charset="utf-8"/>
|
|
<!-- here are the core dependencies you will need to include -->
|
|
<link rel="stylesheet" href="vendor/bpmn-js/assets/diagram-js.css"/>
|
|
<link rel="stylesheet" href="vendor/bpmn-js/assets/bpmn-js.css"/>
|
|
<link rel="stylesheet" href="vendor/bpmn-js/assets/bpmn-font/css/bpmn-embedded.css"/>
|
|
<link rel="stylesheet" href="vendor/bpmn-js-properties-panel/assets/properties-panel.css"/>
|
|
|
|
<!-- Some local css settings -->
|
|
<link rel="stylesheet" href="css/app.css"/>
|
|
<link rel="shortcut icon" href="#">
|
|
|
|
<!-- A python code editor, we are using CodeMirror here -- see app.js for how this is wired in -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/python/python.min.js"></script>
|
|
|
|
<!-- Markdown Editor -- see app.js for how to wire these in. -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
|
|
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
|
|
|
|
<!-- Just have this for the download file icon -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
</head>
|
|
<body>
|
|
<div id="menu">
|
|
<button id="downloadButton" class="bpmn-js-spiffworkflow-btn"><i class="fa fa-download"></i> Download</button>
|
|
<button id="uploadButton" class="bpmn-js-spiffworkflow-btn">Open a file</button>
|
|
</div>
|
|
<div id="container">
|
|
<div id="modeler"></div>
|
|
<div id="panel"></div>
|
|
</div>
|
|
<!-- the following are overlays to provide editors for Python and Markdown -->
|
|
<div id="code_overlay" class="overlay">
|
|
<div id="code_editor"></div>
|
|
<div id="code_buttons">
|
|
<button id="saveCode" class="bpmn-js-spiffworkflow-btn">Save</button>
|
|
</div>
|
|
</div>
|
|
<div id="markdown_overlay" class="overlay">
|
|
<div id="markdown_editor">
|
|
<textarea id="markdown_textarea"></textarea>
|
|
</div>
|
|
<div id="markdown_buttons">
|
|
<button id="saveMarkdown" class="bpmn-js-spiffworkflow-btn">Save</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Here we load up our application, it's where the configuration happens. -->
|
|
<script src="app.js"></script>
|
|
|
|
</body>
|
|
</html><!---->
|