bpmn-js/example/simple-application/viewer.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>
feat(example): add browser integration sample 2014-03-11 15:24:31 +00:00			`<html>`
			`<head>`
feat(example): restructure simple application example 2014-04-09 12:27:35 +00:00			`<title>bpmn-js viewer demo</title>`
feat(import): import collaboration + artifacts + message flows This commit adds support for collaborations, message flows and artifacts. Related to #1 2014-03-13 19:21:42 +00:00
feat(example): restructure simple application example 2014-04-09 12:27:35 +00:00			`<link rel="stylesheet" href="app.css" />`
			`<link rel="stylesheet" href="../css/diagram-js.css" />`
feat(example): add browser integration sample 2014-03-11 15:24:31 +00:00			`</head>`
			`<body>`
feat(example): update renderer/modeler example This commit updates the example to accompain a renderer AND modeler component. 2014-03-18 16:01:24 +00:00			`<div class="content" id="js-drop-zone">`
feat(import): import collaboration + artifacts + message flows This commit adds support for collaborations, message flows and artifacts. Related to #1 2014-03-13 19:21:42 +00:00
fix(Viewer): handle and display errors Closes #8 2014-03-21 20:10:01 +00:00			`<div class="message intro">`
feat(example): update renderer/modeler example This commit updates the example to accompain a renderer AND modeler component. 2014-03-18 16:01:24 +00:00			`<div class="note">`
chore(project): pull out bpmn model This commit removes the bpmn model specific parts that have been outsourced to the project bpmn-io/bpmn-moddle. In addition it removes BPMN 2.0 diagrams that were crafted especially for tests of that functionality. Closes #25 2014-04-03 17:26:00 +00:00			`Drop BPMN diagram from your desktop or <a id="js-create-diagram" href>create a new diagram</a> to get started.`
feat(example): update renderer/modeler example This commit updates the example to accompain a renderer AND modeler component. 2014-03-18 16:01:24 +00:00			`</div>`
			`</div>`
feat(example): add browser integration sample 2014-03-11 15:24:31 +00:00
fix(Viewer): handle and display errors Closes #8 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>`

refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00			`<div class="canvas" id="js-canvas"></div>`
feat(example): update renderer/modeler example This commit updates the example to accompain a renderer AND modeler component. 2014-03-18 16:01:24 +00:00			`</div>`
feat(example): add browser integration sample 2014-03-11 15:24:31 +00:00
refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00			`<ul class="buttons">`
chore(examples): clean up bpmn-io branded stuff This commit removes the bpmn-io related stuff such as fonts from the example to make them easier to understand. 2014-04-09 08:49:49 +00:00			`<li>`
			`download`
			`</li>`
refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00			`<li>`
feat(example): re-export artifacts after change only Closes #11 2014-03-26 16:46:02 +00:00			`<a id="js-download-diagram" href title="download BPMN diagram">`
chore(examples): clean up bpmn-io branded stuff This commit removes the bpmn-io related stuff such as fonts from the example to make them easier to understand. 2014-04-09 08:49:49 +00:00			`BPMN diagram`
refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00			`</a>`
			`</li>`
			`<li>`
feat(example): re-export artifacts after change only Closes #11 2014-03-26 16:46:02 +00:00			`<a id="js-download-svg" href title="download as SVG image">`
chore(examples): clean up bpmn-io branded stuff This commit removes the bpmn-io related stuff such as fonts from the example to make them easier to understand. 2014-04-09 08:49:49 +00:00			`SVG image`
refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00			`</a>`
			`</li>`
			`</ul>`
feat(example): add browser integration sample 2014-03-11 15:24:31 +00:00
feat(example): add debug flag testing (non-) minified lib 2014-03-31 13:55:25 +00:00			`<script>`
			`var str = window.location.search;`
			`var min = !/\?debug=/.test(str);`

feat(example): restructure simple application example 2014-04-09 12:27:35 +00:00			`document.write('<script src="../../bpmn-viewer' + (min ? '.min': '') + '.js"></' + 'script>');`
feat(example): add debug flag testing (non-) minified lib 2014-03-31 13:55:25 +00:00			`</script>`
refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00
			`<script>`
chore(examples): clean up bpmn-io branded stuff This commit removes the bpmn-io related stuff such as fonts from the example to make them easier to understand. 2014-04-09 08:49:49 +00:00			`var BpmnJS = require('bpmn/Viewer');`
refactor(import+examples): reorganize files 2014-03-25 13:08:11 +00:00			`</script>`

feat(example): update renderer/modeler example This commit updates the example to accompain a renderer AND modeler component. 2014-03-18 16:01:24 +00:00			`<script src="app.js"></script>`
feat(example): add browser integration sample 2014-03-11 15:24:31 +00:00			`</html>`