Update project cmmn

gigamaster · Oct 5, 2024 · 89c7699 · 89c7699
1 parent 29cf9ea
commit 89c7699
Show file tree

Hide file tree

Showing 17 changed files with 68,448 additions and 0 deletions.
diff --git a/app/project/cmmn-modeler.md b/app/project/cmmn-modeler.md
@@ -0,0 +1,32 @@
+# CMMN Modeler
+
+- create or import
+- properties-panel
+- download cmmn diagram
+- download svg
+
+### Case Management Model and Notation (CMMN) 
+
+is an editor for graphically expressing a Case,  
+as well as an interchange format for exchanging   
+Case models among different tools.
+
+In this context: "A Case is a proceeding that  
+involves actions taken regarding a subject in  
+a particular situation to achieve a desired  
+outcome" and it is derived from the concept  
+of Case management used e.g. in the legal and   
+medical worlds.
+
+While BPMN deals with predictable processes,  
+CMMN is more oriented to focus on supporting  
+processes that are unpredictable, not repeatable,   
+weakly-structured, and knowledge-intensive.
+
+CMMN can often require ad-hoc actions.
+
+A consortium of 11 companies contributed to the  
+development of CMMN, which is now being maintained   
+by the Object Management Group.    
+v1.0 of CMMN released in May 2014   
+amended by v1.1 in December 2016
diff --git a/app/project/cmmn-modeler/License.md b/app/project/cmmn-modeler/License.md
@@ -0,0 +1,29 @@
+# License
+
+This license ("bpmn.io License") governs use of our toolkits bpmn-js, dmn-js, form-js, and cmmn-js.
+
+
+Copyright (c) 2014-present Camunda Services GmbH
+
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of   
+this software and associated documentation files (the "Software"), to deal in the   
+Software without restriction, including without limitation the rights to use, copy,   
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,   
+and to permit persons to whom the Software is furnished to do so, subject to the   
+following conditions:   
+
+The above copyright notice and this permission notice shall be included in all   
+copies or substantial portions of the Software.   
+
+The source code responsible for displaying the bpmn.io project watermark that   
+links back to https://bpmn.io as part of rendered diagrams MUST NOT be   
+removed or changed. When this software is being used in a website or application,  
+the watermark must stay fully visible and not visually overlapped by other elements.   
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,   
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR   
+PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE   
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,   
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE   
+OR OTHER DEALINGS IN THE SOFTWARE.   
diff --git a/app/project/cmmn-modeler/css/app.css b/app/project/cmmn-modeler/css/app.css
diff --git a/app/project/cmmn-modeler/index.html b/app/project/cmmn-modeler/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>cmmn-js modeler demo</title>
+
+  <link rel="stylesheet" href="vendor/cmmn-js/assets/diagram-js.css" />
+  <link rel="stylesheet" href="vendor/cmmn-js/assets/cmmn-font/css/cmmn-embedded.css" />
+  <link rel="stylesheet" href="css/app.css" />
+</head>
+<body>
+  <div class="content" id="js-drop-zone">
+
+    <div class="message intro">
+      <div class="note">
+        <h2>Case Management Model and Notation</h2>
+        <p><a id="js-create-diagram" href>Create a new diagram</a> to get started</p>
+        <p>or drop CMMN diagram from your desktop</p>
+      </div>
+    </div>
+
+    <div class="message error">
+      <div class="note">
+        <p>Ooops, we could not display the CMMN 1.1 diagram.</p>
+        <div class="details">
+          <span>cause of the problem</span>
+          <pre></pre>
+        </div>
+      </div>
+    </div>
+
+    <div class="canvas" id="js-canvas"></div>
+    <div id="js-properties-panel"></div>
+  </div>
+
+  <ul class="buttons">
+    <li>
+      <label class="btn" for="modal-1" title="Show Help">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/><circle cx="16" cy="23.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M17 8h-1.5a4.49 4.49 0 0 0-4.5 4.5v.5h2v-.5a2.5 2.5 0 0 1 2.5-2.5H17a2.5 2.5 0 0 1 0 5h-2v4.5h2V17a4.5 4.5 0 0 0 0-9"/></svg>
+      </label>
+    </li>
+    <li>
+      <a id="js-new-diagram" href title="Create a new diagram">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M14 3v4a1 1 0 0 0 1 1h4"/><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6m-3-3h6"/></g></svg> 
+        New</a>
+      <a id="js-download-diagram" href title="Download CMMN diagram">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M14 3v4a1 1 0 0 0 1 1h4"/><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-4v-6"/><path d="M9.5 14.5L12 17l2.5-2.5"/></g></svg> 
+        CMMN diagram</a>
+      <a id="js-download-svg" href title="Download as SVG image">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M15 8h.01M12.5 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v6.5"/><path d="m3 16l5-5c.928-.893 2.072-.893 3 0l4 4"/><path d="m14 14l1-1c.653-.629 1.413-.815 2.13-.559M19 16v6m3-3l-3 3l-3-3"/></g></svg>
+        SVG </a>
+        </ul>
+  <!-- modal -->
+  <input class="modal-state" id="modal-1" type="checkbox" />
+  <div class="modal">
+    <label class="modal__bg" for="modal-1"></label>
+    <div class="modal__inner">
+      <label class="modal__close" for="modal-1"></label>
+      <h2>Case Management Model and Notation</h2>
+      <div class="key-mouse">
+        <kbd>ctrl</kbd> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M6 7a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4zm6 0v4"/></svg> 
+        Scrollwheel for zooming
+      </div>
+      <p>
+        CMMN modeler for graphically expressing a Case, as well as an interchange format for exchanging  
+        Case models among different tools.</p>
+
+      <p>In this context: "A Case is a proceeding that
+        involves actions taken regarding a subject in 
+        a particular situation to achieve a desired
+        outcome" and it is derived from the concept
+        of Case management used e.g. in the legal and  
+        medical worlds.</p>
+
+      <p>While BPMN deals with predictable processes,
+        CMMN is more oriented to focus on supporting 
+        processes that are unpredictable, not repeatable,  
+        weakly-structured, and knowledge-intensive.</p>
+
+      <p>CMMN can often require ad-hoc actions. Find some in samples in folder /docs</p>
+      <p><a href="https://www.omg.org/cmmn/" target="_blank">Object Management Group</a></p>
+    </div>
+  </div>
+
+  <script src="index.js"></script>
+  </body>
+</html>