Add workflow bpmn file preview support (#441)

2023-03-09 21:00:03 +08:00
parent eb12ced77f
commit 09a3fd2db8
26 changed files with 64911 additions and 41 deletions
--- a/server/src/main/resources/web/bpmn.ftl
+++ b/server/src/main/resources/web/bpmn.ftl
@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <#include "*/commonHeader.ftl">
+    <style>
+        html, body, #diagram {
+            height: 100%
+        }
+    </style>
+    <title>kkFileView Bpmn</title>
+</head>
+<body>
+
+<h2>kkFileView Bpmn : ${fileName}</h2>
+
+<div id="diagram"></div>
+
+<!-- required modeler styles -->
+<link rel="stylesheet" href="bpmn/diagram-js.css">
+<link rel="stylesheet" href="bpmn/bpmn-js.css">
+<link rel="stylesheet" href="bpmn/css/bpmn.css">
+
+<!-- modeler distro -->
+<script src="bpmn/bpmn-modeler.development.js"></script>
+<script src="js/jquery-3.6.1.min.js"></script>
+
+<!-- app -->
+<script>
+
+    const viewer = new BpmnJS({
+        container: '#diagram'
+    });
+
+    async function showDiagram(diagramXML) {
+        await viewer.importXML(diagramXML);
+    }
+    // load + show diagram
+    $.get('${currentUrl}', showDiagram, 'text');
+</script>
+</body>
+</html>