modeler.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <div ng-controller="processDefinedCtrl">
  2. <div class="content" id="js-drop-zone">
  3. <div class="message intro">
  4. <div class="note">
  5. <span translate="process.diagram.operation.DROPBPMN">Drop BPMN diagram from your desktop or </span><a id="js-create-diagram" ng-click="createNewDiagram()" translate="process.diagram.operation.NEW">create a new diagram</a><span translate="process.diagram.operation.STARTDESC"> to get started.</span>
  6. </div>
  7. </div>
  8. <div class="message error">
  9. <div class="note">
  10. <p translate="process.diagram.message.error.NOTE">Ooops, we could not display the BPMN 2.0 diagram.</p>
  11. <div class="details">
  12. <span translate="process.diagram.message.error.DETAILS">cause of the problem</span>
  13. <pre></pre>
  14. </div>
  15. </div>
  16. </div>
  17. <div class="canvas" id="js-canvas"></div>
  18. <div id="js-properties-panel"></div>
  19. </div>
  20. <ul class="buttons">
  21. <li>
  22. <a ng-click="downloadDiagram()" translate="process.diagram.operation.ACTIVE">active</a>
  23. </li>
  24. <li>
  25. <a ng-click="deploy()" translate="process.diagram.operation.DEPLOY">deploy</a>
  26. </li>
  27. <li>
  28. <a ng-click="save()" translate="process.diagram.operation.SAVE">save</a>
  29. </li>
  30. <!-- <li>
  31. <a ng-click="load()" translate="process.diagram.operation.LOAD">load</a>
  32. </li> -->
  33. <li>
  34. <a id="js-download-diagram" title="download BPMN diagram" translate="process.diagram.operation.DOWNLOAD">
  35. BPMN diagram
  36. </a>
  37. </li>
  38. <li>
  39. <a id="js-download-svg" title="download as SVG image" translate="process.diagram.operation.DOWNLOADASSVG">
  40. SVG image
  41. </a>
  42. </li>
  43. </ul>
  44. </div>