bpmn-js/example/index.html

62 lines
1.5 KiB
HTML
Raw Normal View History

<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">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>
<div class="logo"></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 src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<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>