58 lines
1.4 KiB
HTML
58 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<title>bpmn-js demo</title>
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
|
|
|
|
<link rel="stylesheet" href="app.css" />
|
|
<link rel="stylesheet" href="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">
|
|
<i class="fa fa-download fa-3x"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a id="js-download-svg" href title="download as SVG image">
|
|
<i class="fa fa-picture-o fa-3x"></i>
|
|
</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> |