bpmn-js/example/index.html

56 lines
1.3 KiB
HTML
Raw Normal View History

<html>
<head>
<title>bpmn-js demo</title>
2014-04-05 09:25:34 +00:00
<link rel="stylesheet" href="css/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>
<a id="js-download-diagram" href title="download BPMN diagram">
2014-04-05 09:25:34 +00:00
<span class="icon-download"></span>
</a>
</li>
<li>
<a id="js-download-svg" href title="download as SVG image">
2014-04-05 09:25:34 +00:00
<span class="icon-picture"></span>
</a>
</li>
</ul>
<script>
var str = window.location.search;
var min = !/\?debug=/.test(str);
document.write('<script src="../bpmn' + (min ? '.min': '') + '.js"></' + 'script>');
</script>
<script>
var BpmnJS = require('bpmn/Modeler');
</script>
<script src="app.js"></script>
</html>