mirror of
https://github.com/sartography/bpmn-js-spiffworkflow.git
synced 2025-02-23 13:08:11 +00:00
c78afceb37
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.
47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<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>
|
|
|
|
<!-- 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>
|
|
<div id="code_overlay">
|
|
<div id="code_editor"></div>
|
|
<div id="code_buttons">
|
|
<button id="saveCode" 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><!---->
|