2014-03-18 16:01:24 +00:00
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>bpmn-js demo</title>
|
|
|
|
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
|
|
|
|
|
2014-03-25 13:08:11 +00:00
|
|
|
<link rel="stylesheet" href="../app.css" />
|
|
|
|
<link rel="stylesheet" href="../diagram-js.css" />
|
2014-03-18 16:01:24 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="content" id="js-drop-zone">
|
|
|
|
|
2014-03-21 20:10:01 +00:00
|
|
|
<div class="message intro">
|
2014-03-18 16:01:24 +00:00
|
|
|
<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>
|
|
|
|
|
2014-03-21 20:10:01 +00:00
|
|
|
<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>
|
2014-03-18 16:01:24 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="logo"></div>
|
|
|
|
|
2014-03-25 13:08:11 +00:00
|
|
|
<ul class="buttons">
|
|
|
|
<li>
|
|
|
|
<a id="js-download-diagram" href title="download">
|
2014-03-26 16:46:02 +00:00
|
|
|
<i class="fa fa-download fa-3x"></i>
|
2014-03-25 13:08:11 +00:00
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a id="js-download-svg" href title="download as svg">
|
2014-03-26 16:46:02 +00:00
|
|
|
<i class="fa fa-picture-o fa-3x"></i>
|
2014-03-25 13:08:11 +00:00
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
2014-03-18 16:01:24 +00:00
|
|
|
|
|
|
|
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
|
|
|
|
|
2014-03-25 13:08:11 +00:00
|
|
|
<script src="../../bpmn.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
var BpmnJS = require('bpmn/Viewer');
|
|
|
|
</script>
|
|
|
|
<script src="../app.js"></script>
|
2014-03-18 16:01:24 +00:00
|
|
|
</html>
|