bpmn-js
Version:
A bpmn 2.0 toolkit and web modeler
59 lines (49 loc) • 1.39 kB
HTML
<html>
<head>
<title>bpmn-js viewer demo</title>
<link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="../css/diagram-js.css" />
</head>
<body>
<div class="content" id="js-drop-zone">
<div class="message intro">
<div class="note">
Drop BPMN diagram from your desktop or <a id="js-create-diagram" href>create a new diagram</a> to get started.
</div>
</div>
<div class="message error">
<div class="note">
<p>Ooops, we could not display the BPMN 2.0 diagram.</p>
<div class="details">
<span>cause of the problem</span>
<pre></pre>
</div>
</div>
</div>
<div class="canvas" id="js-canvas"></div>
</div>
<ul class="buttons">
<li>
download
</li>
<li>
<a id="js-download-diagram" href title="download BPMN diagram">
BPMN diagram
</a>
</li>
<li>
<a id="js-download-svg" href title="download as SVG image">
SVG image
</a>
</li>
</ul>
<script>
var str = window.location.search;
var min = !/\?debug=/.test(str);
document.write('<script src="../../bpmn-viewer' + (min ? '.min': '') + '.js"></' + 'script>');
</script>
<script>
var BpmnJS = require('bpmn/Viewer');
</script>
<script src="app.js"></script>
</html>