yxt_djz
2 years ago
667 changed files with 233062 additions and 0 deletions
@ -0,0 +1,100 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:flowable="http://flowable.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.flowable.org/processdef"> |
|||
<process id="holiday_test" name="公司请假测试" isExecutable="true"> |
|||
<startEvent id="_1" name="开始" flowable:formFieldValidation="true"></startEvent> |
|||
<userTask id="_2" name="请假申请" flowable:assignee="${taskUser}" flowable:formFieldValidation="true"> |
|||
<extensionElements> |
|||
<modeler:initiator-can-complete xmlns:modeler="http://flowable.org/modeler"><![CDATA[false]]></modeler:initiator-can-complete> |
|||
</extensionElements> |
|||
</userTask> |
|||
<sequenceFlow id="sid-58A2AF54-664F-4DB8-8D92-50908CC56490" sourceRef="_1" targetRef="_2"></sequenceFlow> |
|||
<exclusiveGateway id="sid-57E59C9B-CF9C-4755-896B-19DAD46C1A04"></exclusiveGateway> |
|||
<sequenceFlow id="sid-BA2260E5-F225-4B24-B5C9-3CCA47DA8216" sourceRef="_2" targetRef="sid-57E59C9B-CF9C-4755-896B-19DAD46C1A04"></sequenceFlow> |
|||
<userTask id="_3" name="部门经理审批" flowable:assignee="${user1}" flowable:formFieldValidation="true"> |
|||
<extensionElements> |
|||
<modeler:initiator-can-complete xmlns:modeler="http://flowable.org/modeler"><![CDATA[false]]></modeler:initiator-can-complete> |
|||
</extensionElements> |
|||
</userTask> |
|||
<userTask id="_4" name="总经理审批" flowable:assignee="${user2}" flowable:formFieldValidation="true"> |
|||
<extensionElements> |
|||
<modeler:initiator-can-complete xmlns:modeler="http://flowable.org/modeler"><![CDATA[false]]></modeler:initiator-can-complete> |
|||
</extensionElements> |
|||
</userTask> |
|||
<intermediateThrowEvent id="_5" name="结束"></intermediateThrowEvent> |
|||
<sequenceFlow id="sid-4C22374A-976D-4C6A-BCDA-5056EC2E4CA1" name="小于等于1天" sourceRef="sid-57E59C9B-CF9C-4755-896B-19DAD46C1A04" targetRef="_3"> |
|||
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${day<=1}]]></conditionExpression> |
|||
</sequenceFlow> |
|||
<sequenceFlow id="sid-7944F75F-0CD1-4C29-BB23-74032D0FDDB8" name="大于1天" sourceRef="sid-57E59C9B-CF9C-4755-896B-19DAD46C1A04" targetRef="_4"> |
|||
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${day>1}]]></conditionExpression> |
|||
</sequenceFlow> |
|||
<sequenceFlow id="sid-28D1C2F2-C1F7-4586-9069-162662A81C3B" name="通过" sourceRef="_3" targetRef="_5"> |
|||
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${outcome=='通过'}]]></conditionExpression> |
|||
</sequenceFlow> |
|||
<sequenceFlow id="sid-009E74C3-B3AC-4ABC-B761-93378FE710B0" name="通过" sourceRef="_4" targetRef="_5"> |
|||
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${outcome=='通过'}]]></conditionExpression> |
|||
</sequenceFlow> |
|||
<sequenceFlow id="sid-1613EA36-9F3A-4760-A400-9BBD077F8975" name="驳回" sourceRef="_4" targetRef="_2"> |
|||
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${outcome=='驳回'}]]></conditionExpression> |
|||
</sequenceFlow> |
|||
<sequenceFlow id="sid-8E853772-D7EE-4D7F-8C66-513B974FB5A5" name="驳回" sourceRef="_3" targetRef="_2"> |
|||
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${outcome=='驳回'}]]></conditionExpression> |
|||
</sequenceFlow> |
|||
</process> |
|||
<bpmndi:BPMNDiagram id="BPMNDiagram_holiday_test"> |
|||
<bpmndi:BPMNPlane bpmnElement="holiday_test" id="BPMNPlane_holiday_test"> |
|||
<bpmndi:BPMNShape bpmnElement="_1" id="BPMNShape__1"> |
|||
<omgdc:Bounds height="30.0" width="30.0" x="100.0" y="163.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_2" id="BPMNShape__2"> |
|||
<omgdc:Bounds height="80.0" width="100.0" x="165.0" y="135.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="sid-57E59C9B-CF9C-4755-896B-19DAD46C1A04" id="BPMNShape_sid-57E59C9B-CF9C-4755-896B-19DAD46C1A04"> |
|||
<omgdc:Bounds height="40.0" width="40.0" x="390.0" y="155.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_3" id="BPMNShape__3"> |
|||
<omgdc:Bounds height="80.0" width="100.0" x="540.0" y="135.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_4" id="BPMNShape__4"> |
|||
<omgdc:Bounds height="80.0" width="100.0" x="360.0" y="285.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_5" id="BPMNShape__5"> |
|||
<omgdc:Bounds height="30.0" width="30.0" x="575.0" y="315.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-1613EA36-9F3A-4760-A400-9BBD077F8975" id="BPMNEdge_sid-1613EA36-9F3A-4760-A400-9BBD077F8975"> |
|||
<omgdi:waypoint x="360.0" y="325.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="215.0" y="325.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="215.0" y="214.95000000000002"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-8E853772-D7EE-4D7F-8C66-513B974FB5A5" id="BPMNEdge_sid-8E853772-D7EE-4D7F-8C66-513B974FB5A5"> |
|||
<omgdi:waypoint x="590.0" y="135.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="590.0" y="81.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="215.0" y="81.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="215.0" y="135.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-009E74C3-B3AC-4ABC-B761-93378FE710B0" id="BPMNEdge_sid-009E74C3-B3AC-4ABC-B761-93378FE710B0"> |
|||
<omgdi:waypoint x="459.9499999999989" y="326.38750000000005"></omgdi:waypoint> |
|||
<omgdi:waypoint x="575.0045224589735" y="329.5834908640548"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-4C22374A-976D-4C6A-BCDA-5056EC2E4CA1" id="BPMNEdge_sid-4C22374A-976D-4C6A-BCDA-5056EC2E4CA1"> |
|||
<omgdi:waypoint x="429.9444614102993" y="175.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="539.9999999999723" y="175.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-BA2260E5-F225-4B24-B5C9-3CCA47DA8216" id="BPMNEdge_sid-BA2260E5-F225-4B24-B5C9-3CCA47DA8216"> |
|||
<omgdi:waypoint x="264.94999999986936" y="175.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="390.0" y="175.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-28D1C2F2-C1F7-4586-9069-162662A81C3B" id="BPMNEdge_sid-28D1C2F2-C1F7-4586-9069-162662A81C3B"> |
|||
<omgdi:waypoint x="590.0" y="214.95000000000002"></omgdi:waypoint> |
|||
<omgdi:waypoint x="590.0" y="315.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-58A2AF54-664F-4DB8-8D92-50908CC56490" id="BPMNEdge_sid-58A2AF54-664F-4DB8-8D92-50908CC56490"> |
|||
<omgdi:waypoint x="129.94340692927761" y="177.55019845363262"></omgdi:waypoint> |
|||
<omgdi:waypoint x="164.99999999999906" y="176.4985"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-7944F75F-0CD1-4C29-BB23-74032D0FDDB8" id="BPMNEdge_sid-7944F75F-0CD1-4C29-BB23-74032D0FDDB8"> |
|||
<omgdi:waypoint x="410.0" y="194.94335443037974"></omgdi:waypoint> |
|||
<omgdi:waypoint x="410.0" y="285.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
</bpmndi:BPMNPlane> |
|||
</bpmndi:BPMNDiagram> |
|||
</definitions> |
|||
@ -0,0 +1,51 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:flowable="http://flowable.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.flowable.org/processdef"> |
|||
<process id="holiday" name="请假申请" isExecutable="true"> |
|||
<startEvent id="_1" name="开始"></startEvent> |
|||
<userTask id="_2" name="填写请假申请单"></userTask> |
|||
<sequenceFlow id="sid-F5100B1F-6465-4A50-AF23-546FDD134921" sourceRef="_1" targetRef="_2"></sequenceFlow> |
|||
<userTask id="_3" name="部门经理审批"></userTask> |
|||
<sequenceFlow id="sid-60B15D01-0DE0-470F-810E-A56389657EDA" sourceRef="_2" targetRef="_3"></sequenceFlow> |
|||
<userTask id="_4" name="总经理审批"></userTask> |
|||
<sequenceFlow id="sid-49A34750-59ED-44E7-AE95-6BA8B237F012" sourceRef="_3" targetRef="_4"></sequenceFlow> |
|||
<intermediateThrowEvent id="_5" name="结束"></intermediateThrowEvent> |
|||
<sequenceFlow id="sid-43DA7A60-2A4B-45B6-B169-4E5931C5EB66" sourceRef="_4" targetRef="_5"></sequenceFlow> |
|||
</process> |
|||
<bpmndi:BPMNDiagram id="BPMNDiagram_holiday"> |
|||
<bpmndi:BPMNPlane bpmnElement="holiday" id="BPMNPlane_holiday"> |
|||
<bpmndi:BPMNShape bpmnElement="_1" id="BPMNShape__1"> |
|||
<omgdc:Bounds height="30.0" width="30.0" x="75.0" y="163.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_2" id="BPMNShape__2"> |
|||
<omgdc:Bounds height="80.0" width="100.0" x="150.0" y="135.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_3" id="BPMNShape__3"> |
|||
<omgdc:Bounds height="80.0" width="100.0" x="295.0" y="138.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_4" id="BPMNShape__4"> |
|||
<omgdc:Bounds height="80.0" width="100.0" x="440.0" y="138.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNShape bpmnElement="_5" id="BPMNShape__5"> |
|||
<omgdc:Bounds height="30.0" width="30.0" x="585.0" y="163.0"></omgdc:Bounds> |
|||
</bpmndi:BPMNShape> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-F5100B1F-6465-4A50-AF23-546FDD134921" id="BPMNEdge_sid-F5100B1F-6465-4A50-AF23-546FDD134921"> |
|||
<omgdi:waypoint x="104.94998702926873" y="178.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="127.5" y="178.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="149.99999999999963" y="177.06689655172414"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-60B15D01-0DE0-470F-810E-A56389657EDA" id="BPMNEdge_sid-60B15D01-0DE0-470F-810E-A56389657EDA"> |
|||
<omgdi:waypoint x="249.95000000000002" y="175.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="272.5" y="175.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="294.99999999999983" y="175.93103448275863"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-43DA7A60-2A4B-45B6-B169-4E5931C5EB66" id="BPMNEdge_sid-43DA7A60-2A4B-45B6-B169-4E5931C5EB66"> |
|||
<omgdi:waypoint x="539.9499999999987" y="178.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="585.0" y="178.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
<bpmndi:BPMNEdge bpmnElement="sid-49A34750-59ED-44E7-AE95-6BA8B237F012" id="BPMNEdge_sid-49A34750-59ED-44E7-AE95-6BA8B237F012"> |
|||
<omgdi:waypoint x="394.9499999999907" y="178.0"></omgdi:waypoint> |
|||
<omgdi:waypoint x="439.9999999999807" y="178.0"></omgdi:waypoint> |
|||
</bpmndi:BPMNEdge> |
|||
</bpmndi:BPMNPlane> |
|||
</bpmndi:BPMNDiagram> |
|||
</definitions> |
|||
@ -0,0 +1,2 @@ |
|||
limitAfter=LIMIT #{maxResults} OFFSET #{firstResult} |
|||
blobType=BINARY |
|||
@ -0,0 +1,7 @@ |
|||
limitBefore=SELECT SUB.* FROM ( |
|||
limitAfter=)RES ) SUB WHERE SUB.rnk >= #{firstRow} AND SUB.rnk < #{lastRow} |
|||
limitBetween=, row_number() over (order by ${orderByColumns}) rnk FROM ( select distinct RES.* |
|||
limitBetweenNoDistinct=, row_number() over (order by ${orderByColumns}) rnk FROM ( select RES.* |
|||
limitOuterJoinBetween=, row_number() over (order by ${mssqlOrDB2OrderBy}) rnk FROM ( select distinct |
|||
limitBeforeNativeQuery=SELECT SUB.* FROM ( select RES.* , row_number() over (order by ${orderByColumns}) rnk FROM ( |
|||
boolValue=1 |
|||
@ -0,0 +1 @@ |
|||
limitAfter=LIMIT #{maxResults} OFFSET #{firstResult} |
|||
@ -0,0 +1 @@ |
|||
limitAfter=LIMIT #{maxResults} OFFSET #{firstResult} |
|||
@ -0,0 +1,7 @@ |
|||
limitBefore=SELECT SUB.* FROM ( |
|||
limitAfter=)RES ) SUB WHERE SUB.rnk >= #{firstRow} AND SUB.rnk < #{lastRow} |
|||
limitBetween=, row_number() over (order by ${orderByColumns}) rnk FROM ( select distinct RES.* |
|||
limitBetweenNoDistinct=, row_number() over (order by ${orderByColumns}) rnk FROM ( select RES.* |
|||
limitOuterJoinBetween=, row_number() over (order by ${mssqlOrDB2OrderBy}) rnk FROM ( select distinct |
|||
limitBeforeNativeQuery=SELECT SUB.* FROM ( select RES.* , row_number() over (order by ${orderByColumns}) rnk FROM ( |
|||
boolValue=1 |
|||
@ -0,0 +1 @@ |
|||
limitAfter=LIMIT #{maxResults} OFFSET #{firstResult} |
|||
@ -0,0 +1,3 @@ |
|||
limitBefore=select * from ( select a.*, ROWNUM rnum from ( |
|||
limitAfter= ) a where ROWNUM < #{lastRow}) where rnum >= #{firstRow} |
|||
boolValue=1 |
|||
@ -0,0 +1,2 @@ |
|||
limitAfter=LIMIT #{maxResults} OFFSET #{firstResult} |
|||
blobType=BINARY |
|||
@ -0,0 +1,157 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>Page Not Found :(</title> |
|||
<style> |
|||
::-moz-selection { |
|||
background: #b3d4fc; |
|||
text-shadow: none; |
|||
} |
|||
|
|||
::selection { |
|||
background: #b3d4fc; |
|||
text-shadow: none; |
|||
} |
|||
|
|||
html { |
|||
padding: 30px 10px; |
|||
font-size: 20px; |
|||
line-height: 1.4; |
|||
color: #737373; |
|||
background: #f0f0f0; |
|||
-webkit-text-size-adjust: 100%; |
|||
-ms-text-size-adjust: 100%; |
|||
} |
|||
|
|||
html, |
|||
input { |
|||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|||
} |
|||
|
|||
body { |
|||
max-width: 500px; |
|||
_width: 500px; |
|||
padding: 30px 20px 50px; |
|||
border: 1px solid #b3b3b3; |
|||
border-radius: 4px; |
|||
margin: 0 auto; |
|||
box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; |
|||
background: #fcfcfc; |
|||
} |
|||
|
|||
h1 { |
|||
margin: 0 10px; |
|||
font-size: 50px; |
|||
text-align: center; |
|||
} |
|||
|
|||
h1 span { |
|||
color: #bbb; |
|||
} |
|||
|
|||
h3 { |
|||
margin: 1.5em 0 0.5em; |
|||
} |
|||
|
|||
p { |
|||
margin: 1em 0; |
|||
} |
|||
|
|||
ul { |
|||
padding: 0 0 0 40px; |
|||
margin: 1em 0; |
|||
} |
|||
|
|||
.container { |
|||
max-width: 380px; |
|||
_width: 380px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
/* google search */ |
|||
|
|||
#goog-fixurl ul { |
|||
list-style: none; |
|||
padding: 0; |
|||
margin: 0; |
|||
} |
|||
|
|||
#goog-fixurl form { |
|||
margin: 0; |
|||
} |
|||
|
|||
#goog-wm-qt, |
|||
#goog-wm-sb { |
|||
border: 1px solid #bbb; |
|||
font-size: 16px; |
|||
line-height: normal; |
|||
vertical-align: top; |
|||
color: #444; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
#goog-wm-qt { |
|||
width: 220px; |
|||
height: 20px; |
|||
padding: 5px; |
|||
margin: 5px 10px 0 0; |
|||
box-shadow: inset 0 1px 1px #ccc; |
|||
} |
|||
|
|||
#goog-wm-sb { |
|||
display: inline-block; |
|||
height: 32px; |
|||
padding: 0 10px; |
|||
margin: 5px 0 0; |
|||
white-space: nowrap; |
|||
cursor: pointer; |
|||
background-color: #f5f5f5; |
|||
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); |
|||
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); |
|||
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); |
|||
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
*overflow: visible; |
|||
*display: inline; |
|||
*zoom: 1; |
|||
} |
|||
|
|||
#goog-wm-sb:hover, |
|||
#goog-wm-sb:focus { |
|||
border-color: #aaa; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
|||
background-color: #f8f8f8; |
|||
} |
|||
|
|||
#goog-wm-qt:hover, |
|||
#goog-wm-qt:focus { |
|||
border-color: #105cb6; |
|||
outline: 0; |
|||
color: #222; |
|||
} |
|||
|
|||
input::-moz-focus-inner { |
|||
padding: 0; |
|||
border: 0; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<h1>Not found <span>:(</span></h1> |
|||
<p>Sorry, but the page you were trying to view does not exist.</p> |
|||
<p>It looks like this was the result of either:</p> |
|||
<ul> |
|||
<li>a mistyped address</li> |
|||
<li>an out-of-date link</li> |
|||
</ul> |
|||
<script> |
|||
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host; |
|||
</script> |
|||
<script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,9 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<browserconfig> |
|||
<msapplication> |
|||
<tile> |
|||
<square150x150logo src="images/mstile-150x150.png?v=Om5N75Y123"/> |
|||
<TileColor>#da532c</TileColor> |
|||
</tile> |
|||
</msapplication> |
|||
</browserconfig> |
|||
@ -0,0 +1,498 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
function _cmmnGetColor(element, defaultColor) |
|||
{ |
|||
var strokeColor; |
|||
if(element.current) { |
|||
strokeColor = CURRENT_COLOR; |
|||
} else if(element.completed) { |
|||
strokeColor = COMPLETED_COLOR; |
|||
} else { |
|||
strokeColor = defaultColor; |
|||
} |
|||
return strokeColor; |
|||
} |
|||
|
|||
function _drawPlanModel(planModel) |
|||
{ |
|||
var rect = paper.rect(planModel.x, planModel.y, planModel.width, planModel.height); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": "#000000", |
|||
"fill": "white" |
|||
}); |
|||
|
|||
if (planModel.name) |
|||
{ |
|||
var planModelName = paper.text(planModel.x + 14, planModel.y + (planModel.height / 2), planModel.name).attr({ |
|||
"text-anchor" : "middle", |
|||
"font-family" : "Arial", |
|||
"font-size" : "12", |
|||
"fill" : "#000000" |
|||
}); |
|||
|
|||
planModelName.transform("r270"); |
|||
} |
|||
} |
|||
|
|||
function _drawSubProcess(element) |
|||
{ |
|||
var rect = paper.rect(element.x, element.y, element.width, element.height, 4); |
|||
|
|||
var strokeColor = _cmmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
} |
|||
|
|||
function _drawVariableServiceTaskIcon(element) |
|||
{ |
|||
_drawTask(element); |
|||
if (element.taskType === "mail") |
|||
{ |
|||
_drawSendTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "camel") |
|||
{ |
|||
_drawCamelTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "mule") |
|||
{ |
|||
_drawMuleTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "http") |
|||
{ |
|||
_drawHttpTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.stencilIconId) |
|||
{ |
|||
paper.image("../service/stencilitem/" + element.stencilIconId + "/icon", element.x + 4, element.y + 4, 16, 16); |
|||
} |
|||
else |
|||
{ |
|||
_drawServiceTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawHttpServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawHttpTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawHumanTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawHumanTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawCaseTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawCaseTaskIcon(paper, element.x + 1, element.y + 1); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawProcessTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawProcessTaskIcon(paper, element.x + 1, element.y + 1); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawScriptTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 5,2 0,0.094 c 0.23706,0.064 0.53189,0.1645 0.8125,0.375 0.5582,0.4186 1.05109,1.228 1.15625,2.5312 l 8.03125,0 1,0 1,0 c 0,-3 -2,-3 -2,-3 l -10,0 z M 4,3 4,13 2,13 c 0,3 2,3 2,3 l 9,0 c 0,0 2,0 2,-3 L 15,6 6,6 6,5.5 C 6,4.1111 5.5595,3.529 5.1875,3.25 4.8155,2.971 4.5,3 4.5,3 L 4,3 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#72a7d0" |
|||
}); |
|||
|
|||
var scriptTaskIcon = paper.set(); |
|||
scriptTaskIcon.push(path1); |
|||
|
|||
scriptTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawScriptServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawScriptTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawSendEventServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawSendTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawDecisionTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawDecisionTaskIcon(paper, element.x + 1, element.y + 1); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawVariableServiceTaskIcon(element); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawTask(element) |
|||
{ |
|||
var rectAttrs = {}; |
|||
|
|||
// Stroke
|
|||
var strokeColor = _cmmnGetColor(element, ACTIVITY_STROKE_COLOR); |
|||
rectAttrs['stroke'] = strokeColor; |
|||
|
|||
var strokeWidth; |
|||
if (strokeColor === ACTIVITY_STROKE_COLOR) { |
|||
strokeWidth = TASK_STROKE; |
|||
} else { |
|||
strokeWidth = TASK_HIGHLIGHT_STROKE; |
|||
} |
|||
|
|||
var width = element.width - (strokeWidth / 2); |
|||
var height = element.height - (strokeWidth / 2); |
|||
|
|||
var rect = paper.rect(element.x, element.y, width, height, 4); |
|||
rectAttrs['stroke-width'] = strokeWidth; |
|||
|
|||
// Fill
|
|||
rectAttrs['fill'] = ACTIVITY_FILL_COLOR; |
|||
|
|||
rect.attr(rectAttrs); |
|||
rect.id = element.id; |
|||
|
|||
if (element.name) { |
|||
this._drawMultilineText(element.name, element.x, element.y, element.width, element.height, "middle", "middle", 11); |
|||
} |
|||
} |
|||
|
|||
function _drawTimerEventListener(element) |
|||
{ |
|||
_drawEventListener(element); |
|||
_drawTimerEventListenerIcon(paper, element); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawUserEventListener(element) |
|||
{ |
|||
_drawEventListener(element); |
|||
_drawUserEventListenerIcon(paper, element); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawGenericEventListener(element) |
|||
{ |
|||
_drawEventListener(element); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawEventListener(element) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, 15); |
|||
|
|||
circle.attr({"stroke-width": 1, |
|||
"stroke": "black", |
|||
"fill": "white" |
|||
}); |
|||
|
|||
circle.id = element.id; |
|||
} |
|||
|
|||
function _drawMilestone(element) |
|||
{ |
|||
var rectAttrs = {}; |
|||
|
|||
// Stroke
|
|||
var strokeColor = _cmmnGetColor(element, ACTIVITY_STROKE_COLOR); |
|||
rectAttrs['stroke'] = strokeColor; |
|||
|
|||
var strokeWidth; |
|||
if (strokeColor === ACTIVITY_STROKE_COLOR) { |
|||
strokeWidth = TASK_STROKE; |
|||
} else { |
|||
strokeWidth = TASK_HIGHLIGHT_STROKE; |
|||
} |
|||
|
|||
var width = element.width - (strokeWidth / 2); |
|||
var height = element.height - (strokeWidth / 2); |
|||
|
|||
var rect = paper.rect(element.x, element.y, width, height, 24); |
|||
rectAttrs['stroke-width'] = strokeWidth; |
|||
|
|||
// Fill
|
|||
rectAttrs['fill'] = WHITE_FILL_COLOR; |
|||
|
|||
rect.attr(rectAttrs); |
|||
rect.id = element.id; |
|||
|
|||
if (element.name) { |
|||
this._drawMultilineText(element.name, element.x, element.y, element.width, element.height, "middle", "middle", 11); |
|||
} |
|||
} |
|||
|
|||
function _drawStage(element) |
|||
{ |
|||
var rectAttrs = {}; |
|||
|
|||
// Stroke
|
|||
var strokeColor = _cmmnGetColor(element, ACTIVITY_STROKE_COLOR); |
|||
rectAttrs['stroke'] = strokeColor; |
|||
|
|||
var strokeWidth; |
|||
if (strokeColor === ACTIVITY_STROKE_COLOR) { |
|||
strokeWidth = TASK_STROKE; |
|||
} else { |
|||
strokeWidth = TASK_HIGHLIGHT_STROKE; |
|||
} |
|||
|
|||
var width = element.width - (strokeWidth / 2); |
|||
var height = element.height - (strokeWidth / 2); |
|||
|
|||
var rect = paper.rect(element.x, element.y, width, height, 16); |
|||
rectAttrs['stroke-width'] = strokeWidth; |
|||
|
|||
// Fill
|
|||
rectAttrs['fill'] = WHITE_FILL_COLOR; |
|||
|
|||
rect.attr(rectAttrs); |
|||
rect.id = element.id; |
|||
|
|||
if (element.name) { |
|||
this._drawMultilineText(element.name, element.x + 10, element.y + 5, element.width, element.height, "start", "top", 11); |
|||
} |
|||
} |
|||
|
|||
function _drawPlanModel(element) |
|||
{ |
|||
var rectAttrs = {}; |
|||
|
|||
// Stroke
|
|||
var strokeColor = _cmmnGetColor(element, ACTIVITY_STROKE_COLOR); |
|||
rectAttrs['stroke'] = strokeColor; |
|||
|
|||
var strokeWidth; |
|||
if (strokeColor === ACTIVITY_STROKE_COLOR) { |
|||
strokeWidth = TASK_STROKE; |
|||
} else { |
|||
strokeWidth = TASK_HIGHLIGHT_STROKE; |
|||
} |
|||
|
|||
var width = element.width - (strokeWidth / 2); |
|||
var height = element.height - (strokeWidth / 2); |
|||
|
|||
var rect = paper.rect(element.x, element.y, width, height, 4); |
|||
rectAttrs['stroke-width'] = strokeWidth; |
|||
|
|||
// Fill
|
|||
rectAttrs['fill'] = WHITE_FILL_COLOR; |
|||
|
|||
rect.attr(rectAttrs); |
|||
rect.id = element.id; |
|||
|
|||
var path1 = paper.path("M20 55 L37 34 L275 34 L291 55"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "#ffffff" |
|||
}); |
|||
|
|||
var planModelHeader = paper.set(); |
|||
planModelHeader.push(path1); |
|||
|
|||
planModelHeader.translate(element.x, element.y - 55); |
|||
if (element.name) { |
|||
this._drawMultilineText(element.name, element.x + 10, element.y - 16, 275, element.height, "middle", "top", 11); |
|||
} |
|||
} |
|||
|
|||
function _drawEntryCriterion(element) |
|||
{ |
|||
var strokeColor = _cmmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
var rhombus = paper.path("M" + element.x + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + (element.y + element.height) + |
|||
"L" + (element.x + element.width) + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + element.y + "z" |
|||
); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = WHITE_FILL_COLOR; |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
|
|||
rhombus.attr("stroke-width", 1); |
|||
rhombus.attr("stroke", strokeColor); |
|||
rhombus.attr("fill", gatewayFillColor); |
|||
rhombus.attr("fill-opacity", gatewayOpacity); |
|||
|
|||
rhombus.id = element.id; |
|||
} |
|||
|
|||
function _drawExitCriterion(element) |
|||
{ |
|||
var strokeColor = _cmmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
var rhombus = paper.path("M" + element.x + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + (element.y + element.height) + |
|||
"L" + (element.x + element.width) + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + element.y + "z" |
|||
); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = '#000000'; |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
|
|||
rhombus.attr("stroke-width", 1); |
|||
rhombus.attr("stroke", strokeColor); |
|||
rhombus.attr("fill", gatewayFillColor); |
|||
rhombus.attr("fill-opacity", gatewayOpacity); |
|||
|
|||
rhombus.id = element.id; |
|||
} |
|||
|
|||
function _drawMultilineText(text, x, y, boxWidth, boxHeight, horizontalAnchor, verticalAnchor, fontSize) |
|||
{ |
|||
if (!text || text == "") |
|||
{ |
|||
return; |
|||
} |
|||
|
|||
var textBoxX, textBoxY; |
|||
var width = boxWidth - (2 * TEXT_PADDING); |
|||
|
|||
if (horizontalAnchor === "middle") |
|||
{ |
|||
textBoxX = x + (boxWidth / 2); |
|||
} |
|||
else if (horizontalAnchor === "start") |
|||
{ |
|||
textBoxX = x; |
|||
} |
|||
|
|||
textBoxY = y + (boxHeight / 2); |
|||
|
|||
var t = paper.text(textBoxX + TEXT_PADDING, textBoxY + TEXT_PADDING).attr({ |
|||
"text-anchor" : horizontalAnchor, |
|||
"font-family" : "Arial", |
|||
"font-size" : fontSize, |
|||
"fill" : "#373e48" |
|||
}); |
|||
|
|||
var abc = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; |
|||
t.attr({ |
|||
"text" : abc |
|||
}); |
|||
var letterWidth = t.getBBox().width / abc.length; |
|||
|
|||
t.attr({ |
|||
"text" : text |
|||
}); |
|||
var removedLineBreaks = text.split("\n"); |
|||
var x = 0, s = []; |
|||
for (var r = 0; r < removedLineBreaks.length; r++) |
|||
{ |
|||
var words = removedLineBreaks[r].split(" "); |
|||
for ( var i = 0; i < words.length; i++) { |
|||
|
|||
var l = words[i].length; |
|||
if (x + (l * letterWidth) > width) { |
|||
s.push("\n"); |
|||
x = 0; |
|||
} |
|||
x += l * letterWidth; |
|||
s.push(words[i] + " "); |
|||
} |
|||
s.push("\n"); |
|||
x = 0; |
|||
} |
|||
t.attr({ |
|||
"text" : s.join("") |
|||
}); |
|||
|
|||
if (verticalAnchor && verticalAnchor === "top") |
|||
{ |
|||
t.attr({"y": y + (t.getBBox().height / 2)}); |
|||
} |
|||
} |
|||
|
|||
function _drawAssociation(flow){ |
|||
|
|||
var polyline = new Polyline(flow.id, flow.waypoints, ASSOCIATION_STROKE, paper); |
|||
polyline.element = paper.path(polyline.path); |
|||
polyline.element.attr({"stroke-width": ASSOCIATION_STROKE}); |
|||
polyline.element.attr({"stroke-dasharray": ". "}); |
|||
polyline.element.attr({"stroke":"#585858"}); |
|||
|
|||
polyline.element.id = flow.id; |
|||
|
|||
var polylineInvisible = new Polyline(flow.id, flow.waypoints, ASSOCIATION_STROKE, paper); |
|||
|
|||
polylineInvisible.element = paper.path(polyline.path); |
|||
polylineInvisible.element.attr({ |
|||
"opacity": 0, |
|||
"stroke-width": 8, |
|||
"stroke" : "#000000" |
|||
}); |
|||
|
|||
_showTip(jQuery(polylineInvisible.element.node), flow); |
|||
|
|||
polylineInvisible.element.mouseover(function() { |
|||
paper.getById(polyline.element.id).attr({"stroke":"blue"}); |
|||
}); |
|||
|
|||
polylineInvisible.element.mouseout(function() { |
|||
paper.getById(polyline.element.id).attr({"stroke":"#585858"}); |
|||
}); |
|||
} |
|||
|
|||
function _drawArrowHead(line, connectionType) |
|||
{ |
|||
var doubleArrowWidth = 2 * ARROW_WIDTH; |
|||
|
|||
var arrowHead = paper.path("M0 0L-" + (ARROW_WIDTH / 2 + .5) + " -" + doubleArrowWidth + "L" + (ARROW_WIDTH/2 + .5) + " -" + doubleArrowWidth + "z"); |
|||
|
|||
// anti smoothing
|
|||
if (this.strokeWidth%2 == 1) |
|||
line.x2 += .5, line.y2 += .5; |
|||
|
|||
arrowHead.transform("t" + line.x2 + "," + line.y2 + ""); |
|||
arrowHead.transform("...r" + Raphael.deg(line.angle - Math.PI / 2) + " " + 0 + " " + 0); |
|||
|
|||
arrowHead.attr("fill", "#585858"); |
|||
|
|||
arrowHead.attr("stroke-width", SEQUENCEFLOW_STROKE); |
|||
arrowHead.attr("stroke", "#585858"); |
|||
|
|||
return arrowHead; |
|||
} |
|||
@ -0,0 +1,194 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
function _drawHumanTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 1,17 16,0 0,-1.7778 -5.333332,-3.5555 0,-1.7778 c 1.244444,0 1.244444,-2.3111 1.244444,-2.3111 l 0,-3.0222 C 12.555557,0.8221 9.0000001,1.0001 9.0000001,1.0001 c 0,0 -3.5555556,-0.178 -3.9111111,3.5555 l 0,3.0222 c 0,0 0,2.3111 1.2444443,2.3111 l 0,1.7778 L 1,15.2222 1,17 17,17"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#d1b575" |
|||
}); |
|||
|
|||
var userTaskIcon = paper.set(); |
|||
userTaskIcon.push(path1); |
|||
|
|||
userTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawServiceTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("M 8,1 7.5,2.875 c 0,0 -0.02438,0.250763 -0.40625,0.4375 C 7.05724,3.330353 7.04387,3.358818 7,3.375 6.6676654,3.4929791 6.3336971,3.6092802 6.03125,3.78125 6.02349,3.78566 6.007733,3.77681 6,3.78125 5.8811373,3.761018 5.8125,3.71875 5.8125,3.71875 l -1.6875,-1 -1.40625,1.4375 0.96875,1.65625 c 0,0 0.065705,0.068637 0.09375,0.1875 0.002,0.00849 -0.00169,0.022138 0,0.03125 C 3.6092802,6.3336971 3.4929791,6.6676654 3.375,7 3.3629836,7.0338489 3.3239228,7.0596246 3.3125,7.09375 3.125763,7.4756184 2.875,7.5 2.875,7.5 L 1,8 l 0,2 1.875,0.5 c 0,0 0.250763,0.02438 0.4375,0.40625 0.017853,0.03651 0.046318,0.04988 0.0625,0.09375 0.1129372,0.318132 0.2124732,0.646641 0.375,0.9375 -0.00302,0.215512 -0.09375,0.34375 -0.09375,0.34375 L 2.6875,13.9375 4.09375,15.34375 5.78125,14.375 c 0,0 0.1229911,-0.09744 0.34375,-0.09375 0.2720511,0.147787 0.5795915,0.23888 0.875,0.34375 0.033849,0.01202 0.059625,0.05108 0.09375,0.0625 C 7.4756199,14.874237 7.5,15.125 7.5,15.125 L 8,17 l 2,0 0.5,-1.875 c 0,0 0.02438,-0.250763 0.40625,-0.4375 0.03651,-0.01785 0.04988,-0.04632 0.09375,-0.0625 0.332335,-0.117979 0.666303,-0.23428 0.96875,-0.40625 0.177303,0.0173 0.28125,0.09375 0.28125,0.09375 l 1.65625,0.96875 1.40625,-1.40625 -0.96875,-1.65625 c 0,0 -0.07645,-0.103947 -0.09375,-0.28125 0.162527,-0.290859 0.262063,-0.619368 0.375,-0.9375 0.01618,-0.04387 0.04465,-0.05724 0.0625,-0.09375 C 14.874237,10.52438 15.125,10.5 15.125,10.5 L 17,10 17,8 15.125,7.5 c 0,0 -0.250763,-0.024382 -0.4375,-0.40625 C 14.669647,7.0572406 14.641181,7.0438697 14.625,7 14.55912,6.8144282 14.520616,6.6141566 14.4375,6.4375 c -0.224363,-0.4866 0,-0.71875 0,-0.71875 L 15.40625,4.0625 14,2.625 l -1.65625,1 c 0,0 -0.253337,0.1695664 -0.71875,-0.03125 l -0.03125,0 C 11.405359,3.5035185 11.198648,3.4455201 11,3.375 10.95613,3.3588185 10.942759,3.3303534 10.90625,3.3125 10.524382,3.125763 10.5,2.875 10.5,2.875 L 10,1 8,1 z m 1,5 c 1.656854,0 3,1.3431458 3,3 0,1.656854 -1.343146,3 -3,3 C 7.3431458,12 6,10.656854 6,9 6,7.3431458 7.3431458,6 9,6 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#72a7d0" |
|||
}); |
|||
|
|||
var serviceTaskIcon = paper.set(); |
|||
serviceTaskIcon.push(path1); |
|||
|
|||
serviceTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawCaseTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("M5 8 L9 4 L18 4 L 21 7"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "#000000", |
|||
"fill": "#000000" |
|||
}); |
|||
|
|||
var path2 = paper.path("M1 23 L1 4 L30 4 L30 23z"); |
|||
path2.attr({ |
|||
"opacity": 1, |
|||
"stroke": "#000000", |
|||
"fill": "#F4F6F7" |
|||
}); |
|||
|
|||
var caseTaskIcon = paper.set(); |
|||
caseTaskIcon.push(path1); |
|||
caseTaskIcon.push(path2); |
|||
|
|||
caseTaskIcon.translate(startX, startY); |
|||
caseTaskIcon.scale(0.7, 0.7); |
|||
} |
|||
|
|||
function _drawProcessTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("M1 23 L7 11 L1 0 L30 0 L 35 11 L 30 23z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "#000000", |
|||
"fill": "#F4F6F7" |
|||
}); |
|||
|
|||
var processTaskIcon = paper.set(); |
|||
processTaskIcon.push(path1); |
|||
|
|||
processTaskIcon.translate(startX, startY); |
|||
processTaskIcon.scale(0.7, 0.7); |
|||
} |
|||
|
|||
function _drawSendTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("M 1 3 L 9 11 L 17 3 L 1 3 z M 1 5 L 1 13 L 5 9 L 1 5 z M 17 5 L 13 9 L 17 13 L 17 5 z M 6 10 L 1 15 L 17 15 L 12 10 L 9 13 L 6 10 z"); |
|||
path1.attr({ |
|||
"stroke": "none", |
|||
"fill": "#16964d" |
|||
}); |
|||
|
|||
var sendTaskIcon = paper.set(); |
|||
sendTaskIcon.push(path1); |
|||
|
|||
sendTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawDecisionTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 1,2 0,14 16,0 0,-14 z m 1.9,2.4000386 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m -8.67364,3.9 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m -8.67364,3.9 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "#000000", |
|||
"fill": "#F4F6F7" |
|||
}); |
|||
|
|||
var decisionTaskIcon = paper.set(); |
|||
decisionTaskIcon.push(path1); |
|||
|
|||
decisionTaskIcon.translate(startX, startY); |
|||
decisionTaskIcon.scale(0.7, 0.7); |
|||
} |
|||
|
|||
function _drawHttpTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path = paper.path("m 16.704699,5.9229055 q 0.358098,0 0.608767,0.2506681 0.250669,0.250668 0.250669,0.6087677 0,0.3580997 -0.250669,0.6087677 -0.250669,0.2506679 -0.608767,0.2506679 -0.358098,0 -0.608767,-0.2506679 -0.250669,-0.250668 -0.250669,-0.6087677 0,-0.3580997 0.250669,-0.6087677 0.250669,-0.2506681 0.608767,-0.2506681 z m 2.578308,-2.0053502 q -2.229162,0 -3.854034,0.6759125 -1.624871,0.6759067 -3.227361,2.2694472 -0.716197,0.725146 -1.575633,1.7457293 L 7.2329969,8.7876913 Q 7.0897576,8.8055849 7.000233,8.9309334 L 4.9948821,12.368677 q -0.035811,0.06267 -0.035811,0.143242 0,0.107426 0.080572,0.205905 l 0.5729577,0.572957 q 0.125334,0.116384 0.2864786,0.07162 l 2.4708789,-0.760963 2.5156417,2.515645 -0.76096,2.470876 q -0.009,0.02687 -0.009,0.08057 0,0.125338 0.08058,0.205905 l 0.572957,0.572958 q 0.170096,0.152194 0.349146,0.04476 l 3.437744,-2.005351 q 0.125335,-0.08953 0.143239,-0.232763 l 0.17905,-3.392986 q 1.02058,-0.859435 1.745729,-1.575629 1.67411,-1.6830612 2.309735,-3.2049805 0.635625,-1.5219191 0.635625,-3.8585111 0,-0.1253369 -0.08505,-0.2148575 -0.08505,-0.089526 -0.201431,-0.089526 z"); |
|||
path.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#16964d" |
|||
}); |
|||
|
|||
startX += -2; |
|||
startY += -2; |
|||
|
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
} |
|||
|
|||
function _drawBusinessRuleTaskIcon(paper, startX, startY) { |
|||
var path1 = paper.path("m 1,2 0,14 16,0 0,-14 z m 1.45458,5.6000386 2.90906,0 0,2.7999224 -2.90906,0 z m 4.36364,0 8.72718,0 0,2.7999224 -8.72718,0 z m -4.36364,4.1998844 2.90906,0 0,2.800116 -2.90906,0 z m 4.36364,0 8.72718,0 0,2.800116 -8.72718,0 z"); |
|||
path1.attr({ |
|||
"stroke": "none", |
|||
"fill": "#72a7d0" |
|||
}); |
|||
|
|||
var businessRuleTaskIcon = paper.set(); |
|||
businessRuleTaskIcon.push(path1); |
|||
|
|||
businessRuleTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawTimerEventListenerIcon(paper, element) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, 10); |
|||
|
|||
circle.attr({"stroke-width": 1, |
|||
"stroke": "black", |
|||
"fill": "none" |
|||
}); |
|||
|
|||
var path = paper.path("M 10 0 C 4.4771525 0 0 4.4771525 0 10 C 0 15.522847 4.4771525 20 10 20 C 15.522847 20 20 15.522847 20 10 C 20 4.4771525 15.522847 1.1842379e-15 10 0 z M 9.09375 1.03125 C 9.2292164 1.0174926 9.362825 1.0389311 9.5 1.03125 L 9.5 3.5 L 10.5 3.5 L 10.5 1.03125 C 15.063526 1.2867831 18.713217 4.9364738 18.96875 9.5 L 16.5 9.5 L 16.5 10.5 L 18.96875 10.5 C 18.713217 15.063526 15.063526 18.713217 10.5 18.96875 L 10.5 16.5 L 9.5 16.5 L 9.5 18.96875 C 4.9364738 18.713217 1.2867831 15.063526 1.03125 10.5 L 3.5 10.5 L 3.5 9.5 L 1.03125 9.5 C 1.279102 5.0736488 4.7225326 1.4751713 9.09375 1.03125 z M 9.5 5 L 9.5 8.0625 C 8.6373007 8.2844627 8 9.0680195 8 10 C 8 11.104569 8.8954305 12 10 12 C 10.931981 12 11.715537 11.362699 11.9375 10.5 L 14 10.5 L 14 9.5 L 11.9375 9.5 C 11.756642 8.7970599 11.20294 8.2433585 10.5 8.0625 L 10.5 5 L 9.5 5 z"); |
|||
path.attr({ |
|||
"stroke": "none", |
|||
"fill": "#585858" |
|||
}); |
|||
path.transform("T" + (element.x + 5) + "," + (element.y + 5)); |
|||
return path; |
|||
} |
|||
|
|||
function _drawUserEventListenerIcon(paper, element) { |
|||
var userTaskIcon = paper.set(); |
|||
var path1 = paper.path("M0.585,24.167h24.083v-7.833c0,0-2.333-3.917-7.083-5.167h-9.25 c-4.417,1.333-7.833,5.75-7.833,5.75L0.585,24.167z"); |
|||
path1.attr({"opacity": 1, "stroke": "none", "fill": "#F4F6F7"}); |
|||
userTaskIcon.push(path1); |
|||
|
|||
var path2 = paper.path("M6,20L6,24"); |
|||
path2.attr({"opacity": 1, "stroke": "white", "fill": "none"}); |
|||
userTaskIcon.push(path2); |
|||
|
|||
var path3 = paper.path("M20,20L20,24"); |
|||
path3.attr({"opacity": 1, "stroke": "white", "fill": "none"}); |
|||
userTaskIcon.push(path3); |
|||
|
|||
var circle = paper.circle(13.002, 5.916, 5.417); |
|||
circle.attr({"stroke-width": 1, "stroke": "black", "fill": "#000000"}); |
|||
userTaskIcon.push(circle); |
|||
|
|||
var path4 = paper.path("M8.043,7.083c0,0,2.814-2.426,5.376-1.807s4.624-0.693,4.624-0.693 c0.25,1.688,0.042,3.75-1.458,5.584c0,0,1.083,0.75,1.083,1.5s0.125,1.875-1,3s-5.5,1.25-6.75,0S8.668,12.834,8.668,12 s0.583-1.25,1.25-1.917C8.835,9.5,7.419,7.708,8.043,7.083z"); |
|||
path4.attr({"opacity": 1, "stroke": "none", "fill": "#F0EFF0"}); |
|||
userTaskIcon.push(path4); |
|||
|
|||
var x = (element.width / 2) - 2; |
|||
var y = (element.height / 2) - 2; |
|||
var circle2 = paper.circle(x, y, 17); |
|||
circle2.attr({"stroke-width": 1, "stroke": "#F0EFF0", "fill": "none"}); |
|||
userTaskIcon.push(circle2); |
|||
|
|||
userTaskIcon.transform("S0.7,0.7" + "T" + (element.x + 2) + "," + (element.y + 2)); |
|||
return userTaskIcon; |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
div[class*='ui-tooltip-flowable-'] { |
|||
background-color: #ffffff; |
|||
border-color: #c5c5c5; |
|||
color: #4a4a4a; |
|||
font-family: Verdana; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
div[class*='ui-tooltip-flowable-'] .qtip-content { |
|||
color: #4a4a4a; |
|||
background-color: #ffffff; |
|||
font-family: Verdana; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.ui-tooltip-flowable-cmmn .qtip-titlebar { |
|||
color: #FFFFFF; |
|||
font-size: 12px; |
|||
background: #2B414F; |
|||
} |
|||
|
|||
.ui-tooltip-flowable-cmmn .qtip-tip { |
|||
background-color: #2B414F; |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
<html> |
|||
<head> |
|||
|
|||
<link type="text/css" rel="stylesheet" href="display/jquery.qtip.min.css" /> |
|||
<link type="text/css" rel="stylesheet" href="display-cmmn/displaymodel.css" /> |
|||
|
|||
<script type="text/javascript" src="display/jquery.qtip.min.js"></script> |
|||
<script type="text/javascript" src="display/raphael.min.js"></script> |
|||
<script type="text/javascript" src="display-cmmn/cmmn-draw.js"></script> |
|||
<script type="text/javascript" src="display-cmmn/cmmn-icons.js"></script> |
|||
<script type="text/javascript" src="display/Polyline.js"></script> |
|||
<script type="text/javascript" src="display-cmmn/displaymodel.js"></script> |
|||
|
|||
</head> |
|||
</html> |
|||
@ -0,0 +1,272 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
var NORMAL_STROKE = 1; |
|||
var ASSOCIATION_STROKE = 2; |
|||
var TASK_STROKE = 1; |
|||
var TASK_HIGHLIGHT_STROKE = 2; |
|||
|
|||
var TEXT_COLOR= "#373e48"; |
|||
var CURRENT_COLOR= "#017501"; |
|||
var HOVER_COLOR= "#666666"; |
|||
var ACTIVITY_STROKE_COLOR = "#bbbbbb"; |
|||
var ACTIVITY_FILL_COLOR = "#f9f9f9"; |
|||
var WHITE_FILL_COLOR = "#ffffff"; |
|||
var MAIN_STROKE_COLOR = "#585858"; |
|||
|
|||
var TEXT_PADDING = 3; |
|||
var ARROW_WIDTH = 4; |
|||
var MARKER_WIDTH = 12; |
|||
|
|||
var TASK_FONT = {font: "11px Arial", opacity: 1, fill: Raphael.rgb(0, 0, 0)}; |
|||
|
|||
// icons
|
|||
var ICON_SIZE = 16; |
|||
var ICON_PADDING = 4; |
|||
|
|||
var INITIAL_CANVAS_WIDTH; |
|||
var INITIAL_CANVAS_HEIGHT; |
|||
|
|||
var paper; |
|||
var viewBox; |
|||
var viewBoxWidth; |
|||
var viewBoxHeight; |
|||
|
|||
var canvasWidth; |
|||
var canvasHeight; |
|||
|
|||
var modelDiv = jQuery('#cmmnModel'); |
|||
var modelId = modelDiv.attr('data-model-id'); |
|||
var historyModelId = modelDiv.attr('data-history-id'); |
|||
var caseDefinitionId = modelDiv.attr('data-case-definition-id'); |
|||
var modelType = modelDiv.attr('data-model-type'); |
|||
|
|||
var elementsAdded = new Array(); |
|||
var elementsRemoved = new Array(); |
|||
|
|||
function _showTip(htmlNode, element) |
|||
{ |
|||
// Default tooltip, no custom tool tip set
|
|||
if (documentation === undefined) { |
|||
var documentation = ""; |
|||
if (element.name && element.name.length > 0) { |
|||
documentation += "<b>Name</b>: <i>" + element.name + "</i><br/><br/>"; |
|||
} |
|||
|
|||
if (element.properties) { |
|||
for (var i = 0; i < element.properties.length; i++) { |
|||
var propName = element.properties[i].name; |
|||
if (element.properties[i].type && element.properties[i].type === 'list') { |
|||
documentation += '<b>' + propName + '</b>:<br/>'; |
|||
for (var j = 0; j < element.properties[i].value.length; j++) { |
|||
documentation += '<i>' + element.properties[i].value[j] + '</i><br/>'; |
|||
} |
|||
} |
|||
else { |
|||
documentation += '<b>' + propName + '</b>: <i>' + element.properties[i].value + '</i><br/>'; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
var text = element.type + " "; |
|||
if (element.name && element.name.length > 0) |
|||
{ |
|||
text += element.name; |
|||
} |
|||
else |
|||
{ |
|||
text += element.id; |
|||
} |
|||
|
|||
htmlNode.qtip({ |
|||
content: { |
|||
text: documentation, |
|||
title: { |
|||
text: text |
|||
} |
|||
}, |
|||
position: { |
|||
my: 'top left', |
|||
at: 'bottom center', |
|||
viewport: jQuery('#cmmnModel') |
|||
}, |
|||
hide: { |
|||
fixed: true, delay: 500, |
|||
event: 'click mouseleave' |
|||
}, |
|||
style: { |
|||
classes: 'ui-tooltip-flowable-cmmn' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function _addHoverLogic(element, type, defaultColor) |
|||
{ |
|||
var strokeColor = _cmmnGetColor(element, defaultColor); |
|||
var topBodyRect = null; |
|||
if (type === "rect") |
|||
{ |
|||
topBodyRect = paper.rect(element.x, element.y, element.width, element.height); |
|||
} |
|||
else if (type === "circle") |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
topBodyRect = paper.circle(x, y, 15); |
|||
} |
|||
else if (type === "rhombus") |
|||
{ |
|||
topBodyRect = paper.path("M" + element.x + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + (element.y + element.height) + |
|||
"L" + (element.x + element.width) + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + element.y + "z" |
|||
); |
|||
} |
|||
|
|||
var opacity = 0; |
|||
var fillColor = "#ffffff"; |
|||
if (jQuery.inArray(element.id, elementsAdded) >= 0) |
|||
{ |
|||
opacity = 0.2; |
|||
fillColor = "green"; |
|||
} |
|||
|
|||
if (jQuery.inArray(element.id, elementsRemoved) >= 0) |
|||
{ |
|||
opacity = 0.2; |
|||
fillColor = "red"; |
|||
} |
|||
|
|||
topBodyRect.attr({ |
|||
"opacity": opacity, |
|||
"stroke" : "none", |
|||
"fill" : fillColor |
|||
}); |
|||
_showTip(jQuery(topBodyRect.node), element); |
|||
|
|||
topBodyRect.mouseover(function() { |
|||
paper.getById(element.id).attr({"stroke":HOVER_COLOR}); |
|||
}); |
|||
|
|||
topBodyRect.mouseout(function() { |
|||
paper.getById(element.id).attr({"stroke":strokeColor}); |
|||
}); |
|||
} |
|||
|
|||
function _zoom(zoomIn) |
|||
{ |
|||
var tmpCanvasWidth, tmpCanvasHeight; |
|||
if (zoomIn) |
|||
{ |
|||
tmpCanvasWidth = canvasWidth * (1.0/0.90); |
|||
tmpCanvasHeight = canvasHeight * (1.0/0.90); |
|||
} |
|||
else |
|||
{ |
|||
tmpCanvasWidth = canvasWidth * (1.0/1.10); |
|||
tmpCanvasHeight = canvasHeight * (1.0/1.10); |
|||
} |
|||
|
|||
if (tmpCanvasWidth != canvasWidth || tmpCanvasHeight != canvasHeight) |
|||
{ |
|||
canvasWidth = tmpCanvasWidth; |
|||
canvasHeight = tmpCanvasHeight; |
|||
paper.setSize(canvasWidth, canvasHeight); |
|||
} |
|||
} |
|||
|
|||
var modelUrl; |
|||
|
|||
if (modelType == 'runtime') { |
|||
if (historyModelId) { |
|||
modelUrl = FLOWABLE.APP_URL.getCaseInstancesHistoryModelJsonUrl(historyModelId); |
|||
} else { |
|||
modelUrl = FLOWABLE.APP_URL.getCaseInstancesModelJsonUrl(modelId); |
|||
} |
|||
} else if (modelType == 'design') { |
|||
if (historyModelId) { |
|||
modelUrl = FLOWABLE.APP_URL.getModelHistoryModelJsonUrl(modelId, historyModelId); |
|||
} else { |
|||
modelUrl = FLOWABLE.APP_URL.getModelModelJsonUrl(modelId); |
|||
} |
|||
} else if (modelType == 'case-definition') { |
|||
modelUrl = FLOWABLE.APP_URL.getCaseDefinitionModelJsonUrl(caseDefinitionId); |
|||
} |
|||
|
|||
var request = jQuery.ajax({ |
|||
type: 'get', |
|||
url: modelUrl + '?nocaching=' + new Date().getTime() |
|||
}); |
|||
|
|||
request.success(function(data, textStatus, jqXHR) { |
|||
|
|||
if ((!data.elements || data.elements.length == 0) && (!data.pools || data.pools.length == 0)) return; |
|||
|
|||
INITIAL_CANVAS_WIDTH = data.diagramWidth; |
|||
|
|||
if (modelType == 'design') { |
|||
INITIAL_CANVAS_WIDTH += 20; |
|||
} else { |
|||
INITIAL_CANVAS_WIDTH += 30; |
|||
} |
|||
|
|||
INITIAL_CANVAS_HEIGHT = data.diagramHeight + 50; |
|||
canvasWidth = INITIAL_CANVAS_WIDTH; |
|||
canvasHeight = INITIAL_CANVAS_HEIGHT; |
|||
viewBoxWidth = INITIAL_CANVAS_WIDTH; |
|||
viewBoxHeight = INITIAL_CANVAS_HEIGHT; |
|||
|
|||
if (modelType == 'design') { |
|||
var headerBarHeight = 170; |
|||
var offsetY = 0; |
|||
if (jQuery(window).height() > (canvasHeight + headerBarHeight)) |
|||
{ |
|||
offsetY = (jQuery(window).height() - headerBarHeight - canvasHeight) / 2; |
|||
} |
|||
|
|||
if (offsetY > 50) { |
|||
offsetY = 50; |
|||
} |
|||
|
|||
jQuery('#cmmnModel').css('marginTop', offsetY); |
|||
} |
|||
|
|||
jQuery('#cmmnModel').width(INITIAL_CANVAS_WIDTH); |
|||
jQuery('#cmmnModel').height(INITIAL_CANVAS_HEIGHT); |
|||
paper = Raphael(document.getElementById('cmmnModel'), canvasWidth, canvasHeight); |
|||
paper.setViewBox(0, 0, viewBoxWidth, viewBoxHeight, false); |
|||
paper.renderfix(); |
|||
|
|||
var modelElements = data.elements; |
|||
for (var i = 0; i < modelElements.length; i++) |
|||
{ |
|||
var element = modelElements[i]; |
|||
//try {
|
|||
var drawFunction = eval("_draw" + element.type); |
|||
drawFunction(element); |
|||
//} catch(err) {console.log(err);}
|
|||
} |
|||
|
|||
if (data.flows) |
|||
{ |
|||
for (var i = 0; i < data.flows.length; i++) |
|||
{ |
|||
var flow = data.flows[i]; |
|||
_drawAssociation(flow); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
request.error(function(jqXHR, textStatus, errorThrown) { |
|||
alert("error"); |
|||
}); |
|||
@ -0,0 +1,3 @@ |
|||
/dist |
|||
/node_modules |
|||
/displaymodel_temp.html |
|||
@ -0,0 +1,153 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
'use strict'; |
|||
|
|||
module.exports = function (grunt) { |
|||
|
|||
require('load-grunt-tasks')(grunt); |
|||
require('time-grunt')(grunt); |
|||
|
|||
grunt.initConfig({ |
|||
yeoman: { |
|||
app: require('./package.json').appPath || 'app', |
|||
dist: 'dist' |
|||
}, |
|||
clean: { |
|||
dist: { |
|||
files: [ |
|||
{ |
|||
dot: true, |
|||
src: [ |
|||
'.tmp', |
|||
'<%= yeoman.dist %>/*', |
|||
'!<%= yeoman.dist %>/.git*' |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
server: '.tmp' |
|||
}, |
|||
useminPrepare: { |
|||
html: 'displaymodel.html', |
|||
options: { |
|||
dest: '<%= yeoman.dist %>/' |
|||
} |
|||
}, |
|||
usemin: { |
|||
html: ['<%= yeoman.dist %>/{,*/}*.html'], |
|||
css: ['<%= yeoman.dist %>/display/styles/{,*/}*.css'], |
|||
options: { |
|||
dirs: ['<%= yeoman.dist %>'] |
|||
} |
|||
}, |
|||
// Put files not handled in other tasks here
|
|||
copy: { |
|||
dist: { |
|||
files: [{ |
|||
expand: true, |
|||
dot: true, |
|||
cwd: '.', |
|||
dest: '<%= yeoman.dist %>', |
|||
src: [ |
|||
'fonts/*' |
|||
] |
|||
}, { |
|||
expand: true, |
|||
cwd: '.tmp/images', |
|||
dest: '<%= yeoman.dist %>/images', |
|||
src: [ |
|||
'generated/*' |
|||
] |
|||
}] |
|||
}, |
|||
styles: { |
|||
expand: true, |
|||
cwd: 'styles', |
|||
dest: '.tmp/styles/', |
|||
src: '{,*/}*.css' |
|||
}, |
|||
index: { |
|||
expand: true, |
|||
cwd: './', |
|||
src: ['*.html', 'views/**/**.html'], |
|||
dest: '<%= yeoman.dist %>' |
|||
}, |
|||
copyCss : { |
|||
files: [ |
|||
{expand: true, cwd:'.tmp/concat/display/styles/', src:'*.css', dest:'<%= yeoman.dist %>/display/styles/', filter: 'isFile'} |
|||
] |
|||
}, |
|||
copyJs : { |
|||
files: [ |
|||
{expand: true, cwd:'.tmp/concat/display/scripts', src:'*.js', dest:'<%= yeoman.dist %>/display/scripts/', filter: 'isFile'} |
|||
] |
|||
}, |
|||
}, |
|||
ngAnnotate: { |
|||
dist: { |
|||
files: [ |
|||
{ |
|||
expand: true, |
|||
cwd: '.tmp/concat/display/scripts', |
|||
src: '*.js', |
|||
dest: '.tmp/concat/display/scripts' |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
uglify: { |
|||
dist: { |
|||
options: { |
|||
mangle: true |
|||
}, |
|||
files: { |
|||
'<%= yeoman.dist %>/display/scripts/displaymodel-logic.js': [ |
|||
'<%= yeoman.dist %>/display/scripts/displaymodel-logic.js' |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
rev: { |
|||
dist: { |
|||
files: { |
|||
src: [ |
|||
'<%= yeoman.dist %>/display/{,*/}*.js', |
|||
'<%= yeoman.dist %>/display/{,*/}*.css', |
|||
'<%= yeoman.dist %>/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' |
|||
] |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
grunt.registerTask('buildApp', [ |
|||
'clean:dist', |
|||
'useminPrepare', |
|||
'copy:styles', |
|||
'concat', |
|||
'copy:dist', |
|||
'ngAnnotate', |
|||
'copy:copyCss', |
|||
'copy:copyJs', |
|||
'copy:index', |
|||
'uglify', |
|||
'rev', |
|||
'usemin' |
|||
]); |
|||
|
|||
|
|||
grunt.registerTask('default', [ |
|||
'buildApp' |
|||
]); |
|||
|
|||
}; |
|||
@ -0,0 +1,387 @@ |
|||
/* Copyright 2005-2015 Alfresco Software, Ltd. |
|||
* |
|||
* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/** |
|||
* Class to generate polyline |
|||
* |
|||
* @author Dmitry Farafonov |
|||
*/ |
|||
|
|||
var ANCHOR_TYPE= { |
|||
main: "main", |
|||
middle: "middle", |
|||
first: "first", |
|||
last: "last" |
|||
}; |
|||
|
|||
function Anchor(uuid, type, x, y) { |
|||
this.uuid = uuid; |
|||
this.x = x; |
|||
this.y = y; |
|||
this.type = (type == ANCHOR_TYPE.middle) ? ANCHOR_TYPE.middle : ANCHOR_TYPE.main; |
|||
}; |
|||
Anchor.prototype = { |
|||
uuid: null, |
|||
x: 0, |
|||
y: 0, |
|||
type: ANCHOR_TYPE.main, |
|||
isFirst: false, |
|||
isLast: false, |
|||
ndex: 0, |
|||
typeIndex: 0 |
|||
}; |
|||
|
|||
function Polyline(uuid, points, strokeWidth, paper) { |
|||
/* Array on coordinates: |
|||
* points: [{x: 410, y: 110}, 1 |
|||
* {x: 570, y: 110}, 1 2 |
|||
* {x: 620, y: 240}, 2 3 |
|||
* {x: 750, y: 270}, 3 4 |
|||
* {x: 650, y: 370}]; 4 |
|||
*/ |
|||
this.points = points; |
|||
|
|||
/* |
|||
* path for graph |
|||
* [["M", x1, y1], ["L", x2, y2], ["C", ax, ay, bx, by, x3, y3], ["L", x3, y3]] |
|||
*/ |
|||
this.path = []; |
|||
|
|||
this.anchors = []; |
|||
|
|||
if (strokeWidth) this.strokeWidth = strokeWidth; |
|||
|
|||
this.paper = paper; |
|||
|
|||
this.closePath = false; |
|||
|
|||
this.init(); |
|||
}; |
|||
|
|||
Polyline.prototype = { |
|||
id: null, |
|||
points: [], |
|||
path: [], |
|||
anchors: [], |
|||
strokeWidth: 1, |
|||
radius: 1, |
|||
showDetails: false, |
|||
paper: null, |
|||
element: null, |
|||
isDefaultConditionAvailable: false, |
|||
closePath: false, |
|||
|
|||
init: function(points){ |
|||
var linesCount = this.getLinesCount(); |
|||
if (linesCount < 1) |
|||
return; |
|||
|
|||
this.normalizeCoordinates(); |
|||
|
|||
// create anchors
|
|||
|
|||
this.pushAnchor(ANCHOR_TYPE.first, this.getLine(0).x1, this.getLine(0).y1); |
|||
|
|||
for (var i = 1; i < linesCount; i++) |
|||
{ |
|||
var line1 = this.getLine(i-1); |
|||
this.pushAnchor(ANCHOR_TYPE.main, line1.x2, line1.y2); |
|||
} |
|||
|
|||
this.pushAnchor(ANCHOR_TYPE.last, this.getLine(linesCount-1).x2, this.getLine(linesCount-1).y2); |
|||
|
|||
this.rebuildPath(); |
|||
}, |
|||
|
|||
normalizeCoordinates: function(){ |
|||
for(var i=0; i < this.points.length; i++){ |
|||
this.points[i].x = parseFloat(this.points[i].x); |
|||
this.points[i].y = parseFloat(this.points[i].y); |
|||
} |
|||
}, |
|||
|
|||
getLinesCount: function(){ |
|||
return this.points.length-1; |
|||
}, |
|||
_getLine: function(i){ |
|||
if (this.points.length > i && this.points[i]) { |
|||
return {x1: this.points[i].x, y1: this.points[i].y, x2: this.points[i+1].x, y2: this.points[i+1].y}; |
|||
} else { |
|||
return undefined; |
|||
} |
|||
}, |
|||
getLine: function(i){ |
|||
var line = this._getLine(i); |
|||
if (line != undefined) { |
|||
line.angle = this.getLineAngle(i); |
|||
} |
|||
return line; |
|||
}, |
|||
getLineAngle: function(i){ |
|||
var line = this._getLine(i); |
|||
return Math.atan2(line.y2 - line.y1, line.x2 - line.x1); |
|||
}, |
|||
getLineLengthX: function(i){ |
|||
var line = this.getLine(i); |
|||
return (line.x2 - line.x1); |
|||
}, |
|||
getLineLengthY: function(i){ |
|||
var line = this.getLine(i); |
|||
return (line.y2 - line.y1); |
|||
}, |
|||
getLineLength: function(i){ |
|||
return Math.sqrt(Math.pow(this.getLineLengthX(i), 2) + Math.pow(this.getLineLengthY(i), 2)); |
|||
}, |
|||
|
|||
getAnchors: function(){ |
|||
return this.anchors; |
|||
}, |
|||
getAnchorsCount: function(type){ |
|||
if (!type) |
|||
return this.anchors.length; |
|||
else { |
|||
var count = 0; |
|||
for(var i=0; i < this.getAnchorsCount(); i++){ |
|||
var anchor = this.anchors[i]; |
|||
if (anchor.getType() == type) { |
|||
count++; |
|||
} |
|||
} |
|||
return count; |
|||
} |
|||
}, |
|||
|
|||
pushAnchor: function(type, x, y, index){ |
|||
if (type == ANCHOR_TYPE.first) { |
|||
index = 0; |
|||
typeIndex = 0; |
|||
} else if (type == ANCHOR_TYPE.last) { |
|||
index = this.getAnchorsCount(); |
|||
typeIndex = 0; |
|||
} else if (!index) { |
|||
index = this.anchors.length; |
|||
} else { |
|||
for(var i=0; i < this.getAnchorsCount(); i++){ |
|||
var anchor = this.anchors[i]; |
|||
if (anchor.index > index) { |
|||
anchor.index++; |
|||
anchor.typeIndex++; |
|||
} |
|||
} |
|||
} |
|||
|
|||
var anchor = new Anchor(this.id, ANCHOR_TYPE.main, x, y, index, typeIndex); |
|||
|
|||
this.anchors.push(anchor); |
|||
}, |
|||
|
|||
getAnchor: function(position){ |
|||
return this.anchors[position]; |
|||
}, |
|||
|
|||
getAnchorByType: function(type, position){ |
|||
if (type == ANCHOR_TYPE.first) |
|||
return this.anchors[0]; |
|||
if (type == ANCHOR_TYPE.last) |
|||
return this.anchors[this.getAnchorsCount()-1]; |
|||
|
|||
for(var i=0; i < this.getAnchorsCount(); i++){ |
|||
var anchor = this.anchors[i]; |
|||
if (anchor.type == type) { |
|||
if( position == anchor.position) |
|||
return anchor; |
|||
} |
|||
} |
|||
return null; |
|||
}, |
|||
|
|||
addNewPoint: function(position, x, y){ |
|||
//
|
|||
for(var i = 0; i < this.getLinesCount(); i++){ |
|||
var line = this.getLine(i); |
|||
if (x > line.x1 && x < line.x2 && y > line.y1 && y < line.y2) { |
|||
this.points.splice(i+1,0,{x: x, y: y}); |
|||
break; |
|||
} |
|||
} |
|||
|
|||
this.rebuildPath(); |
|||
}, |
|||
|
|||
rebuildPath: function(){ |
|||
var path = []; |
|||
|
|||
for(var i = 0; i < this.getAnchorsCount(); i++){ |
|||
var anchor = this.getAnchor(i); |
|||
|
|||
var pathType = ""; |
|||
if (i == 0) |
|||
pathType = "M"; |
|||
else |
|||
pathType = "L"; |
|||
|
|||
// TODO: save previous points and calculate new path just if points are updated, and then save currents values as previous
|
|||
|
|||
var targetX = anchor.x, targetY = anchor.y; |
|||
if (i>0 && i < this.getAnchorsCount()-1) { |
|||
// get new x,y
|
|||
var cx = anchor.x, cy = anchor.y; |
|||
|
|||
// pivot point of prev line
|
|||
var AO = this.getLineLength(i-1); |
|||
if (AO < this.radius) { |
|||
AO = this.radius; |
|||
} |
|||
|
|||
this.isDefaultConditionAvailable = (this.isDefaultConditionAvailable || (i == 1 && AO > 10)); |
|||
|
|||
var ED = this.getLineLengthY(i-1) * this.radius / AO; |
|||
var OD = this.getLineLengthX(i-1) * this.radius / AO; |
|||
targetX = anchor.x - OD; |
|||
targetY = anchor.y - ED; |
|||
|
|||
if (AO < 2*this.radius && i>1) { |
|||
targetX = anchor.x - this.getLineLengthX(i-1)/2; |
|||
targetY = anchor.y - this.getLineLengthY(i-1)/2;; |
|||
} |
|||
|
|||
// pivot point of next line
|
|||
var AO = this.getLineLength(i); |
|||
if (AO < this.radius) { |
|||
AO = this.radius; |
|||
} |
|||
var ED = this.getLineLengthY(i) * this.radius / AO; |
|||
var OD = this.getLineLengthX(i) * this.radius / AO; |
|||
var nextSrcX = anchor.x + OD; |
|||
var nextSrcY = anchor.y + ED; |
|||
|
|||
if (AO < 2*this.radius && i<this.getAnchorsCount()-2) { |
|||
nextSrcX = anchor.x + this.getLineLengthX(i)/2; |
|||
nextSrcY = anchor.y + this.getLineLengthY(i)/2;; |
|||
} |
|||
|
|||
|
|||
var dx0 = (cx - targetX) / 3, |
|||
dy0 = (cy - targetY) / 3, |
|||
ax = cx - dx0, |
|||
ay = cy - dy0, |
|||
|
|||
dx1 = (cx - nextSrcX) / 3, |
|||
dy1 = (cy - nextSrcY) / 3, |
|||
bx = cx - dx1, |
|||
by = cy - dy1, |
|||
|
|||
zx=nextSrcX, zy=nextSrcY; |
|||
|
|||
} else if (i==1 && this.getAnchorsCount() == 2){ |
|||
var AO = this.getLineLength(i-1); |
|||
if (AO < this.radius) { |
|||
AO = this.radius; |
|||
} |
|||
this.isDefaultConditionAvailable = (this.isDefaultConditionAvailable || (i == 1 && AO > 10)); |
|||
} |
|||
|
|||
// anti smoothing
|
|||
if (this.strokeWidth%2 == 1) { |
|||
targetX += 0.5; |
|||
targetY += 0.5; |
|||
} |
|||
|
|||
path.push([pathType, targetX, targetY]); |
|||
|
|||
if (i>0 && i < this.getAnchorsCount()-1) { |
|||
path.push(["C", ax, ay, bx, by, zx, zy]); |
|||
} |
|||
} |
|||
|
|||
if (this.closePath) |
|||
{ |
|||
path.push(["Z"]); |
|||
} |
|||
|
|||
this.path = path; |
|||
}, |
|||
|
|||
transform: function(transformation) |
|||
{ |
|||
this.element.transform(transformation); |
|||
}, |
|||
attr: function(attrs) |
|||
{ |
|||
// TODO: foreach and set each
|
|||
this.element.attr(attrs); |
|||
} |
|||
}; |
|||
|
|||
function Polygone(points, strokeWidth) { |
|||
/* Array on coordinates: |
|||
* points: [{x: 410, y: 110}, 1 |
|||
* {x: 570, y: 110}, 1 2 |
|||
* {x: 620, y: 240}, 2 3 |
|||
* {x: 750, y: 270}, 3 4 |
|||
* {x: 650, y: 370}]; 4 |
|||
*/ |
|||
this.points = points; |
|||
|
|||
/* |
|||
* path for graph |
|||
* [["M", x1, y1], ["L", x2, y2], ["C", ax, ay, bx, by, x3, y3], ["L", x3, y3]] |
|||
*/ |
|||
this.path = []; |
|||
|
|||
this.anchors = []; |
|||
|
|||
if (strokeWidth) this.strokeWidth = strokeWidth; |
|||
|
|||
this.closePath = true; |
|||
this.init(); |
|||
}; |
|||
|
|||
|
|||
/* |
|||
* Poligone is inherited from Poliline: draws closedPath of polyline |
|||
*/ |
|||
|
|||
var Foo = function () { }; |
|||
Foo.prototype = Polyline.prototype; |
|||
|
|||
Polygone.prototype = new Foo(); |
|||
|
|||
Polygone.prototype.rebuildPath = function(){ |
|||
var path = []; |
|||
for(var i = 0; i < this.getAnchorsCount(); i++){ |
|||
var anchor = this.getAnchor(i); |
|||
|
|||
var pathType = ""; |
|||
if (i == 0) |
|||
pathType = "M"; |
|||
else |
|||
pathType = "L"; |
|||
|
|||
var targetX = anchor.x, targetY = anchor.y; |
|||
|
|||
// anti smoothing
|
|||
if (this.strokeWidth%2 == 1) { |
|||
targetX += 0.5; |
|||
targetY += 0.5; |
|||
} |
|||
|
|||
path.push([pathType, targetX, targetY]); |
|||
} |
|||
if (this.closePath) |
|||
path.push(["Z"]); |
|||
|
|||
this.path = path; |
|||
}; |
|||
@ -0,0 +1,873 @@ |
|||
/* Copyright 2005-2015 Alfresco Software, Ltd. |
|||
* |
|||
* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
function _bpmnGetColor(element, defaultColor) |
|||
{ |
|||
var strokeColor; |
|||
if(element.current) { |
|||
strokeColor = CURRENT_COLOR; |
|||
} else if(element.completed) { |
|||
strokeColor = COMPLETED_COLOR; |
|||
} else { |
|||
strokeColor = defaultColor; |
|||
} |
|||
return strokeColor; |
|||
} |
|||
|
|||
function _drawPool(pool) |
|||
{ |
|||
var rect = paper.rect(pool.x, pool.y, pool.width, pool.height); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": "#000000", |
|||
"fill": "white" |
|||
}); |
|||
|
|||
if (pool.name) |
|||
{ |
|||
var poolName = paper.text(pool.x + 14, pool.y + (pool.height / 2), pool.name).attr({ |
|||
"text-anchor" : "middle", |
|||
"font-family" : "Arial", |
|||
"font-size" : "12", |
|||
"fill" : "#000000" |
|||
}); |
|||
|
|||
poolName.transform("r270"); |
|||
} |
|||
|
|||
if (pool.lanes) |
|||
{ |
|||
for (var i = 0; i < pool.lanes.length; i++) |
|||
{ |
|||
var lane = pool.lanes[i]; |
|||
_drawLane(lane); |
|||
} |
|||
} |
|||
} |
|||
|
|||
function _drawLane(lane) |
|||
{ |
|||
var rect = paper.rect(lane.x, lane.y, lane.width, lane.height); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": "#000000", |
|||
"fill": "white" |
|||
}); |
|||
|
|||
if (lane.name) |
|||
{ |
|||
var laneName = paper.text(lane.x + 10, lane.y + (lane.height / 2), lane.name).attr({ |
|||
"text-anchor" : "middle", |
|||
"font-family" : "Arial", |
|||
"font-size" : "12", |
|||
"fill" : "#000000" |
|||
}); |
|||
|
|||
laneName.transform("r270"); |
|||
} |
|||
} |
|||
|
|||
function _drawSubProcess(element) |
|||
{ |
|||
var rect = paper.rect(element.x, element.y, element.width, element.height, 4); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
} |
|||
|
|||
function _drawTransaction(element) |
|||
{ |
|||
var rect = paper.rect(element.x, element.y, element.width, element.height, 4); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
|
|||
var borderRect = paper.rect(element.x + 2, element.y + 2, element.width - 4, element.height -4, 4); |
|||
|
|||
borderRect.attr({"stroke-width": 1, |
|||
"stroke": "black", |
|||
"fill": "none" |
|||
}); |
|||
} |
|||
|
|||
function _drawEventSubProcess(element) |
|||
{ |
|||
var rect = paper.rect(element.x, element.y, element.width, element.height, 4); |
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"stroke-dasharray": ".", |
|||
"fill": "white" |
|||
}); |
|||
} |
|||
|
|||
function _drawAdhocSubProcess(element) |
|||
{ |
|||
var rect = paper.rect(element.x, element.y, element.width, element.height, 4); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
rect.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
|
|||
paper.text(element.x + (element.width / 2), element.y + element.height - 8).attr({ |
|||
"text-anchor" : "middle", |
|||
"font-family" : "Arial", |
|||
"font-size" : 20, |
|||
"text" : "~", |
|||
"fill" : "#373e48" |
|||
}); |
|||
} |
|||
|
|||
function _drawStartEvent(element) |
|||
{ |
|||
var startEvent = _drawEvent(element, NORMAL_STROKE, 15); |
|||
startEvent.click(function() { |
|||
_zoom(true); |
|||
}); |
|||
_addHoverLogic(element, "circle", MAIN_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawEndEvent(element) |
|||
{ |
|||
var endEvent = _drawEvent(element, ENDEVENT_STROKE, 14); |
|||
endEvent.click(function() { |
|||
_zoom(false); |
|||
}); |
|||
_addHoverLogic(element, "circle", MAIN_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawEvent(element, strokeWidth, radius) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, radius); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
// Fill
|
|||
var eventFillColor = _determineCustomFillColor(element, "#ffffff"); |
|||
|
|||
// Opacity
|
|||
var eventOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
eventOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
if (element.interrupting === undefined || element.interrupting) { |
|||
circle.attr({ |
|||
"stroke-width": strokeWidth, |
|||
"stroke": strokeColor, |
|||
"fill": eventFillColor, |
|||
"fill-opacity": eventOpacity |
|||
}); |
|||
|
|||
} else { |
|||
circle.attr({ |
|||
"stroke-width": strokeWidth, |
|||
"stroke": strokeColor, |
|||
"stroke-dasharray": ".", |
|||
"fill": eventFillColor, |
|||
"fill-opacity": eventOpacity |
|||
}); |
|||
} |
|||
|
|||
circle.id = element.id; |
|||
|
|||
_drawEventIcon(paper, element); |
|||
|
|||
return circle; |
|||
} |
|||
|
|||
function _drawServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
if (element.taskType === "mail") |
|||
{ |
|||
_drawSendTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "camel") |
|||
{ |
|||
_drawCamelTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "mule") |
|||
{ |
|||
_drawMuleTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "http") |
|||
{ |
|||
_drawHttpTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "shell") |
|||
{ |
|||
_drawShellTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.taskType === "dmn") { |
|||
_drawDecisionTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
else if (element.stencilIconId) |
|||
{ |
|||
paper.image("../service/stencilitem/" + element.stencilIconId + "/icon", element.x + 4, element.y + 4, 16, 16); |
|||
} |
|||
else |
|||
{ |
|||
_drawServiceTaskIcon(paper, element.x + 4, element.y + 4); |
|||
} |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawSendEventServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawSendTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawHttpServiceTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawHttpTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawCallActivity(element) |
|||
{ |
|||
var width = element.width - (CALL_ACTIVITY_STROKE / 2); |
|||
var height = element.height - (CALL_ACTIVITY_STROKE / 2); |
|||
|
|||
var rect = paper.rect(element.x, element.y, width, height, 4); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, ACTIVITY_STROKE_COLOR); |
|||
|
|||
// Fill
|
|||
var callActivityFillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
|
|||
// Opacity
|
|||
var callActivityOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
callActivityOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
rect.attr({"stroke-width": CALL_ACTIVITY_STROKE, |
|||
"stroke": strokeColor, |
|||
"fill": callActivityFillColor, |
|||
"fill-opacity": callActivityOpacity |
|||
}); |
|||
|
|||
rect.id = element.id; |
|||
|
|||
if (element.name) { |
|||
this._drawMultilineText(element.name, element.x, element.y, element.width, element.height, "middle", "middle", 11); |
|||
} |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawScriptTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawScriptTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawUserTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawUserTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawBusinessRuleTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawBusinessRuleTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawManualTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawManualTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawSendTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawSendTaskIcon(paper, element.x + 4, element.y + 4); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawReceiveTask(element) |
|||
{ |
|||
_drawTask(element); |
|||
_drawReceiveTaskIcon(paper, element.x, element.y); |
|||
_addHoverLogic(element, "rect", ACTIVITY_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawTask(element) |
|||
{ |
|||
var rectAttrs = {}; |
|||
|
|||
// Stroke
|
|||
var strokeColor = _bpmnGetColor(element, ACTIVITY_STROKE_COLOR); |
|||
rectAttrs['stroke'] = strokeColor; |
|||
|
|||
var strokeWidth; |
|||
if (strokeColor === ACTIVITY_STROKE_COLOR) { |
|||
strokeWidth = TASK_STROKE; |
|||
} else { |
|||
strokeWidth = TASK_HIGHLIGHT_STROKE; |
|||
} |
|||
|
|||
var width = element.width - (strokeWidth / 2); |
|||
var height = element.height - (strokeWidth / 2); |
|||
|
|||
var rect = paper.rect(element.x, element.y, width, height, 4); |
|||
rectAttrs['stroke-width'] = strokeWidth; |
|||
|
|||
// Fill
|
|||
var fillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
rectAttrs['fill'] = fillColor; |
|||
|
|||
// Opacity
|
|||
if (customActivityBackgroundOpacity) { |
|||
rectAttrs['fill-opacity'] = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
rect.attr(rectAttrs); |
|||
rect.id = element.id; |
|||
|
|||
if (element.name) { |
|||
this._drawMultilineText(element.name, element.x, element.y, element.width, element.height, "middle", "middle", 11); |
|||
} |
|||
} |
|||
|
|||
function _drawExclusiveGateway(element) |
|||
{ |
|||
_drawGateway(element); |
|||
var quarterWidth = element.width / 4; |
|||
var quarterHeight = element.height / 4; |
|||
|
|||
var iks = paper.path( |
|||
"M" + (element.x + quarterWidth + 3) + " " + (element.y + quarterHeight + 3) + |
|||
"L" + (element.x + 3 * quarterWidth - 3) + " " + (element.y + 3 * quarterHeight - 3) + |
|||
"M" + (element.x + quarterWidth + 3) + " " + (element.y + 3 * quarterHeight - 3) + |
|||
"L" + (element.x + 3 * quarterWidth - 3) + " " + (element.y + quarterHeight + 3) |
|||
); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
gatewayOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
|
|||
iks.attr({"stroke-width": 3, "stroke": strokeColor, "fill": gatewayFillColor, "fill-opacity": gatewayOpacity}); |
|||
|
|||
_addHoverLogic(element, "rhombus", MAIN_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawParallelGateway(element) |
|||
{ |
|||
_drawGateway(element); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
var path1 = paper.path("M 6.75,16 L 25.75,16 M 16,6.75 L 16,25.75"); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
gatewayOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
path1.attr({ |
|||
"stroke-width": 3, |
|||
"stroke": strokeColor, |
|||
"fill": gatewayFillColor, |
|||
"fill-opacity": gatewayOpacity |
|||
}); |
|||
|
|||
path1.transform("T" + (element.x + 4) + "," + (element.y + 4)); |
|||
|
|||
_addHoverLogic(element, "rhombus", MAIN_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawInclusiveGateway(element) |
|||
{ |
|||
_drawGateway(element); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
var circle1 = paper.circle(element.x + (element.width / 2), element.y + (element.height / 2), 9.75); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
gatewayOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
circle1.attr({ |
|||
"stroke-width": 2.5, |
|||
"stroke": strokeColor, |
|||
"fill": gatewayFillColor, |
|||
"fill-opacity": gatewayOpacity |
|||
}); |
|||
|
|||
_addHoverLogic(element, "rhombus", MAIN_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawEventGateway(element) |
|||
{ |
|||
_drawGateway(element); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
var circle1 = paper.circle(element.x + (element.width / 2), element.y + (element.height / 2), 10.4); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
gatewayOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
circle1.attr({ |
|||
"stroke-width": 0.5, |
|||
"stroke": strokeColor, |
|||
"fill": gatewayFillColor, |
|||
"fill-opacity": gatewayOpacity |
|||
}); |
|||
|
|||
var circle2 = paper.circle(element.x + (element.width / 2), element.y + (element.height / 2), 11.7); |
|||
circle2.attr({ |
|||
"stroke-width": 0.5, |
|||
"stroke": strokeColor, |
|||
"fill": gatewayFillColor, |
|||
"fill-opacity": gatewayOpacity |
|||
}); |
|||
|
|||
var path1 = paper.path("M 20.327514,22.344972 L 11.259248,22.344216 L 8.4577203,13.719549 L 15.794545,8.389969 L 23.130481,13.720774 L 20.327514,22.344972 z"); |
|||
path1.attr({ |
|||
"stroke-width": 1.39999998, |
|||
"stroke": strokeColor, |
|||
"fill": gatewayFillColor, |
|||
"fill-opacity": gatewayOpacity, |
|||
"stroke-linejoin": "bevel" |
|||
}); |
|||
|
|||
path1.transform("T" + (element.x + 4) + "," + (element.y + 4)); |
|||
|
|||
_addHoverLogic(element, "rhombus", MAIN_STROKE_COLOR); |
|||
} |
|||
|
|||
function _drawGateway(element) |
|||
{ |
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
var rhombus = paper.path("M" + element.x + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + (element.y + element.height) + |
|||
"L" + (element.x + element.width) + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + element.y + "z" |
|||
); |
|||
|
|||
// Fill
|
|||
var gatewayFillColor = _determineCustomFillColor(element, ACTIVITY_FILL_COLOR); |
|||
|
|||
// Opacity
|
|||
var gatewayOpacity = 1.0; |
|||
if (customActivityBackgroundOpacity) { |
|||
gatewayOpacity = customActivityBackgroundOpacity; |
|||
} |
|||
|
|||
rhombus.attr("stroke-width", 2); |
|||
rhombus.attr("stroke", strokeColor); |
|||
rhombus.attr("fill", gatewayFillColor); |
|||
rhombus.attr("fill-opacity", gatewayOpacity); |
|||
|
|||
rhombus.id = element.id; |
|||
|
|||
return rhombus; |
|||
} |
|||
|
|||
function _drawBoundaryEvent(element) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, 15); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
if (element.cancelActivity) { |
|||
circle.attr({ |
|||
"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
|
|||
} else { |
|||
circle.attr({ |
|||
"stroke-width": 1, |
|||
"stroke-dasharray": ".", |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
} |
|||
|
|||
var innerCircle = paper.circle(x, y, 12); |
|||
|
|||
if (element.cancelActivity) { |
|||
innerCircle.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "none" |
|||
}); |
|||
|
|||
} else { |
|||
innerCircle.attr({ |
|||
"stroke-width": 1, |
|||
"stroke-dasharray": ".", |
|||
"stroke": strokeColor, |
|||
"fill": "none" |
|||
}); |
|||
} |
|||
|
|||
_drawEventIcon(paper, element); |
|||
_addHoverLogic(element, "circle", MAIN_STROKE_COLOR); |
|||
|
|||
circle.id = element.id; |
|||
innerCircle.id = element.id + "_inner"; |
|||
} |
|||
|
|||
function _drawIntermediateCatchEvent(element) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, 15); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
circle.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
|
|||
var innerCircle = paper.circle(x, y, 12); |
|||
|
|||
innerCircle.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "none" |
|||
}); |
|||
|
|||
_drawEventIcon(paper, element); |
|||
_addHoverLogic(element, "circle", MAIN_STROKE_COLOR); |
|||
|
|||
circle.id = element.id; |
|||
innerCircle.id = element.id + "_inner"; |
|||
} |
|||
|
|||
function _drawThrowEvent(element) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, 15); |
|||
|
|||
var strokeColor = _bpmnGetColor(element, MAIN_STROKE_COLOR); |
|||
|
|||
circle.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "white" |
|||
}); |
|||
|
|||
var innerCircle = paper.circle(x, y, 12); |
|||
|
|||
innerCircle.attr({"stroke-width": 1, |
|||
"stroke": strokeColor, |
|||
"fill": "none" |
|||
}); |
|||
|
|||
_drawEventIcon(paper, element); |
|||
_addHoverLogic(element, "circle", MAIN_STROKE_COLOR); |
|||
|
|||
circle.id = element.id; |
|||
innerCircle.id = element.id + "_inner"; |
|||
} |
|||
|
|||
function _drawMultilineText(text, x, y, boxWidth, boxHeight, horizontalAnchor, verticalAnchor, fontSize) |
|||
{ |
|||
if (!text || text == "") |
|||
{ |
|||
return; |
|||
} |
|||
|
|||
var textBoxX, textBoxY; |
|||
var width = boxWidth - (2 * TEXT_PADDING); |
|||
|
|||
if (horizontalAnchor === "middle") |
|||
{ |
|||
textBoxX = x + (boxWidth / 2); |
|||
} |
|||
else if (horizontalAnchor === "start") |
|||
{ |
|||
textBoxX = x; |
|||
} |
|||
|
|||
textBoxY = y + (boxHeight / 2); |
|||
|
|||
var t = paper.text(textBoxX + TEXT_PADDING, textBoxY + TEXT_PADDING).attr({ |
|||
"text-anchor" : horizontalAnchor, |
|||
"font-family" : "Arial", |
|||
"font-size" : fontSize, |
|||
"fill" : "#373e48" |
|||
}); |
|||
|
|||
var abc = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; |
|||
t.attr({ |
|||
"text" : abc |
|||
}); |
|||
var letterWidth = t.getBBox().width / abc.length; |
|||
|
|||
t.attr({ |
|||
"text" : text |
|||
}); |
|||
var removedLineBreaks = text.split("\n"); |
|||
var x = 0, s = []; |
|||
for (var r = 0; r < removedLineBreaks.length; r++) |
|||
{ |
|||
var words = removedLineBreaks[r].split(" "); |
|||
for ( var i = 0; i < words.length; i++) { |
|||
|
|||
var l = words[i].length; |
|||
if (x + (l * letterWidth) > width) { |
|||
s.push("\n"); |
|||
x = 0; |
|||
} |
|||
x += l * letterWidth; |
|||
s.push(words[i] + " "); |
|||
} |
|||
s.push("\n"); |
|||
x = 0; |
|||
} |
|||
t.attr({ |
|||
"text" : s.join("") |
|||
}); |
|||
|
|||
if (verticalAnchor && verticalAnchor === "top") |
|||
{ |
|||
t.attr({"y": y + (t.getBBox().height / 2)}); |
|||
} |
|||
} |
|||
|
|||
function _drawTextAnnotation(element) |
|||
{ |
|||
var path1 = paper.path("M20,1 L1,1 L1,50 L20,50"); |
|||
path1.attr({ |
|||
"stroke": "#585858", |
|||
"fill": "none" |
|||
}); |
|||
|
|||
var annotation = paper.set(); |
|||
annotation.push(path1); |
|||
|
|||
annotation.transform("T" + element.x + "," + element.y); |
|||
|
|||
if (element.text) { |
|||
this._drawMultilineText(element.text, element.x + 2, element.y, element.width, element.height, "start", "middle", 11); |
|||
} |
|||
} |
|||
|
|||
function _drawFlow(flow){ |
|||
|
|||
var polyline = new Polyline(flow.id, flow.waypoints, SEQUENCEFLOW_STROKE, paper); |
|||
|
|||
var strokeColor = _bpmnGetColor(flow, MAIN_STROKE_COLOR); |
|||
|
|||
polyline.element = paper.path(polyline.path); |
|||
polyline.element.attr({"stroke-width":SEQUENCEFLOW_STROKE}); |
|||
polyline.element.attr({"stroke":strokeColor}); |
|||
|
|||
polyline.element.id = flow.id; |
|||
|
|||
var lastLineIndex = polyline.getLinesCount() - 1; |
|||
var line = polyline.getLine(lastLineIndex); |
|||
|
|||
if (line == undefined) return; |
|||
|
|||
if (flow.type == "connection" && flow.conditions) |
|||
{ |
|||
var middleX = (line.x1 + line.x2) / 2; |
|||
var middleY = (line.y1 + line.y2) / 2; |
|||
var image = paper.image("../editor/images/condition-flow.png", middleX - 8, middleY - 8, 16, 16); |
|||
} |
|||
|
|||
var polylineInvisible = new Polyline(flow.id, flow.waypoints, SEQUENCEFLOW_STROKE, paper); |
|||
|
|||
polylineInvisible.element = paper.path(polyline.path); |
|||
polylineInvisible.element.attr({ |
|||
"opacity": 0, |
|||
"stroke-width": 8, |
|||
"stroke" : "#000000" |
|||
}); |
|||
|
|||
if (flow.name) { |
|||
var firstLine = polyline.getLine(0); |
|||
|
|||
var angle; |
|||
if (firstLine.x1 !== firstLine.x2) { |
|||
angle = Math.atan((firstLine.y2 - firstLine.y1) / (firstLine.x2 - firstLine.x1)); |
|||
} else if (firstLine.y1 < firstLine.y2) { |
|||
angle = Math.PI / 2; |
|||
} else { |
|||
angle = -Math.PI / 2; |
|||
} |
|||
var flowName = paper.text(firstLine.x1, firstLine.y1, flow.name).attr({ |
|||
"text-anchor": "middle", |
|||
"font-family" : "Arial", |
|||
"font-size" : "12", |
|||
"fill" : "#000000" |
|||
}); |
|||
|
|||
var offsetX = (flowName.getBBox().width / 2 + 5); |
|||
var offsetY = -(flowName.getBBox().height / 2 + 5); |
|||
|
|||
if (firstLine.x1 > firstLine.x2) { |
|||
offsetX = -offsetX; |
|||
} |
|||
var rotatedOffsetX = offsetX * Math.cos(angle) - offsetY * Math.sin(angle); |
|||
var rotatedOffsetY = offsetX * Math.sin(angle) + offsetY * Math.cos(angle); |
|||
|
|||
flowName.attr({ |
|||
x: firstLine.x1 + rotatedOffsetX, |
|||
y: firstLine.y1 + rotatedOffsetY |
|||
}); |
|||
|
|||
flowName.transform("r" + ((angle) * 180) / Math.PI); |
|||
} |
|||
|
|||
_showTip(jQuery(polylineInvisible.element.node), flow); |
|||
|
|||
polylineInvisible.element.mouseover(function() { |
|||
paper.getById(polyline.element.id).attr({"stroke":"blue"}); |
|||
}); |
|||
|
|||
polylineInvisible.element.mouseout(function() { |
|||
paper.getById(polyline.element.id).attr({"stroke":"#585858"}); |
|||
}); |
|||
|
|||
_drawArrowHead(line); |
|||
} |
|||
|
|||
function _drawAssociation(flow){ |
|||
|
|||
var polyline = new Polyline(flow.id, flow.waypoints, ASSOCIATION_STROKE, paper); |
|||
|
|||
polyline.element = paper.path(polyline.path); |
|||
polyline.element.attr({"stroke-width": ASSOCIATION_STROKE}); |
|||
polyline.element.attr({"stroke-dasharray": ". "}); |
|||
polyline.element.attr({"stroke":"#585858"}); |
|||
|
|||
polyline.element.id = flow.id; |
|||
|
|||
var polylineInvisible = new Polyline(flow.id, flow.waypoints, ASSOCIATION_STROKE, paper); |
|||
|
|||
polylineInvisible.element = paper.path(polyline.path); |
|||
polylineInvisible.element.attr({ |
|||
"opacity": 0, |
|||
"stroke-width": 8, |
|||
"stroke" : "#000000" |
|||
}); |
|||
|
|||
_showTip(jQuery(polylineInvisible.element.node), flow); |
|||
|
|||
polylineInvisible.element.mouseover(function() { |
|||
paper.getById(polyline.element.id).attr({"stroke":"blue"}); |
|||
}); |
|||
|
|||
polylineInvisible.element.mouseout(function() { |
|||
paper.getById(polyline.element.id).attr({"stroke":"#585858"}); |
|||
}); |
|||
} |
|||
|
|||
function _drawArrowHead(line, connectionType) |
|||
{ |
|||
var doubleArrowWidth = 2 * ARROW_WIDTH; |
|||
|
|||
var arrowHead = paper.path("M0 0L-" + (ARROW_WIDTH / 2 + .5) + " -" + doubleArrowWidth + "L" + (ARROW_WIDTH/2 + .5) + " -" + doubleArrowWidth + "z"); |
|||
|
|||
// anti smoothing
|
|||
if (this.strokeWidth%2 == 1) |
|||
line.x2 += .5, line.y2 += .5; |
|||
|
|||
arrowHead.transform("t" + line.x2 + "," + line.y2 + ""); |
|||
arrowHead.transform("...r" + Raphael.deg(line.angle - Math.PI / 2) + " " + 0 + " " + 0); |
|||
|
|||
arrowHead.attr("fill", "#585858"); |
|||
|
|||
arrowHead.attr("stroke-width", SEQUENCEFLOW_STROKE); |
|||
arrowHead.attr("stroke", "#585858"); |
|||
|
|||
return arrowHead; |
|||
} |
|||
|
|||
function _determineCustomFillColor(element, defaultColor) { |
|||
|
|||
var color; |
|||
|
|||
// By name
|
|||
if (customActivityColors && customActivityColors[element.name]) { |
|||
color = customActivityColors[element.name]; |
|||
} |
|||
|
|||
if (color !== null && color !== undefined) { |
|||
return color; |
|||
} |
|||
|
|||
// By id
|
|||
if (customActivityColors && customActivityColors[element.id]) { |
|||
color = customActivityColors[element.id]; |
|||
} |
|||
|
|||
if (color !== null && color !== undefined) { |
|||
return color; |
|||
} |
|||
|
|||
return defaultColor; |
|||
} |
|||
@ -0,0 +1,378 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
function _drawUserTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 1,17 16,0 0,-1.7778 -5.333332,-3.5555 0,-1.7778 c 1.244444,0 1.244444,-2.3111 1.244444,-2.3111 l 0,-3.0222 C 12.555557,0.8221 9.0000001,1.0001 9.0000001,1.0001 c 0,0 -3.5555556,-0.178 -3.9111111,3.5555 l 0,3.0222 c 0,0 0,2.3111 1.2444443,2.3111 l 0,1.7778 L 1,15.2222 1,17 17,17"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#d1b575" |
|||
}); |
|||
|
|||
var userTaskIcon = paper.set(); |
|||
userTaskIcon.push(path1); |
|||
|
|||
userTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawServiceTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("M 8,1 7.5,2.875 c 0,0 -0.02438,0.250763 -0.40625,0.4375 C 7.05724,3.330353 7.04387,3.358818 7,3.375 6.6676654,3.4929791 6.3336971,3.6092802 6.03125,3.78125 6.02349,3.78566 6.007733,3.77681 6,3.78125 5.8811373,3.761018 5.8125,3.71875 5.8125,3.71875 l -1.6875,-1 -1.40625,1.4375 0.96875,1.65625 c 0,0 0.065705,0.068637 0.09375,0.1875 0.002,0.00849 -0.00169,0.022138 0,0.03125 C 3.6092802,6.3336971 3.4929791,6.6676654 3.375,7 3.3629836,7.0338489 3.3239228,7.0596246 3.3125,7.09375 3.125763,7.4756184 2.875,7.5 2.875,7.5 L 1,8 l 0,2 1.875,0.5 c 0,0 0.250763,0.02438 0.4375,0.40625 0.017853,0.03651 0.046318,0.04988 0.0625,0.09375 0.1129372,0.318132 0.2124732,0.646641 0.375,0.9375 -0.00302,0.215512 -0.09375,0.34375 -0.09375,0.34375 L 2.6875,13.9375 4.09375,15.34375 5.78125,14.375 c 0,0 0.1229911,-0.09744 0.34375,-0.09375 0.2720511,0.147787 0.5795915,0.23888 0.875,0.34375 0.033849,0.01202 0.059625,0.05108 0.09375,0.0625 C 7.4756199,14.874237 7.5,15.125 7.5,15.125 L 8,17 l 2,0 0.5,-1.875 c 0,0 0.02438,-0.250763 0.40625,-0.4375 0.03651,-0.01785 0.04988,-0.04632 0.09375,-0.0625 0.332335,-0.117979 0.666303,-0.23428 0.96875,-0.40625 0.177303,0.0173 0.28125,0.09375 0.28125,0.09375 l 1.65625,0.96875 1.40625,-1.40625 -0.96875,-1.65625 c 0,0 -0.07645,-0.103947 -0.09375,-0.28125 0.162527,-0.290859 0.262063,-0.619368 0.375,-0.9375 0.01618,-0.04387 0.04465,-0.05724 0.0625,-0.09375 C 14.874237,10.52438 15.125,10.5 15.125,10.5 L 17,10 17,8 15.125,7.5 c 0,0 -0.250763,-0.024382 -0.4375,-0.40625 C 14.669647,7.0572406 14.641181,7.0438697 14.625,7 14.55912,6.8144282 14.520616,6.6141566 14.4375,6.4375 c -0.224363,-0.4866 0,-0.71875 0,-0.71875 L 15.40625,4.0625 14,2.625 l -1.65625,1 c 0,0 -0.253337,0.1695664 -0.71875,-0.03125 l -0.03125,0 C 11.405359,3.5035185 11.198648,3.4455201 11,3.375 10.95613,3.3588185 10.942759,3.3303534 10.90625,3.3125 10.524382,3.125763 10.5,2.875 10.5,2.875 L 10,1 8,1 z m 1,5 c 1.656854,0 3,1.3431458 3,3 0,1.656854 -1.343146,3 -3,3 C 7.3431458,12 6,10.656854 6,9 6,7.3431458 7.3431458,6 9,6 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#72a7d0" |
|||
}); |
|||
|
|||
var serviceTaskIcon = paper.set(); |
|||
serviceTaskIcon.push(path1); |
|||
|
|||
serviceTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawScriptTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 5,2 0,0.094 c 0.23706,0.064 0.53189,0.1645 0.8125,0.375 0.5582,0.4186 1.05109,1.228 1.15625,2.5312 l 8.03125,0 1,0 1,0 c 0,-3 -2,-3 -2,-3 l -10,0 z M 4,3 4,13 2,13 c 0,3 2,3 2,3 l 9,0 c 0,0 2,0 2,-3 L 15,6 6,6 6,5.5 C 6,4.1111 5.5595,3.529 5.1875,3.25 4.8155,2.971 4.5,3 4.5,3 L 4,3 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#72a7d0" |
|||
}); |
|||
|
|||
var scriptTaskIcon = paper.set(); |
|||
scriptTaskIcon.push(path1); |
|||
|
|||
scriptTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawBusinessRuleTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 1,2 0,14 16,0 0,-14 z m 1.45458,5.6000386 2.90906,0 0,2.7999224 -2.90906,0 z m 4.36364,0 8.72718,0 0,2.7999224 -8.72718,0 z m -4.36364,4.1998844 2.90906,0 0,2.800116 -2.90906,0 z m 4.36364,0 8.72718,0 0,2.800116 -8.72718,0 z"); |
|||
path1.attr({ |
|||
"stroke": "none", |
|||
"fill": "#72a7d0" |
|||
}); |
|||
|
|||
var businessRuleTaskIcon = paper.set(); |
|||
businessRuleTaskIcon.push(path1); |
|||
|
|||
businessRuleTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawSendTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("M 1 3 L 9 11 L 17 3 L 1 3 z M 1 5 L 1 13 L 5 9 L 1 5 z M 17 5 L 13 9 L 17 13 L 17 5 z M 6 10 L 1 15 L 17 15 L 12 10 L 9 13 L 6 10 z"); |
|||
path1.attr({ |
|||
"stroke": "none", |
|||
"fill": "#16964d" |
|||
}); |
|||
|
|||
var sendTaskIcon = paper.set(); |
|||
sendTaskIcon.push(path1); |
|||
|
|||
sendTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawManualTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path1 = paper.path("m 17,9.3290326 c -0.0069,0.5512461 -0.455166,1.0455894 -0.940778,1.0376604 l -5.792746,0 c 0.0053,0.119381 0.0026,0.237107 0.0061,0.355965 l 5.154918,0 c 0.482032,-0.0096 0.925529,0.49051 0.919525,1.037574 -0.0078,0.537128 -0.446283,1.017531 -0.919521,1.007683 l -5.245273,0 c -0.01507,0.104484 -0.03389,0.204081 -0.05316,0.301591 l 2.630175,0 c 0.454137,-0.0096 0.872112,0.461754 0.866386,0.977186 C 13.619526,14.554106 13.206293,15.009498 12.75924,15 L 3.7753054,15 C 3.6045812,15 3.433552,14.94423 3.2916363,14.837136 c -0.00174,0 -0.00436,0 -0.00609,0 C 1.7212035,14.367801 0.99998255,11.458641 1,11.458641 L 1,7.4588393 c 0,0 0.6623144,-1.316333 1.8390583,-2.0872584 1.1767614,-0.7711868 6.8053358,-2.40497 7.2587847,-2.8052901 0.453484,-0.40032 1.660213,1.4859942 0.04775,2.4010487 C 8.5332315,5.882394 8.507351,5.7996113 8.4370292,5.7936859 l 6.3569748,-0.00871 c 0.497046,-0.00958 0.952273,0.5097676 0.94612,1.0738232 -0.0053,0.556126 -0.456176,1.0566566 -0.94612,1.0496854 l -4.72435,0 c 0.01307,0.1149374 0.0244,0.2281319 0.03721,0.3498661 l 5.952195,0 c 0.494517,-0.00871 0.947906,0.5066305 0.940795,1.0679848 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#d1b575" |
|||
}); |
|||
|
|||
var manualTaskIcon = paper.set(); |
|||
manualTaskIcon.push(path1); |
|||
|
|||
manualTaskIcon.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawReceiveTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path = paper.path("m 0.5,2.5 0,13 17,0 0,-13 z M 2,4 6.5,8.5 2,13 z M 4,4 14,4 9,9 z m 12,0 0,9 -4.5,-4.5 z M 7.5,9.5 9,11 10.5,9.5 15,14 3,14 z"); |
|||
path.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#16964d" |
|||
}); |
|||
|
|||
startX += 4; |
|||
startY += 2; |
|||
|
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
} |
|||
|
|||
function _drawCamelTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path = paper.path("m 8.1878027,15.383782 c -0.824818,-0.3427 0.375093,-1.1925 0.404055,-1.7743 0.230509,-0.8159 -0.217173,-1.5329 -0.550642,-2.2283 -0.106244,-0.5273 -0.03299,-1.8886005 -0.747194,-1.7818005 -0.712355,0.3776 -0.9225,1.2309005 -1.253911,1.9055005 -0.175574,1.0874 -0.630353,2.114 -0.775834,3.2123 -0.244009,0.4224 -1.741203,0.3888 -1.554386,-0.1397 0.651324,-0.3302 1.13227,-0.9222 1.180246,-1.6705 0.0082,-0.7042 -0.133578,-1.3681 0.302178,-2.0083 0.08617,-0.3202 0.356348,-1.0224005 -0.218996,-0.8051 -0.694517,0.2372 -1.651062,0.6128 -2.057645,-0.2959005 -0.696769,0.3057005 -1.102947,-0.611 -1.393127,-1.0565 -0.231079,-0.6218 -0.437041,-1.3041 -0.202103,-1.9476 -0.185217,-0.7514 -0.39751099,-1.5209 -0.35214999,-2.301 -0.243425,-0.7796 0.86000899,-1.2456 0.08581,-1.8855 -0.76078999,0.1964 -1.41630099,-0.7569 -0.79351899,-1.2877 0.58743,-0.52829998 1.49031699,-0.242 2.09856399,-0.77049998 0.816875,-0.3212 1.256619,0.65019998 1.923119,0.71939998 0.01194,0.7333 -0.0031,1.5042 -0.18417,2.2232 -0.194069,0.564 -0.811196,1.6968 0.06669,1.9398 0.738382,-0.173 1.095723,-0.9364 1.659041,-1.3729 0.727298,-0.3962 1.093982,-1.117 1.344137,-1.8675 0.400558,-0.8287 1.697676,-0.6854 1.955367,0.1758 0.103564,0.5511 0.9073983,1.7538 1.2472763,0.6846 0.121868,-0.6687 0.785541,-1.4454 1.518183,-1.0431 0.813587,0.4875 0.658233,1.6033 1.285504,2.2454 0.768715,0.8117 1.745394,1.4801 2.196633,2.5469 0.313781,0.8074 0.568552,1.707 0.496624,2.5733 -0.35485,0.8576005 -1.224508,-0.216 -0.64725,-0.7284 0.01868,-0.3794 -0.01834,-1.3264 -0.370249,-1.3272 -0.123187,0.7586 -0.152778,1.547 -0.10869,2.3154 0.270285,0.6662005 1.310741,0.7653005 1.060553,1.6763005 -0.03493,0.9801 0.294343,1.9505 0.148048,2.9272 -0.320479,0.2406 -0.79575,0.097 -1.185062,0.1512 -0.165725,0.3657 -0.40138,0.921 -1.020848,0.6744 -0.564671,0.1141 -1.246404,-0.266 -0.578559,-0.7715 0.679736,-0.5602 0.898618,-1.5362 0.687058,-2.3673 -0.529674,-1.108 -1.275984,-2.0954005 -1.839206,-3.1831005 -0.634619,-0.1004 -1.251945,0.6779 -1.956789,0.7408 -0.6065893,-0.038 -1.0354363,-0.06 -0.8495673,0.6969005 0.01681,0.711 0.152396,1.3997 0.157345,2.1104 0.07947,0.7464 0.171287,1.4944 0.238271,2.2351 0.237411,1.0076 -0.687542,1.1488 -1.414811,0.8598 z m 6.8675483,-1.8379 c 0.114364,-0.3658 0.206751,-1.2704 -0.114466,-1.3553 -0.152626,0.5835 -0.225018,1.1888 -0.227537,1.7919 0.147087,-0.1166 0.265559,-0.2643 0.342003,-0.4366 z"); |
|||
path.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#bd4848" |
|||
}); |
|||
|
|||
startX += 4; |
|||
startY += 2; |
|||
|
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
} |
|||
|
|||
function _drawMuleTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path = paper.path("M 8,0 C 3.581722,0 0,3.5817 0,8 c 0,4.4183 3.581722,8 8,8 4.418278,0 8,-3.5817 8,-8 L 16,7.6562 C 15.813571,3.3775 12.282847,0 8,0 z M 5.1875,2.7812 8,7.3437 10.8125,2.7812 c 1.323522,0.4299 2.329453,1.5645 2.8125,2.8438 1.136151,2.8609 -0.380702,6.4569 -3.25,7.5937 -0.217837,-0.6102 -0.438416,-1.2022 -0.65625,-1.8125 0.701032,-0.2274 1.313373,-0.6949 1.71875,-1.3125 0.73624,-1.2317 0.939877,-2.6305 -0.03125,-4.3125 l -2.75,4.0625 -0.65625,0 -0.65625,0 -2.75,-4 C 3.5268433,7.6916 3.82626,8.862 4.5625,10.0937 4.967877,10.7113 5.580218,11.1788 6.28125,11.4062 6.063416,12.0165 5.842837,12.6085 5.625,13.2187 2.755702,12.0819 1.238849,8.4858 2.375,5.625 2.858047,4.3457 3.863978,3.2112 5.1875,2.7812 z"); |
|||
path.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#bd4848" |
|||
}); |
|||
|
|||
startX += 4; |
|||
startY += 2; |
|||
|
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
} |
|||
|
|||
function _drawAlfrescoPublishTaskIcon(paper, startX, startY) |
|||
{ |
|||
|
|||
startX += 2; |
|||
startY += 2; |
|||
|
|||
var path = paper.path("M4.11870968,2.12890323 L6.12954839,0.117935484 L3.10993548,0.118064516 L3.10270968,0.118064516 C1.42941935,0.118064516 0.0729032258,1.47458065 0.0729032258,3.14774194 C0.0729032258,4.82116129 1.42929032,6.17754839 3.10258065,6.17754839 C3.22967742,6.17754839 3.35470968,6.16877419 3.47767742,6.15354839 C2.8163871,4.85083871 3.02954839,3.21793548 4.11870968,2.12890323M6.57032258,3.144 L6.57032258,0.300258065 L4.43522581,2.4356129 L4.43006452,2.44064516 C3.24683871,3.62387097 3.24683871,5.54219355 4.43006452,6.72541935 C5.61329032,7.90864516 7.5316129,7.90864516 8.71483871,6.72541935 C8.80464516,6.6356129 8.88529032,6.54025806 8.96154839,6.44270968 C7.57341935,5.98864516 6.57045161,4.68387097 6.57032258,3.144"); |
|||
path.attr({"fill": "#87C040"}); |
|||
|
|||
var startX1 = startX + 1.419355; |
|||
var startY1 = startY + 8.387097; |
|||
path.transform("T" + startX1 + "," + startY1); |
|||
|
|||
path = paper.path("M10.4411613,10.5153548 L8.43032258,8.50451613 L8.43032258,11.5313548 C8.43032258,13.2047742 9.78683871,14.5611613 11.460129,14.5611613 C13.1334194,14.5611613 14.4899355,13.2047742 14.4899355,11.5314839 C14.4899355,11.4043871 14.4811613,11.2793548 14.4659355,11.1563871 C13.1632258,11.8178065 11.5303226,11.6045161 10.4411613,10.5153548M15.0376774,5.91935484 C14.947871,5.82954839 14.8526452,5.74890323 14.7550968,5.67264516 C14.3010323,7.06064516 12.996129,8.06374194 11.4563871,8.06374194 L8.61277419,8.06374194 L10.7529032,10.204 C11.936129,11.3872258 13.8545806,11.3872258 15.0376774,10.204 C16.2209032,9.02077419 16.2209032,7.10245161 15.0376774,5.91935484"); |
|||
path.attr({"fill": "#87C040"}); |
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
path = paper.path("M5.9083871,1.5636129 C5.78129032,1.5636129 5.65625806,1.57225806 5.53329032,1.58748387 C6.19458065,2.89032258 5.98141935,4.52309677 4.89225806,5.61225806 L2.88154839,7.62309677 L5.9083871,7.62309677 C7.58154839,7.62309677 8.93806452,6.26658065 8.93806452,4.59329032 C8.93819355,2.92 7.58167742,1.5636129 5.9083871,1.5636129"); |
|||
path.attr({"fill": "#ED9A2D"}); |
|||
var startX2 = startX + 5.548387; |
|||
path.transform("T" + startX2 + "," + startY); |
|||
path = paper.path("M4.58090323,1.0156129 C3.39767742,-0.167483871 1.47935484,-0.167483871 0.296129032,1.01574194 C0.206451613,1.10554839 0.125806452,1.20077419 0.0495483871,1.29845161 C1.43754839,1.75251613 2.44064516,3.05729032 2.44064516,4.59703226 L2.44064516,7.44077419 L4.57574194,5.30554839 L4.58090323,5.30051613 C5.76412903,4.11729032 5.76412903,2.19896774 4.58090323,1.0156129"); |
|||
path.attr({"fill": "#5698C6"}); |
|||
path.transform("T" + startX2 + "," + startY); |
|||
|
|||
path = paper.path("M5.54051613,5.61432258 L5.62670968,5.70425806 L7.54632258,7.62387097 L7.5483871,7.62387097 L7.5483871,4.604 L7.5483871,4.59677419 C7.5483871,2.92348387 6.19187097,1.56696774 4.51858065,1.56696774 C2.84529032,1.56696774 1.48877419,2.92335484 1.48890323,4.59664516 C1.48890323,4.72348387 1.49754839,4.84812903 1.51264516,4.97083871 C2.81625806,4.30993548 4.45122581,4.52503226 5.54051613,5.61432258M1.23251613,10.4292903 C1.25625806,10.3588387 1.28180645,10.2894194 1.30980645,10.2210323 C1.31329032,10.2123871 1.3163871,10.2036129 1.32,10.1952258 C1.35070968,10.1216774 1.38451613,10.0500645 1.42,9.97935484 C1.42774194,9.96374194 1.43574194,9.9483871 1.44387097,9.93277419 C1.4803871,9.86258065 1.51883871,9.79354839 1.55987097,9.72632258 C1.56425806,9.71909677 1.56903226,9.71225806 1.57341935,9.70529032 C1.6123871,9.64245161 1.65354839,9.58141935 1.6963871,9.52141935 C1.70516129,9.50903226 1.71380645,9.49651613 1.72283871,9.48425806 C1.76890323,9.42154839 1.81690323,9.36064516 1.86683871,9.30129032 C1.87703226,9.28916129 1.88735484,9.27741935 1.89780645,9.26567742 C1.94658065,9.20916129 1.99690323,9.15406452 2.04916129,9.10090323 C2.05380645,9.09625806 2.05806452,9.09135484 2.06270968,9.08670968 C2.11832258,9.03083871 2.17625806,8.97741935 2.23548387,8.92554839 C2.2483871,8.91419355 2.26129032,8.90296774 2.27432258,8.89187097 C2.33393548,8.84103226 2.39496774,8.79212903 2.45780645,8.74529032 C2.46606452,8.73922581 2.47470968,8.73354839 2.48296774,8.7276129 C2.54167742,8.68490323 2.60180645,8.64412903 2.66322581,8.60503226 C2.67535484,8.59729032 2.68735484,8.58929032 2.6996129,8.58167742 C2.76593548,8.54064516 2.83380645,8.50206452 2.90296774,8.46541935 C2.91754839,8.45780645 2.93225806,8.45045161 2.94696774,8.44296774 C3.016,8.40774194 3.08593548,8.37406452 3.15741935,8.34348387 C3.16090323,8.34206452 3.16425806,8.3403871 3.16774194,8.33883871 C3.24167742,8.30748387 3.31729032,8.27948387 3.39380645,8.25316129 C3.41032258,8.24748387 3.42670968,8.24180645 3.44335484,8.2363871 C3.51909677,8.21174194 3.59587097,8.18903226 3.67380645,8.16929032 C3.68567742,8.16645161 3.69793548,8.16387097 3.70980645,8.16116129 C3.78206452,8.14374194 3.85509677,8.12877419 3.92890323,8.116 C3.94270968,8.11367742 3.9563871,8.11083871 3.97019355,8.10877419 C4.05032258,8.09587097 4.13148387,8.08619355 4.21329032,8.07896774 C4.23096774,8.07741935 4.24877419,8.07625806 4.26645161,8.07483871 C4.35109677,8.06877419 4.43612903,8.06451613 4.52232258,8.06451613 L7.36606452,8.0643871 L5.22580645,5.92412903 C4.04258065,4.74103226 2.12412903,4.74090323 0.941032258,5.92412903 C-0.242193548,7.10735484 -0.242193548,9.02567742 0.941032258,10.2089032 C1.03070968,10.2985806 1.12464516,10.3814194 1.22206452,10.4575484 C1.22529032,10.448 1.22929032,10.4388387 1.23251613,10.4292903"); |
|||
path.attr({"fill": "#5698C6"}); |
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
path = paper.path("M5.23290323,5.92412903 L6.92748387,7.61870968 L4.64980645,7.61870968 L4.52064516,7.62141935 C3.13354839,7.62141935 1.96425806,6.68929032 1.60477419,5.41729032 C2.75870968,4.77019355 4.24619355,4.93754839 5.22787097,5.91909677 L5.23290323,5.92412903M7.54722581,4.59612903 L7.54722581,6.99264516 L5.93664516,5.38206452 L5.84348387,5.29264516 C4.86258065,4.31187097 4.69483871,2.82580645 5.34012903,1.67225806 C6.61367742,2.03070968 7.54722581,3.20090323 7.54722581,4.58890323 L7.54722581,4.59612903M10.1385806,5.29819355 L8.444,6.99290323 L8.444,4.71522581 L8.44129032,4.58606452 C8.44129032,3.19896774 9.37341935,2.02954839 10.6454194,1.67019355 C11.2925161,2.82412903 11.1251613,4.3116129 10.1436129,5.29316129 L10.1385806,5.29819355"); |
|||
path.attr({"fill": "#446BA5"}); |
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
path = paper.path("M11.4548387,7.61677419 L9.05832258,7.61677419 L10.6689032,6.00619355 L10.7583226,5.91303226 C11.7390968,4.93212903 13.2251613,4.7643871 14.3787097,5.40967742 C14.0202581,6.68322581 12.8500645,7.61677419 11.4620645,7.61677419 L11.4548387,7.61677419"); |
|||
path.attr({"fill": "#FFF101"}); |
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
path = paper.path("M10.7470968,10.192 L9.05251613,8.49741935 L11.3301935,8.49741935 L11.4593548,8.49470968 C12.8464516,8.49483871 14.0157419,9.42696774 14.3752258,10.6989677 C13.2211613,11.3459355 11.7338065,11.1787097 10.752129,10.1970323 L10.7470968,10.192M8.43729032,11.5174194 L8.43729032,9.12090323 L10.047871,10.7314839 L10.1411613,10.8209032 C11.1219355,11.8018065 11.2896774,13.2876129 10.6443871,14.4412903 C9.37083871,14.0828387 8.43729032,12.9127742 8.43729032,11.5245161 L8.43729032,11.5174194M5.86193548,10.8296774 L7.55651613,9.13496774 L7.55651613,11.4126452 L7.55922581,11.5418065 C7.55922581,12.9289032 6.62709677,14.0983226 5.35509677,14.4578065 C4.708,13.3036129 4.87535484,11.8162581 5.85690323,10.8347097 L5.86193548,10.8296774M4.53251613,8.50993548 L6.92903226,8.50993548 L5.31845161,10.1205161 L5.22903226,10.2136774 C4.24812903,11.1945806 2.76219355,11.3623226 1.60851613,10.7170323 C1.96709677,9.44335484 3.13716129,8.50993548 4.52529032,8.50993548 L4.53251613,8.50993548"); |
|||
path.attr({"fill": "#45AB47"}); |
|||
path.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawHttpTaskIcon(paper, startX, startY) |
|||
{ |
|||
var path = paper.path("m 16.704699,5.9229055 q 0.358098,0 0.608767,0.2506681 0.250669,0.250668 0.250669,0.6087677 0,0.3580997 -0.250669,0.6087677 -0.250669,0.2506679 -0.608767,0.2506679 -0.358098,0 -0.608767,-0.2506679 -0.250669,-0.250668 -0.250669,-0.6087677 0,-0.3580997 0.250669,-0.6087677 0.250669,-0.2506681 0.608767,-0.2506681 z m 2.578308,-2.0053502 q -2.229162,0 -3.854034,0.6759125 -1.624871,0.6759067 -3.227361,2.2694472 -0.716197,0.725146 -1.575633,1.7457293 L 7.2329969,8.7876913 Q 7.0897576,8.8055849 7.000233,8.9309334 L 4.9948821,12.368677 q -0.035811,0.06267 -0.035811,0.143242 0,0.107426 0.080572,0.205905 l 0.5729577,0.572957 q 0.125334,0.116384 0.2864786,0.07162 l 2.4708789,-0.760963 2.5156417,2.515645 -0.76096,2.470876 q -0.009,0.02687 -0.009,0.08057 0,0.125338 0.08058,0.205905 l 0.572957,0.572958 q 0.170096,0.152194 0.349146,0.04476 l 3.437744,-2.005351 q 0.125335,-0.08953 0.143239,-0.232763 l 0.17905,-3.392986 q 1.02058,-0.859435 1.745729,-1.575629 1.67411,-1.6830612 2.309735,-3.2049805 0.635625,-1.5219191 0.635625,-3.8585111 0,-0.1253369 -0.08505,-0.2148575 -0.08505,-0.089526 -0.201431,-0.089526 z"); |
|||
path.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#16964d" |
|||
}); |
|||
|
|||
startX += -2; |
|||
startY += -2; |
|||
|
|||
path.transform("T" + startX + "," + startY); |
|||
|
|||
} |
|||
|
|||
function _drawShellTaskIcon(paper, startX, startY) { |
|||
var path = paper.path("m 1,2 0,14 16,0 0,-14 z m 1.4,3 12.7,0 0,10 -12.7,0 z"); |
|||
path.attr({ |
|||
"opacity": 1, |
|||
"stroke": "none", |
|||
"fill": "#16964d" |
|||
}); |
|||
var text = paper.text(3, 9, ">_").attr({ |
|||
"font-size": "5px", |
|||
"fill": "#16964d" |
|||
}); |
|||
|
|||
startY += -2; |
|||
text.transform("T" + startX + "," + startY); |
|||
startX += -2; |
|||
path.transform("T" + startX + "," + startY); |
|||
} |
|||
|
|||
function _drawDecisionTaskIcon(paper, startX, startY) { |
|||
var path1 = paper.path("m 1,2 0,14 16,0 0,-14 z m 1.9,2.4000386 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m -8.67364,3.9 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m -8.67364,3.9 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z m 4.36364,0 3.7,0 0,2.7999224 -3.7,0 z"); |
|||
path1.attr({ |
|||
"opacity": 1, |
|||
"stroke": "#000000", |
|||
"fill": "#F4F6F7" |
|||
}); |
|||
|
|||
var decisionTaskIcon = paper.set(); |
|||
decisionTaskIcon.push(path1); |
|||
|
|||
decisionTaskIcon.translate(startX, startY); |
|||
decisionTaskIcon.scale(0.7, 0.7); |
|||
} |
|||
|
|||
function _drawEventIcon(paper, element) |
|||
{ |
|||
if (element.eventDefinition && element.eventDefinition.type) { |
|||
if ("timer" === element.eventDefinition.type) { |
|||
_drawTimerIcon(paper, element); |
|||
|
|||
} else if ("conditional" === element.eventDefinition.type) { |
|||
_drawConditionalIcon(paper, element); |
|||
|
|||
} else if ("error" === element.eventDefinition.type) { |
|||
_drawErrorIcon(paper, element); |
|||
|
|||
} else if ("escalation" === element.eventDefinition.type) { |
|||
_drawEscalationIcon(paper, element); |
|||
|
|||
} else if ("signal" === element.eventDefinition.type) { |
|||
_drawSignalIcon(paper, element); |
|||
|
|||
} else if ("message" === element.eventDefinition.type) { |
|||
_drawMessageIcon(paper, element); |
|||
|
|||
} else if ("eventRegistry" === element.eventDefinition.type) { |
|||
_drawMessageIcon(paper, element); |
|||
} |
|||
} |
|||
} |
|||
|
|||
function _drawConditionalIcon(paper, element) |
|||
{ |
|||
var fill = "none"; |
|||
|
|||
var path = paper.path("M 10 10 L 22 10 M 10 14 L 22 14 M 10 18 L 22 18 M 10 22 L 22 22"); |
|||
path.attr({ |
|||
"stroke": "black", |
|||
"stroke-width": 1, |
|||
"fill": fill |
|||
}); |
|||
path.transform("T" + (element.x - 1) + "," + (element.y - 1)); |
|||
return path; |
|||
} |
|||
|
|||
function _drawTimerIcon(paper, element) |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
|
|||
var circle = paper.circle(x, y, 10); |
|||
|
|||
circle.attr({"stroke-width": 1, |
|||
"stroke": "black", |
|||
"fill": "none" |
|||
}); |
|||
|
|||
var path = paper.path("M 10 0 C 4.4771525 0 0 4.4771525 0 10 C 0 15.522847 4.4771525 20 10 20 C 15.522847 20 20 15.522847 20 10 C 20 4.4771525 15.522847 1.1842379e-15 10 0 z M 9.09375 1.03125 C 9.2292164 1.0174926 9.362825 1.0389311 9.5 1.03125 L 9.5 3.5 L 10.5 3.5 L 10.5 1.03125 C 15.063526 1.2867831 18.713217 4.9364738 18.96875 9.5 L 16.5 9.5 L 16.5 10.5 L 18.96875 10.5 C 18.713217 15.063526 15.063526 18.713217 10.5 18.96875 L 10.5 16.5 L 9.5 16.5 L 9.5 18.96875 C 4.9364738 18.713217 1.2867831 15.063526 1.03125 10.5 L 3.5 10.5 L 3.5 9.5 L 1.03125 9.5 C 1.279102 5.0736488 4.7225326 1.4751713 9.09375 1.03125 z M 9.5 5 L 9.5 8.0625 C 8.6373007 8.2844627 8 9.0680195 8 10 C 8 11.104569 8.8954305 12 10 12 C 10.931981 12 11.715537 11.362699 11.9375 10.5 L 14 10.5 L 14 9.5 L 11.9375 9.5 C 11.756642 8.7970599 11.20294 8.2433585 10.5 8.0625 L 10.5 5 L 9.5 5 z"); |
|||
path.attr({ |
|||
"stroke": "none", |
|||
"fill": "#585858" |
|||
}); |
|||
path.transform("T" + (element.x + 5) + "," + (element.y + 5)); |
|||
return path; |
|||
} |
|||
|
|||
function _drawErrorIcon(paper, element) |
|||
{ |
|||
var path = paper.path("M 22.820839,11.171502 L 19.36734,24.58992 L 13.54138,14.281819 L 9.3386512,20.071607 L 13.048949,6.8323057 L 18.996148,16.132659 L 22.820839,11.171502 z"); |
|||
|
|||
var fill = "none"; |
|||
var x = element.x - 1; |
|||
var y = element.y - 1; |
|||
if (element.type === "EndEvent") |
|||
{ |
|||
fill = "black"; |
|||
x -= 1; |
|||
y -= 1; |
|||
} |
|||
|
|||
path.attr({ |
|||
"stroke": "black", |
|||
"stroke-width": 1, |
|||
"fill": fill |
|||
}); |
|||
|
|||
path.transform("T" + x + "," + y); |
|||
return path; |
|||
} |
|||
|
|||
function _drawEscalationIcon(paper, element) |
|||
{ |
|||
var fill = "none"; |
|||
if (element.type === "ThrowEvent") |
|||
{ |
|||
fill = "black"; |
|||
} |
|||
|
|||
var path = paper.path("M 16,8.75 L22,23.75 L16,17 L10,23.75z"); |
|||
path.attr({ |
|||
"stroke": "black", |
|||
"stroke-width": 1, |
|||
"fill": fill |
|||
}); |
|||
path.transform("T" + (element.x - 1) + "," + (element.y - 1)); |
|||
return path; |
|||
} |
|||
|
|||
function _drawSignalIcon(paper, element) |
|||
{ |
|||
var fill = "none"; |
|||
if (element.type === "ThrowEvent") |
|||
{ |
|||
fill = "black"; |
|||
} |
|||
|
|||
var path = paper.path("M 8.7124971,21.247342 L 23.333334,21.247342 L 16.022915,8.5759512 L 8.7124971,21.247342 z"); |
|||
path.attr({ |
|||
"stroke": "black", |
|||
"stroke-width": 1, |
|||
"fill": fill |
|||
}); |
|||
path.transform("T" + (element.x - 1) + "," + (element.y - 1)); |
|||
return path; |
|||
} |
|||
|
|||
function _drawMessageIcon(paper, element) |
|||
{ |
|||
var fill = "none"; |
|||
if (element.type === "ThrowEvent") |
|||
{ |
|||
fill = "black"; |
|||
} |
|||
|
|||
var path = paper.path("M 1 3 L 9 11 L 17 3 L 1 3 z M 1 5 L 1 13 L 5 9 L 1 5 z M 17 5 L 13 9 L 17 13 L 17 5 z M 6 10 L 1 15 L 17 15 L 12 10 L 9 13 L 6 10 z"); |
|||
path.attr({ |
|||
"stroke": "black", |
|||
"stroke-width": 1, |
|||
"fill": fill |
|||
}); |
|||
path.transform("T" + (element.x + 6) + "," + (element.y + 6)); |
|||
return path; |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
div[class*='ui-tooltip-kisbpm-'] { |
|||
background-color: #ffffff; |
|||
border-color: #c5c5c5; |
|||
color: #4a4a4a; |
|||
font-family: Verdana; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
div[class*='ui-tooltip-kisbpm-'] .qtip-content { |
|||
color: #4a4a4a; |
|||
background-color: #ffffff; |
|||
font-family: Verdana; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.ui-tooltip-kisbpm-bpmn .qtip-titlebar { |
|||
color: #FFFFFF; |
|||
font-size: 12px; |
|||
background: #2B414F; |
|||
} |
|||
|
|||
.ui-tooltip-kisbpm-bpmn .qtip-tip { |
|||
background-color: #2B414F; |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
<html> |
|||
<head> |
|||
|
|||
<!-- build:css display/styles/displaymodel-style.css --> |
|||
<link type="text/css" rel="stylesheet" href="display/jquery.qtip.min.css" /> |
|||
<link type="text/css" rel="stylesheet" href="display/displaymodel.css" /> |
|||
<!-- endbuild --> |
|||
|
|||
<!-- build:js display/scripts/displaymodel-logic.js --> |
|||
<script type="text/javascript" src="display/jquery.qtip.min.js"></script> |
|||
<script type="text/javascript" src="display/raphael.min.js"></script> |
|||
<script type="text/javascript" src="display/bpmn-draw.js"></script> |
|||
<script type="text/javascript" src="display/bpmn-icons.js"></script> |
|||
<script type="text/javascript" src="display/Polyline.js"></script> |
|||
<script type="text/javascript" src="display/displaymodel.js"></script> |
|||
<!-- endbuild --> |
|||
|
|||
</head> |
|||
</html> |
|||
@ -0,0 +1,317 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
var NORMAL_STROKE = 1; |
|||
var SEQUENCEFLOW_STROKE = 1.5; |
|||
var ASSOCIATION_STROKE = 2; |
|||
var TASK_STROKE = 1; |
|||
var TASK_HIGHLIGHT_STROKE = 2; |
|||
var CALL_ACTIVITY_STROKE = 2; |
|||
var ENDEVENT_STROKE = 3; |
|||
|
|||
var COMPLETED_COLOR= "#2632aa"; |
|||
var TEXT_COLOR= "#373e48"; |
|||
var CURRENT_COLOR= "#017501"; |
|||
var HOVER_COLOR= "#666666"; |
|||
var ACTIVITY_STROKE_COLOR = "#bbbbbb"; |
|||
var ACTIVITY_FILL_COLOR = "#f9f9f9"; |
|||
var MAIN_STROKE_COLOR = "#585858"; |
|||
|
|||
var TEXT_PADDING = 3; |
|||
var ARROW_WIDTH = 4; |
|||
var MARKER_WIDTH = 12; |
|||
|
|||
var TASK_FONT = {font: "11px Arial", opacity: 1, fill: Raphael.rgb(0, 0, 0)}; |
|||
|
|||
// icons
|
|||
var ICON_SIZE = 16; |
|||
var ICON_PADDING = 4; |
|||
|
|||
var INITIAL_CANVAS_WIDTH; |
|||
var INITIAL_CANVAS_HEIGHT; |
|||
|
|||
var paper; |
|||
var viewBox; |
|||
var viewBoxWidth; |
|||
var viewBoxHeight; |
|||
|
|||
var canvasWidth; |
|||
var canvasHeight; |
|||
|
|||
var modelDiv = jQuery('#bpmnModel'); |
|||
var modelId = modelDiv.attr('data-model-id'); |
|||
var historyModelId = modelDiv.attr('data-history-id'); |
|||
var processDefinitionId = modelDiv.attr('data-process-definition-id'); |
|||
var modelType = modelDiv.attr('data-model-type'); |
|||
|
|||
// Support for custom background colors for activities
|
|||
var customActivityColors = modelDiv.attr('data-activity-color-mapping'); |
|||
if (customActivityColors !== null && customActivityColors !== undefined && customActivityColors.length > 0) { |
|||
// Stored on the attribute as a string
|
|||
customActivityColors = JSON.parse(customActivityColors); |
|||
} |
|||
|
|||
var customActivityToolTips = modelDiv.attr('data-activity-tooltips'); |
|||
if (customActivityToolTips !== null && customActivityToolTips !== undefined && customActivityToolTips.length > 0) { |
|||
// Stored on the attribute as a string
|
|||
customActivityToolTips = JSON.parse(customActivityToolTips); |
|||
} |
|||
|
|||
// Support for custom opacity for activity backgrounds
|
|||
var customActivityBackgroundOpacity = modelDiv.attr('data-activity-opacity'); |
|||
|
|||
var elementsAdded = new Array(); |
|||
var elementsRemoved = new Array(); |
|||
|
|||
function _showTip(htmlNode, element) |
|||
{ |
|||
|
|||
// Custom tooltip
|
|||
var documentation = undefined; |
|||
if (customActivityToolTips) { |
|||
if (customActivityToolTips[element.name]) { |
|||
documentation = customActivityToolTips[element.name]; |
|||
} else if (customActivityToolTips[element.id]) { |
|||
documentation = customActivityToolTips[element.id]; |
|||
} else { |
|||
documentation = ''; // Show nothing if custom tool tips are enabled
|
|||
} |
|||
} |
|||
|
|||
// Default tooltip, no custom tool tip set
|
|||
if (documentation === undefined) { |
|||
var documentation = ""; |
|||
if (element.name && element.name.length > 0) { |
|||
documentation += "<b>Name</b>: <i>" + element.name + "</i><br/><br/>"; |
|||
} |
|||
|
|||
if (element.properties) { |
|||
for (var i = 0; i < element.properties.length; i++) { |
|||
var propName = element.properties[i].name; |
|||
if (element.properties[i].type && element.properties[i].type === 'list') { |
|||
documentation += '<b>' + propName + '</b>:<br/>'; |
|||
for (var j = 0; j < element.properties[i].value.length; j++) { |
|||
documentation += '<i>' + element.properties[i].value[j] + '</i><br/>'; |
|||
} |
|||
} |
|||
else { |
|||
documentation += '<b>' + propName + '</b>: <i>' + element.properties[i].value + '</i><br/>'; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
var text = element.type + " "; |
|||
if (element.name && element.name.length > 0) |
|||
{ |
|||
text += element.name; |
|||
} |
|||
else |
|||
{ |
|||
text += element.id; |
|||
} |
|||
|
|||
htmlNode.qtip({ |
|||
content: { |
|||
text: documentation, |
|||
title: { |
|||
text: text |
|||
} |
|||
}, |
|||
position: { |
|||
my: 'top left', |
|||
at: 'bottom center', |
|||
viewport: jQuery('#bpmnModel') |
|||
}, |
|||
hide: { |
|||
fixed: true, delay: 500, |
|||
event: 'click mouseleave' |
|||
}, |
|||
style: { |
|||
classes: 'ui-tooltip-kisbpm-bpmn' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function _addHoverLogic(element, type, defaultColor) |
|||
{ |
|||
var strokeColor = _bpmnGetColor(element, defaultColor); |
|||
var topBodyRect = null; |
|||
if (type === "rect") |
|||
{ |
|||
topBodyRect = paper.rect(element.x, element.y, element.width, element.height); |
|||
} |
|||
else if (type === "circle") |
|||
{ |
|||
var x = element.x + (element.width / 2); |
|||
var y = element.y + (element.height / 2); |
|||
topBodyRect = paper.circle(x, y, 15); |
|||
} |
|||
else if (type === "rhombus") |
|||
{ |
|||
topBodyRect = paper.path("M" + element.x + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + (element.y + element.height) + |
|||
"L" + (element.x + element.width) + " " + (element.y + (element.height / 2)) + |
|||
"L" + (element.x + (element.width / 2)) + " " + element.y + "z" |
|||
); |
|||
} |
|||
|
|||
var opacity = 0; |
|||
var fillColor = "#ffffff"; |
|||
if (jQuery.inArray(element.id, elementsAdded) >= 0) |
|||
{ |
|||
opacity = 0.2; |
|||
fillColor = "green"; |
|||
} |
|||
|
|||
if (jQuery.inArray(element.id, elementsRemoved) >= 0) |
|||
{ |
|||
opacity = 0.2; |
|||
fillColor = "red"; |
|||
} |
|||
|
|||
topBodyRect.attr({ |
|||
"opacity": opacity, |
|||
"stroke" : "none", |
|||
"fill" : fillColor |
|||
}); |
|||
_showTip(jQuery(topBodyRect.node), element); |
|||
|
|||
topBodyRect.mouseover(function() { |
|||
paper.getById(element.id).attr({"stroke":HOVER_COLOR}); |
|||
}); |
|||
|
|||
topBodyRect.mouseout(function() { |
|||
paper.getById(element.id).attr({"stroke":strokeColor}); |
|||
}); |
|||
} |
|||
|
|||
function _zoom(zoomIn) |
|||
{ |
|||
var tmpCanvasWidth, tmpCanvasHeight; |
|||
if (zoomIn) |
|||
{ |
|||
tmpCanvasWidth = canvasWidth * (1.0/0.90); |
|||
tmpCanvasHeight = canvasHeight * (1.0/0.90); |
|||
} |
|||
else |
|||
{ |
|||
tmpCanvasWidth = canvasWidth * (1.0/1.10); |
|||
tmpCanvasHeight = canvasHeight * (1.0/1.10); |
|||
} |
|||
|
|||
if (tmpCanvasWidth != canvasWidth || tmpCanvasHeight != canvasHeight) |
|||
{ |
|||
canvasWidth = tmpCanvasWidth; |
|||
canvasHeight = tmpCanvasHeight; |
|||
paper.setSize(canvasWidth, canvasHeight); |
|||
} |
|||
} |
|||
|
|||
var modelUrl; |
|||
|
|||
if (modelType == 'runtime') { |
|||
if (historyModelId) { |
|||
modelUrl = FLOWABLE.APP_URL.getProcessInstanceModelJsonHistoryUrl(historyModelId); |
|||
} else { |
|||
modelUrl = FLOWABLE.APP_URL.getProcessInstanceModelJsonUrl(modelId); |
|||
} |
|||
} else if (modelType == 'design') { |
|||
if (historyModelId) { |
|||
modelUrl = FLOWABLE.APP_URL.getModelHistoryModelJsonUrl(modelId, historyModelId); |
|||
} else { |
|||
modelUrl = FLOWABLE.APP_URL.getModelModelJsonUrl(modelId); |
|||
} |
|||
} else if (modelType == 'process-definition') { |
|||
modelUrl = FLOWABLE.APP_URL.getProcessDefinitionModelJsonUrl(processDefinitionId); |
|||
} |
|||
|
|||
var request = jQuery.ajax({ |
|||
type: 'get', |
|||
url: modelUrl + '?nocaching=' + new Date().getTime() |
|||
}); |
|||
|
|||
request.success(function(data, textStatus, jqXHR) { |
|||
|
|||
if ((!data.elements || data.elements.length == 0) && (!data.pools || data.pools.length == 0)) return; |
|||
|
|||
INITIAL_CANVAS_WIDTH = data.diagramWidth; |
|||
|
|||
if (modelType == 'design') { |
|||
INITIAL_CANVAS_WIDTH += 20; |
|||
} else { |
|||
INITIAL_CANVAS_WIDTH += 30; |
|||
} |
|||
|
|||
INITIAL_CANVAS_HEIGHT = data.diagramHeight + 50; |
|||
canvasWidth = INITIAL_CANVAS_WIDTH; |
|||
canvasHeight = INITIAL_CANVAS_HEIGHT; |
|||
viewBoxWidth = INITIAL_CANVAS_WIDTH; |
|||
viewBoxHeight = INITIAL_CANVAS_HEIGHT; |
|||
|
|||
if (modelType == 'design') { |
|||
var headerBarHeight = 170; |
|||
var offsetY = 0; |
|||
if (jQuery(window).height() > (canvasHeight + headerBarHeight)) |
|||
{ |
|||
offsetY = (jQuery(window).height() - headerBarHeight - canvasHeight) / 2; |
|||
} |
|||
|
|||
if (offsetY > 50) { |
|||
offsetY = 50; |
|||
} |
|||
|
|||
jQuery('#bpmnModel').css('marginTop', offsetY); |
|||
} |
|||
|
|||
jQuery('#bpmnModel').width(INITIAL_CANVAS_WIDTH); |
|||
jQuery('#bpmnModel').height(INITIAL_CANVAS_HEIGHT); |
|||
paper = Raphael(document.getElementById('bpmnModel'), canvasWidth, canvasHeight); |
|||
paper.setViewBox(0, 0, viewBoxWidth, viewBoxHeight, false); |
|||
paper.renderfix(); |
|||
|
|||
if (data.pools) |
|||
{ |
|||
for (var i = 0; i < data.pools.length; i++) |
|||
{ |
|||
var pool = data.pools[i]; |
|||
_drawPool(pool); |
|||
} |
|||
} |
|||
|
|||
var modelElements = data.elements; |
|||
for (var i = 0; i < modelElements.length; i++) |
|||
{ |
|||
var element = modelElements[i]; |
|||
//try {
|
|||
var drawFunction = eval("_draw" + element.type); |
|||
drawFunction(element); |
|||
//} catch(err) {console.log(err);}
|
|||
} |
|||
|
|||
if (data.flows) |
|||
{ |
|||
for (var i = 0; i < data.flows.length; i++) |
|||
{ |
|||
var flow = data.flows[i]; |
|||
if (flow.type === 'sequenceFlow') { |
|||
_drawFlow(flow); |
|||
} else if (flow.type === 'association') { |
|||
_drawAssociation(flow); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
request.error(function(jqXHR, textStatus, errorThrown) { |
|||
alert("error"); |
|||
}); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,37 @@ |
|||
{ |
|||
"name": "displaymodel", |
|||
"version": "1.0.0", |
|||
"dependencies": {}, |
|||
"devDependencies": { |
|||
"grunt": "0.4.2", |
|||
"grunt-autoprefixer": "0.4.0", |
|||
"grunt-bower-install": "0.7.0", |
|||
"grunt-concurrent": "0.4.1", |
|||
"grunt-contrib-clean": "0.5.0", |
|||
"grunt-contrib-coffee": "0.7.0", |
|||
"grunt-contrib-compass": "0.6.0", |
|||
"grunt-contrib-concat": "0.3.0", |
|||
"grunt-contrib-connect": "0.5.0", |
|||
"grunt-contrib-copy": "0.4.1", |
|||
"grunt-contrib-cssmin": "0.7.0", |
|||
"grunt-contrib-htmlmin": "0.1.3", |
|||
"grunt-contrib-imagemin": "0.3.0", |
|||
"grunt-contrib-jshint": "0.7.1", |
|||
"grunt-contrib-uglify": "0.2.0", |
|||
"grunt-contrib-watch": "0.5.2", |
|||
"grunt-google-cdn": "0.2.0", |
|||
"grunt-newer": "0.5.4", |
|||
"grunt-ng-annotate": "0.5.0", |
|||
"grunt-rev": "0.1.0", |
|||
"grunt-svgmin": "0.2.0", |
|||
"grunt-usemin": "2.0.0", |
|||
"jshint-stylish": "0.1.3", |
|||
"load-grunt-tasks": "0.2.0", |
|||
"time-grunt": "0.2.1", |
|||
"grunt-text-replace": "0.3.11", |
|||
"grunt-contrib-rename": "0.0.3" |
|||
}, |
|||
"engines": { |
|||
"node": ">=0.8.0" |
|||
} |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,19 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
'use strict'; |
|||
|
|||
FLOWABLE.HEADER_CONFIG.showAppTitle = false; |
|||
FLOWABLE.HEADER_CONFIG.showHeaderMenu = false; |
|||
FLOWABLE.HEADER_CONFIG.showMainNavigation = false; |
|||
FLOWABLE.HEADER_CONFIG.showPageHeader = false; |
|||
@ -0,0 +1,46 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
// Create custom functions for the FLOWABLE-editor
|
|||
FLOWABLE.TOOLBAR.ACTIONS.closeEditor = function(services) { |
|||
if (services.editorManager && services.editorManager.getStencilData()) { |
|||
var stencilNameSpace = services.editorManager.getStencilData().namespace; |
|||
if (stencilNameSpace !== undefined && stencilNameSpace !== null && stencilNameSpace.indexOf('cmmn1.1') !== -1) { |
|||
services.$location.path("/casemodels"); |
|||
return; |
|||
} |
|||
} |
|||
services.$location.path("/processes"); |
|||
}; |
|||
|
|||
FLOWABLE.TOOLBAR.ACTIONS.navigateToProcess = function(processId) { |
|||
var navigateEvent = { |
|||
type: FLOWABLE.eventBus.EVENT_TYPE_NAVIGATE_TO_PROCESS, |
|||
processId: processId |
|||
}; |
|||
FLOWABLE.eventBus.dispatch(FLOWABLE.eventBus.EVENT_TYPE_NAVIGATE_TO_PROCESS, navigateEvent); |
|||
}, |
|||
|
|||
// Add custom buttons
|
|||
FLOWABLE.TOOLBAR_CONFIG.secondaryItems.push( |
|||
{ |
|||
"type" : "button", |
|||
"title" : "Close", |
|||
"cssClass" : "glyphicon glyphicon-remove", |
|||
"action" : "FLOWABLE.TOOLBAR.ACTIONS.closeEditor" |
|||
} |
|||
); |
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,507 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Assignment |
|||
*/ |
|||
'use strict'; |
|||
|
|||
angular.module('flowableModeler').controller('FlowableAssignmentCtrl', [ '$scope', '$modal', function($scope, $modal) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/assignment-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableAssignmentPopupCtrl', |
|||
[ '$rootScope', '$scope', '$translate', '$http', 'UserService', 'GroupService', function($rootScope, $scope, $translate, $http, UserService, GroupService) { |
|||
|
|||
// Put json representing assignment on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.assignment !== undefined |
|||
&& $scope.property.value.assignment !== null) { |
|||
|
|||
$scope.assignment = $scope.property.value.assignment; |
|||
if (typeof $scope.assignment.type === 'undefined') { |
|||
$scope.assignment.type = 'static'; |
|||
} |
|||
|
|||
} else { |
|||
$scope.assignment = {type:'idm'}; |
|||
} |
|||
|
|||
$scope.popup = { |
|||
assignmentObject: { |
|||
type:$scope.assignment.type, |
|||
idm: { |
|||
type:undefined, |
|||
assignee: undefined, |
|||
candidateUsers: [], |
|||
candidateGroups: [] |
|||
}, |
|||
static: { |
|||
assignee: undefined, |
|||
candidateUsers: [], |
|||
candidateGroups: [] |
|||
} |
|||
} |
|||
}; |
|||
|
|||
|
|||
$scope.assignmentOptions = [ |
|||
{id: "initiator", title: $translate.instant('PROPERTY.ASSIGNMENT.IDM.DROPDOWN.INITIATOR')}, |
|||
{id: "user", title: $translate.instant('PROPERTY.ASSIGNMENT.IDM.DROPDOWN.USER')}, |
|||
{id: "users", title: $translate.instant('PROPERTY.ASSIGNMENT.IDM.DROPDOWN.USERS')}, |
|||
{id: "groups", title: $translate.instant('PROPERTY.ASSIGNMENT.IDM.DROPDOWN.GROUPS')} |
|||
]; |
|||
|
|||
if ($scope.assignment.idm && $scope.assignment.idm.type) { |
|||
for (var i = 0; i < $scope.assignmentOptions.length; i++) { |
|||
if ($scope.assignmentOptions[i].id == $scope.assignment.idm.type) { |
|||
$scope.assignmentOption = $scope.assignmentOptions[i]; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// fill the IDM area
|
|||
if (!$scope.assignmentOption) { |
|||
// Default, first time opening the popup
|
|||
$scope.assignmentOption = $scope.assignmentOptions[0]; |
|||
} else { |
|||
// Values already filled
|
|||
if ($scope.assignment.idm) { //fill the IDM tab
|
|||
if ($scope.assignment.idm.assignee) { |
|||
if ($scope.assignment.idm.assignee.id) { |
|||
$scope.popup.assignmentObject.idm.assignee = $scope.assignment.idm.assignee; |
|||
} else { |
|||
$scope.popup.assignmentObject.idm.assignee = {email: $scope.assignment.idm.assignee.email}; |
|||
} |
|||
} |
|||
|
|||
if ($scope.assignment.idm.candidateUsers && $scope.assignment.idm.candidateUsers.length > 0) { |
|||
for (var i = 0; i < $scope.assignment.idm.candidateUsers.length; i++) { |
|||
$scope.popup.assignmentObject.idm.candidateUsers.push($scope.assignment.idm.candidateUsers[i]); |
|||
} |
|||
} |
|||
|
|||
if ($scope.assignment.idm.candidateGroups && $scope.assignment.idm.candidateGroups.length > 0) { |
|||
for (var i = 0; i < $scope.assignment.idm.candidateGroups.length; i++) { |
|||
$scope.popup.assignmentObject.idm.candidateGroups.push($scope.assignment.idm.candidateGroups[i]); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
//fill the static area
|
|||
if ($scope.assignment.assignee) { |
|||
$scope.popup.assignmentObject.static.assignee = $scope.assignment.assignee; |
|||
} |
|||
|
|||
if ($scope.assignment.candidateUsers && $scope.assignment.candidateUsers.length > 0) { |
|||
for (var i = 0; i < $scope.assignment.candidateUsers.length; i++) { |
|||
$scope.popup.assignmentObject.static.candidateUsers.push($scope.assignment.candidateUsers[i]); |
|||
} |
|||
} |
|||
|
|||
if ($scope.assignment.candidateGroups && $scope.assignment.candidateGroups.length > 0) { |
|||
for (var i = 0; i < $scope.assignment.candidateGroups.length; i++) { |
|||
$scope.popup.assignmentObject.static.candidateGroups.push($scope.assignment.candidateGroups[i]); |
|||
} |
|||
} |
|||
|
|||
initStaticContextForEditing($scope); |
|||
|
|||
$scope.$watch('popup.groupFilter', function () { |
|||
$scope.updateGroupFilter(); |
|||
}); |
|||
|
|||
$scope.$watch('popup.filter', function() { |
|||
$scope.updateFilter(); |
|||
}); |
|||
|
|||
$scope.updateFilter = function() { |
|||
if ($scope.popup.oldFilter == undefined || $scope.popup.oldFilter != $scope.popup.filter) { |
|||
if (!$scope.popup.filter) { |
|||
$scope.popup.oldFilter = ''; |
|||
} else { |
|||
$scope.popup.oldFilter = $scope.popup.filter; |
|||
} |
|||
|
|||
if ($scope.popup.filter !== null && $scope.popup.filter !== undefined) { |
|||
UserService.getFilteredUsers($scope.popup.filter).then(function (result) { |
|||
var filteredUsers = []; |
|||
for (var i=0; i<result.data.length; i++) { |
|||
var filteredUser = result.data[i]; |
|||
|
|||
var foundCandidateUser = false; |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers !== null && $scope.popup.assignmentObject.idm.candidateUsers !== undefined) { |
|||
for (var j=0; j<$scope.popup.assignmentObject.idm.candidateUsers.length; j++) { |
|||
var candidateUser = $scope.popup.assignmentObject.idm.candidateUsers[j]; |
|||
if (candidateUser.id === filteredUser.id) { |
|||
foundCandidateUser = true; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (!foundCandidateUser) { |
|||
filteredUsers.push(filteredUser); |
|||
} |
|||
|
|||
} |
|||
|
|||
$scope.popup.userResults = filteredUsers; |
|||
$scope.resetSelection(); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.updateGroupFilter = function() { |
|||
if ($scope.popup.oldGroupFilter == undefined || $scope.popup.oldGroupFilter != $scope.popup.groupFilter) { |
|||
if (!$scope.popup.groupFilter) { |
|||
$scope.popup.oldGroupFilter = ''; |
|||
} else { |
|||
$scope.popup.oldGroupFilter = $scope.popup.groupFilter; |
|||
} |
|||
|
|||
GroupService.getFilteredGroups($scope.popup.groupFilter).then(function(result) { |
|||
$scope.popup.groupResults = result.data; |
|||
$scope.resetGroupSelection(); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
$scope.confirmUser = function(user) { |
|||
if (!user) { |
|||
// Selection is done with keyboard, use selection index
|
|||
var users = $scope.popup.userResults; |
|||
if ($scope.popup.selectedIndex >= 0 && $scope.popup.selectedIndex < users.length) { |
|||
user = users[$scope.popup.selectedIndex]; |
|||
} |
|||
} |
|||
|
|||
if (user) { |
|||
if ("user" == $scope.assignmentOption.id) { |
|||
$scope.popup.assignmentObject.idm.assignee = user; |
|||
} else if ("users" == $scope.assignmentOption.id) { |
|||
|
|||
// Only add if not yet part of candidate users
|
|||
var found = false; |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers) { |
|||
for (var i = 0; i < $scope.popup.assignmentObject.idm.candidateUsers.length; i++) { |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers[i].id === user.id) { |
|||
found = true; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (!found) { |
|||
$scope.addCandidateUser(user); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.confirmEmail = function() { |
|||
if ("user" == $scope.assignmentOption.id) { |
|||
$scope.popup.assignmentObject.idm.assignee = {email: $scope.popup.email}; |
|||
} else if ("users" == $scope.assignmentOption.id) { |
|||
|
|||
// Only add if not yet part of candidate users
|
|||
var found = false; |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers) { |
|||
for (var i = 0; i < $scope.popup.assignmentObject.idm.candidateUsers.length; i++) { |
|||
|
|||
if ($scope.popup.assignmentObject.idm.candidateUsers[i].id) { |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers[i].id === user.id) { |
|||
found = true; |
|||
break; |
|||
} |
|||
} else if ($scope.popup.assignmentObject.idm.candidateUsers[i].email) { |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers[i].email === $scope.popup.email) { |
|||
found = true; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (!found) { |
|||
$scope.addCandidateUser({email: $scope.popup.email}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.confirmGroup = function(group) { |
|||
if (!group) { |
|||
// Selection is done with keyboard, use selection index
|
|||
var groups = $scope.popup.groupResults; |
|||
if ($scope.popup.selectedGroupIndex >= 0 && $scope.popup.selectedGroupIndex < groups.length) { |
|||
group = groups[$scope.popup.selectedGroupIndex]; |
|||
} |
|||
} |
|||
|
|||
if (group) { |
|||
// Only add if not yet part of candidate groups
|
|||
var found = false; |
|||
if ($scope.popup.assignmentObject.idm.candidateGroups) { |
|||
for (var i = 0; i < $scope.popup.assignmentObject.idm.candidateGroups.length; i++) { |
|||
if ($scope.popup.assignmentObject.idm.candidateGroups[i].id === group.id) { |
|||
found = true; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (!found) { |
|||
$scope.addCandidateGroup(group); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.addCandidateUser = function(user) { |
|||
$scope.popup.assignmentObject.idm.candidateUsers.push(user); |
|||
}; |
|||
|
|||
$scope.removeCandidateUser = function(user) { |
|||
var users = $scope.popup.assignmentObject.idm.candidateUsers; |
|||
var indexToRemove = -1; |
|||
for (var i = 0; i < users.length; i++) { |
|||
if (user.id) { |
|||
if (user.id === users[i].id) { |
|||
indexToRemove = i; |
|||
break; |
|||
} |
|||
} else { |
|||
if (user.email === users[i].email) { |
|||
indexToRemove = i; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
if (indexToRemove >= 0) { |
|||
users.splice(indexToRemove, 1); |
|||
} |
|||
}; |
|||
|
|||
$scope.addCandidateGroup = function(group) { |
|||
$scope.popup.assignmentObject.idm.candidateGroups.push(group); |
|||
}; |
|||
|
|||
$scope.removeCandidateGroup = function(group) { |
|||
var groups = $scope.popup.assignmentObject.idm.candidateGroups; |
|||
var indexToRemove = -1; |
|||
for (var i = 0; i < groups.length; i++) { |
|||
if (group.id == groups[i].id) { |
|||
indexToRemove = i; |
|||
break; |
|||
} |
|||
} |
|||
if (indexToRemove >= 0) { |
|||
groups.splice(indexToRemove, 1); |
|||
} |
|||
}; |
|||
|
|||
$scope.resetSelection = function() { |
|||
if ($scope.popup.userResults && $scope.popup.userResults.length > 0) { |
|||
$scope.popup.selectedIndex = 0; |
|||
} else { |
|||
$scope.popup.selectedIndex = -1; |
|||
} |
|||
}; |
|||
|
|||
$scope.nextUser = function() { |
|||
var users = $scope.popup.userResults; |
|||
if (users && users.length > 0 && $scope.popup.selectedIndex < users.length -1) { |
|||
$scope.popup.selectedIndex += 1; |
|||
} |
|||
}; |
|||
|
|||
$scope.previousUser = function() { |
|||
var users = $scope.popup.userResults; |
|||
if (users && users.length > 0 && $scope.popup.selectedIndex > 0) { |
|||
$scope.popup.selectedIndex -= 1; |
|||
} |
|||
}; |
|||
|
|||
$scope.resetGroupSelection = function() { |
|||
if ($scope.popup.groupResults && $scope.popup.groupResults.length > 0) { |
|||
$scope.popup.selectedGroupIndex = 0; |
|||
} else { |
|||
$scope.popup.selectedGroupIndex = -1; |
|||
} |
|||
}; |
|||
|
|||
$scope.nextGroup = function() { |
|||
var groups = $scope.popup.groupResults; |
|||
if (groups && groups.length > 0 && $scope.popup.selectedGroupIndex < groups.length -1) { |
|||
$scope.popup.selectedGroupIndex += 1; |
|||
} |
|||
}; |
|||
|
|||
$scope.previousGroup = function() { |
|||
var groups = $scope.popup.groupResults; |
|||
if (groups && groups.length > 0 && $scope.popup.selectedGroupIndex > 0) { |
|||
$scope.popup.selectedGroupIndex -= 1; |
|||
} |
|||
}; |
|||
|
|||
$scope.removeAssignee = function() { |
|||
$scope.popup.assignmentObject.idm.assignee = undefined; |
|||
}; |
|||
|
|||
// Click handler for + button after enum value
|
|||
$scope.addCandidateUserValue = function(index) { |
|||
$scope.popup.assignmentObject.static.candidateUsers.splice(index + 1, 0, {value: ''}); |
|||
}; |
|||
|
|||
// Click handler for - button after enum value
|
|||
$scope.removeCandidateUserValue = function(index) { |
|||
$scope.popup.assignmentObject.static.candidateUsers.splice(index, 1); |
|||
}; |
|||
|
|||
// Click handler for + button after enum value
|
|||
$scope.addCandidateGroupValue = function(index) { |
|||
$scope.popup.assignmentObject.static.candidateGroups.splice(index + 1, 0, {value: ''}); |
|||
}; |
|||
|
|||
// Click handler for - button after enum value
|
|||
$scope.removeCandidateGroupValue = function(index) { |
|||
$scope.popup.assignmentObject.static.candidateGroups.splice(index, 1); |
|||
}; |
|||
|
|||
$scope.setSearchType = function() { |
|||
$scope.popup.assignmentObject.assignmentSourceType = 'search'; |
|||
}; |
|||
|
|||
$scope.allSteps = EDITOR.UTIL.collectSortedElementsFromPrecedingElements($scope.selectedShape); |
|||
|
|||
$scope.save = function () { |
|||
|
|||
handleAssignmentInput($scope.popup.assignmentObject.static); |
|||
|
|||
$scope.assignment.type = $scope.popup.assignmentObject.type; |
|||
|
|||
if ('idm' === $scope.popup.assignmentObject.type) { // IDM
|
|||
$scope.popup.assignmentObject.static = undefined; |
|||
|
|||
//Construct an IDM object to be saved to the process model.
|
|||
var idm = {type: $scope.assignmentOption.id}; |
|||
if ('user' == idm.type) { |
|||
if ($scope.popup.assignmentObject.idm.assignee) { |
|||
idm.assignee = $scope.popup.assignmentObject.idm.assignee; |
|||
} |
|||
} else if ('users' == idm.type) { |
|||
if ($scope.popup.assignmentObject.idm.candidateUsers && $scope.popup.assignmentObject.idm.candidateUsers.length > 0) { |
|||
idm.candidateUsers = $scope.popup.assignmentObject.idm.candidateUsers; |
|||
} |
|||
} else if ('groups' == idm.type) { |
|||
if ($scope.popup.assignmentObject.idm.candidateGroups && $scope.popup.assignmentObject.idm.candidateGroups.length > 0) { |
|||
idm.candidateGroups = $scope.popup.assignmentObject.idm.candidateGroups; |
|||
} |
|||
} |
|||
$scope.assignment.idm = idm; |
|||
$scope.assignment.assignee = undefined; |
|||
$scope.assignment.candidateUsers = undefined; |
|||
$scope.assignment.candidateGroups = undefined; |
|||
|
|||
} |
|||
|
|||
if ('static' === $scope.popup.assignmentObject.type) { // IDM
|
|||
$scope.popup.assignmentObject.idm = undefined; |
|||
$scope.assignment.idm = undefined; |
|||
$scope.assignment.assignee = $scope.popup.assignmentObject.static.assignee; |
|||
$scope.assignment.candidateUsers = $scope.popup.assignmentObject.static.candidateUsers; |
|||
$scope.assignment.candidateGroups = $scope.popup.assignmentObject.static.candidateGroups; |
|||
} |
|||
|
|||
$scope.property.value = {}; |
|||
$scope.property.value.assignment = $scope.assignment; |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
var handleAssignmentInput = function ($assignment) { |
|||
|
|||
function isEmptyString(value) { |
|||
return (value === undefined || value === null || value.trim().length === 0); |
|||
} |
|||
|
|||
if (isEmptyString($assignment.assignee)){ |
|||
$assignment.assignee = undefined; |
|||
} |
|||
var toRemoveIndexes; |
|||
var removedItems=0; |
|||
var i = 0; |
|||
if ($assignment.candidateUsers) { |
|||
toRemoveIndexes = []; |
|||
for (i = 0; i < $assignment.candidateUsers.length; i++) { |
|||
if (isEmptyString($assignment.candidateUsers[i].value)) { |
|||
toRemoveIndexes[toRemoveIndexes.length] = i; |
|||
} |
|||
} |
|||
|
|||
if (toRemoveIndexes.length == $assignment.candidateUsers.length) { |
|||
$assignment.candidateUsers = undefined; |
|||
} else { |
|||
removedItems=0; |
|||
for (i = 0; i < toRemoveIndexes.length; i++) { |
|||
$assignment.candidateUsers.splice(toRemoveIndexes[i]-removedItems, 1); |
|||
removedItems++; |
|||
} |
|||
} |
|||
} |
|||
|
|||
if ($assignment.candidateGroups) { |
|||
toRemoveIndexes = []; |
|||
for (i = 0; i < $assignment.candidateGroups.length; i++) { |
|||
if (isEmptyString($assignment.candidateGroups[i].value)) { |
|||
toRemoveIndexes[toRemoveIndexes.length] = i; |
|||
} |
|||
} |
|||
|
|||
if (toRemoveIndexes.length == $assignment.candidateGroups.length) { |
|||
$assignment.candidateGroups = undefined; |
|||
} else { |
|||
removedItems=0; |
|||
for (i = 0; i < toRemoveIndexes.length; i++) { |
|||
$assignment.candidateGroups.splice(toRemoveIndexes[i]-removedItems, 1); |
|||
removedItems++; |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function initStaticContextForEditing($scope) { |
|||
if (!$scope.popup.assignmentObject.static.candidateUsers || $scope.popup.assignmentObject.static.candidateUsers.length==0) { |
|||
$scope.popup.assignmentObject.static.candidateUsers = [{value: ''}]; |
|||
} |
|||
if (!$scope.popup.assignmentObject.static.candidateGroups || $scope.popup.assignmentObject.static.candidateGroups.length==0) { |
|||
$scope.popup.assignmentObject.static.candidateGroups = [{value: ''}]; |
|||
} |
|||
} |
|||
}]); |
|||
@ -0,0 +1,28 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Call activity calledElement type property |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableCalledElementTypeCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) |
|||
{ |
|||
$scope.property.value = 'key'; |
|||
} |
|||
|
|||
$scope.calledElementTypeChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,80 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableCaseReferenceCtrl', |
|||
[ '$scope', '$modal', '$http', function($scope, $modal, $http) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/case-reference-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableCaseReferencePopupCtrl', [ '$scope', '$http', 'editorManager', function($scope, $http, editorManager) { |
|||
|
|||
$scope.state = {'loadingCases' : true, 'error' : false}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Selecting/deselecting a case
|
|||
$scope.selectCase = function(caseModel, $event) { |
|||
$event.stopPropagation(); |
|||
if ($scope.selectedCase && $scope.selectedCase.id && caseModel.id == $scope.selectedCase.id) { |
|||
// un-select the current selection
|
|||
$scope.selectedCase = null; |
|||
} else { |
|||
$scope.selectedCase = caseModel; |
|||
} |
|||
}; |
|||
|
|||
// Saving the selected value
|
|||
$scope.save = function() { |
|||
if ($scope.selectedCase) { |
|||
$scope.property.value = {'id' : $scope.selectedCase.id, 'name' : $scope.selectedCase.name}; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.loadCases = function() { |
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
$http.get(FLOWABLE.APP_URL.getCaseModelsUrl('?excludeId=' + modelMetaData.modelId)) |
|||
.success( |
|||
function(response) { |
|||
$scope.state.loadingCases = false; |
|||
$scope.state.caseError = false; |
|||
$scope.caseModels = response.data; |
|||
}) |
|||
.error( |
|||
function(data, status, headers, config) { |
|||
$scope.state.loadingCases = false; |
|||
$scope.state.caseError = true; |
|||
}); |
|||
}; |
|||
|
|||
if ($scope.property && $scope.property.value && $scope.property.value.id) { |
|||
$scope.selectedCase = $scope.property.value; |
|||
} |
|||
|
|||
$scope.loadCases(); |
|||
}]); |
|||
@ -0,0 +1,59 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Condition expression |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableConditionExpressionCtrl', [ '$scope', '$modal', function($scope, $modal) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/condition-expression-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableConditionExpressionPopupCtrl', |
|||
[ '$rootScope', '$scope', '$translate', 'FormBuilderService', function($rootScope, $scope, $translate, FormBuilderService) { |
|||
|
|||
// Put json representing assignment on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.expression !== undefined |
|||
&& $scope.property.value.expression !== null) { |
|||
|
|||
$scope.expression = $scope.property.value.expression; |
|||
|
|||
} else if ($scope.property.value !== undefined && $scope.property.value !== null) { |
|||
$scope.expression = {type: 'static', staticValue: $scope.property.value}; |
|||
|
|||
} else { |
|||
$scope.expression = {}; |
|||
} |
|||
|
|||
$scope.save = function() { |
|||
$scope.property.value = {expression: $scope.expression}; |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,12 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
@ -0,0 +1,330 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Data Properties |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableDataPropertiesCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/data-properties-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableDataPropertiesPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing data properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.items !== undefined |
|||
&& $scope.property.value.items !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.dataProperties = angular.copy($scope.property.value.items); |
|||
|
|||
for (var i = 0; i < $scope.dataProperties.length; i++) { |
|||
var dataProperty = $scope.dataProperties[i]; |
|||
if (dataProperty.enumValues && dataProperty.enumValues.length > 0) { |
|||
for (var j = 0; j < dataProperty.enumValues.length; j++) { |
|||
var enumValue = dataProperty.enumValues[j]; |
|||
if (!enumValue.id && !enumValue.name && enumValue.value) { |
|||
enumValue.id = enumValue.value; |
|||
enumValue.name = enumValue.value; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
} else { |
|||
$scope.dataProperties = []; |
|||
} |
|||
|
|||
$scope.enumValues = []; |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var idPromise = $translate('PROPERTY.DATAPROPERTIES.ID'); |
|||
var namePromise = $translate('PROPERTY.DATAPROPERTIES.NAME'); |
|||
var typePromise = $translate('PROPERTY.DATAPROPERTIES.TYPE'); |
|||
var valuePromise = $translate('PROPERTY.DATAPROPERTIES.VALUE'); |
|||
|
|||
$q.all([idPromise, namePromise, typePromise, valuePromise]).then(function (results) { |
|||
$scope.labels.idLabel = results[0]; |
|||
$scope.labels.nameLabel = results[1]; |
|||
$scope.labels.typeLabel = results[2]; |
|||
$scope.labels.valueLabel = results[3]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.dataProperties, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'dataproperty_id', displayName: $scope.labels.idLabel}, |
|||
{field: 'dataproperty_name', displayName: $scope.labels.nameLabel}, |
|||
{field: 'dataproperty_type', displayName: $scope.labels.typeLabel}, |
|||
{field: 'dataproperty_value', displayName: $scope.labels.valueLabel}] |
|||
}; |
|||
|
|||
$scope.enumGridOptions = { |
|||
data: $scope.enumValues, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{ field: 'id', displayName: $scope.labels.idLabel }, |
|||
{ field: 'name', displayName: $scope.labels.nameLabel}] |
|||
} |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedProperty = row.entity; |
|||
$scope.selectedEnumValue = undefined; |
|||
if ($scope.selectedProperty && $scope.selectedProperty.enumValues) { |
|||
$scope.enumValues.length = 0; |
|||
for (var i = 0; i < $scope.selectedProperty.enumValues.length; i++) { |
|||
$scope.enumValues.push($scope.selectedProperty.enumValues[i]); |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
$scope.enumGridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.enumGridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedEnumValue = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Handler for when the value of the type dropdown changes
|
|||
$scope.propertyTypeChanged = function () { |
|||
|
|||
// Check date. If date, show date pattern
|
|||
if ($scope.selectedProperty.type === 'date') { |
|||
$scope.selectedProperty.datePattern = 'MM-dd-yyyy hh:mm'; |
|||
} else { |
|||
delete $scope.selectedProperty.datePattern; |
|||
} |
|||
|
|||
// Check enum. If enum, show list of options
|
|||
if ($scope.selectedProperty.type === 'enum') { |
|||
$scope.selectedProperty.enumValues = [ {id: 'value1', name: 'Value 1'}, {id: 'value2', name: 'Value 2'}]; |
|||
$scope.enumValues.length = 0; |
|||
for (var i = 0; i < $scope.selectedProperty.enumValues.length; i++) { |
|||
$scope.enumValues.push($scope.selectedProperty.enumValues[i]); |
|||
} |
|||
|
|||
} else { |
|||
delete $scope.selectedProperty.enumValues; |
|||
$scope.enumValues.length = 0; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
var propertyIndex = 1; |
|||
$scope.addNewProperty = function () { |
|||
var newProperty = { |
|||
dataproperty_id: 'new_data_object_' + propertyIndex++, |
|||
dataproperty_name: '', |
|||
dataproperty_type: 'string', |
|||
readable: true, |
|||
writable: true |
|||
}; |
|||
|
|||
$scope.dataProperties.push(newProperty); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newProperty); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeProperty = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.dataProperties.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.dataProperties.splice(index, 1); |
|||
|
|||
if ($scope.dataProperties.length == 0) { |
|||
$scope.selectedProperty = undefined; |
|||
} |
|||
|
|||
$timeout(function() { |
|||
if ($scope.dataProperties.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.dataProperties[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.movePropertyUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.dataProperties.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.dataProperties[index]; |
|||
$scope.dataProperties.splice(index, 1); |
|||
$timeout(function(){ |
|||
$scope.dataProperties.splice(index + -1, 0, temp); |
|||
$timeout(function() { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.movePropertyDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.dataProperties.indexOf(selectedItems[0]); |
|||
if (index != $scope.dataProperties.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.dataProperties[index]; |
|||
$scope.dataProperties.splice(index, 1); |
|||
$timeout(function(){ |
|||
$scope.dataProperties.splice(index + 1, 0, temp); |
|||
$timeout(function() { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.addNewEnumValue = function() { |
|||
if ($scope.selectedProperty) { |
|||
var newEnumValue = { id : '', name : ''}; |
|||
$scope.selectedProperty.enumValues.push(newEnumValue); |
|||
$scope.enumValues.push(newEnumValue); |
|||
|
|||
$timeout(function () { |
|||
$scope.enumGridApi.selection.toggleRowSelection(newEnumValue); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeEnumValue = function() { |
|||
var selectedItems = $scope.enumGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.enumValues.indexOf(selectedItems[0]); |
|||
$scope.enumGridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.enumValues.splice(index, 1); |
|||
$scope.selectedProperty.enumValues.splice(index, 1); |
|||
|
|||
if ($scope.enumValues.length == 0) { |
|||
$scope.selectedEnumValue = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.enumValues.length > 0) { |
|||
$scope.enumGridApi.selection.toggleRowSelection($scope.enumValues[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveEnumValueUp = function() { |
|||
var selectedItems = $scope.enumGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.enumValues.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.enumValues[index]; |
|||
$scope.enumValues.splice(index, 1); |
|||
$scope.selectedProperty.enumValues.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.enumValues.splice(index + -1, 0, temp); |
|||
$scope.selectedProperty.enumValues.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.enumGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveEnumValueDown = function() { |
|||
var selectedItems = $scope.enumGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.enumValues.indexOf(selectedItems[0]); |
|||
if (index != $scope.enumValues.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.enumValues[index]; |
|||
$scope.enumValues.splice(index, 1); |
|||
$scope.selectedProperty.enumValues.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.enumValues.splice(index + 1, 0, temp); |
|||
$scope.selectedProperty.enumValues.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.enumGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.dataProperties.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.items = $scope.dataProperties; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.$hide(); |
|||
$scope.property.mode = 'read'; |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.$hide(); |
|||
$scope.property.mode = 'read'; |
|||
}; |
|||
|
|||
}]) |
|||
; |
|||
@ -0,0 +1,288 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableDecisionTableReferenceCtrl', |
|||
[ '$scope', '$modal', '$http', function($scope, $modal, $http) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/decisiontable-reference-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableDecisionTableReferencePopupCtrl', ['$rootScope', '$scope', '$http', '$location', 'editorManager', |
|||
function($rootScope, $scope, $http, $location, editorManager) { |
|||
|
|||
$scope.state = { |
|||
'loadingDecisionTables': true, |
|||
'decisionTableError': false |
|||
}; |
|||
|
|||
$scope.popup = { |
|||
'state': 'decisionTableReference' |
|||
}; |
|||
|
|||
$scope.foldersBreadCrumbs = []; |
|||
|
|||
// Make click outside dialog also call close.
|
|||
$scope.$parent.$on('modal.hide.before', function() { |
|||
$scope.close(); |
|||
$scope.$parent.$apply(); |
|||
}); |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.newVariablesMapping = undefined; |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Selecting/deselecting a decision table
|
|||
$scope.selectDecisionTable = function(decisionTable, $event) { |
|||
$event.stopPropagation(); |
|||
if ($scope.selectedDecisionTable && $scope.selectedDecisionTable.id && decisionTable.id == $scope.selectedDecisionTable.id) { |
|||
// un-select the current selection
|
|||
$scope.selectedDecisionTable = null; |
|||
} else { |
|||
$scope.selectedDecisionTable = decisionTable; |
|||
} |
|||
}; |
|||
|
|||
$scope.isSelected = function () { |
|||
if ($scope.selectedDecisionTable && $scope.selectedDecisionTable.id) { |
|||
return true; |
|||
} |
|||
return false; |
|||
}; |
|||
|
|||
// Saving the selected value
|
|||
$scope.save = function() { |
|||
if ($scope.selectedDecisionTable) { |
|||
$scope.property.value = { |
|||
'id': $scope.selectedDecisionTable.id, |
|||
'name': $scope.selectedDecisionTable.name, |
|||
'key': $scope.selectedDecisionTable.key |
|||
}; |
|||
|
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Open the selected value
|
|||
$scope.open = function() { |
|||
if ($scope.selectedDecisionTable) { |
|||
$scope.property.value = { |
|||
'id': $scope.selectedDecisionTable.id, |
|||
'name': $scope.selectedDecisionTable.name, |
|||
'key': $scope.selectedDecisionTable.key |
|||
}; |
|||
$scope.updatePropertyInModel($scope.property); |
|||
|
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
var json = editorManager.getModel(); |
|||
json = JSON.stringify(json); |
|||
|
|||
var params = { |
|||
modeltype: modelMetaData.model.modelType, |
|||
json_xml: json, |
|||
name: modelMetaData.name, |
|||
key: modelMetaData.key, |
|||
description: modelMetaData.description, |
|||
newversion: false, |
|||
lastUpdated: modelMetaData.lastUpdated |
|||
}; |
|||
|
|||
// Update
|
|||
$http({ |
|||
method: 'POST', |
|||
data: params, |
|||
ignoreErrors: true, |
|||
headers: { |
|||
'Accept': 'application/json', |
|||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' |
|||
}, |
|||
transformRequest: function (obj) { |
|||
var str = []; |
|||
for (var p in obj) { |
|||
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); |
|||
} |
|||
return str.join("&"); |
|||
}, |
|||
url: FLOWABLE.URL.putModel(modelMetaData.modelId) |
|||
}) |
|||
|
|||
.success(function(data, status, headers, config) { |
|||
editorManager.handleEvents({ |
|||
type: ORYX.CONFIG.EVENT_SAVED |
|||
}); |
|||
|
|||
$rootScope.addHistoryItem($scope.selectedShape.resourceId); |
|||
$location.path('decision-table-editor/' + $scope.selectedDecisionTable.id); |
|||
}) |
|||
.error(function(data, status, headers, config) { |
|||
|
|||
}); |
|||
|
|||
$scope.close(); |
|||
} |
|||
}; |
|||
|
|||
$scope.newDecisionTable = function() { |
|||
$scope.property.value.variablesmapping = []; |
|||
|
|||
$scope.popup.state = 'newDecisionTable'; |
|||
|
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
|
|||
$scope.model = { |
|||
loading: false, |
|||
decisionTable: { |
|||
name: '', |
|||
key: '', |
|||
description: '', |
|||
modelType: 4 |
|||
}, |
|||
defaultStencilSet: undefined, |
|||
decisionTableStencilSets: [] |
|||
}; |
|||
}; |
|||
|
|||
$scope.createDecisionTable = function() { |
|||
|
|||
if (!$scope.model.decisionTable.name || $scope.model.decisionTable.name.length == 0 || |
|||
!$scope.model.decisionTable.key || $scope.model.decisionTable.key.length == 0) { |
|||
|
|||
return; |
|||
} |
|||
|
|||
var stencilSetId = $scope.model.decisionTable.stencilSet; |
|||
$scope.model.loading = true; |
|||
|
|||
$http({ |
|||
method: 'POST', |
|||
url: FLOWABLE.APP_URL.getModelsUrl(), |
|||
data: $scope.model.decisionTable |
|||
}). |
|||
success(function(data, status, headers, config) { |
|||
|
|||
var newDecisionTableId = data.id; |
|||
$scope.property.value = { |
|||
'id': newDecisionTableId, |
|||
'name': data.name, |
|||
'key': data.key |
|||
}; |
|||
$scope.updatePropertyInModel($scope.property); |
|||
|
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
var json = editorManager.getModel(); |
|||
json = JSON.stringify(json); |
|||
|
|||
var params = { |
|||
modeltype: modelMetaData.model.modelType, |
|||
json_xml: json, |
|||
name: modelMetaData.name, |
|||
key: modelMetaData.key, |
|||
description: modelMetaData.description, |
|||
newversion: false, |
|||
lastUpdated: modelMetaData.lastUpdated, |
|||
stencilSet: stencilSetId |
|||
}; |
|||
|
|||
// Update
|
|||
$http({ |
|||
method: 'POST', |
|||
data: params, |
|||
ignoreErrors: true, |
|||
headers: { |
|||
'Accept': 'application/json', |
|||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' |
|||
}, |
|||
transformRequest: function (obj) { |
|||
var str = []; |
|||
for (var p in obj) { |
|||
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); |
|||
} |
|||
return str.join("&"); |
|||
}, |
|||
url: FLOWABLE.URL.putModel(modelMetaData.modelId) |
|||
}) |
|||
|
|||
.success(function(data, status, headers, config) { |
|||
editorManager.handleEvents({ |
|||
type: ORYX.CONFIG.EVENT_SAVED |
|||
}); |
|||
|
|||
$scope.model.loading = false; |
|||
$scope.$hide(); |
|||
|
|||
$rootScope.addHistoryItem($scope.selectedShape.resourceId); |
|||
$location.path('decision-table-editor/' + newDecisionTableId); |
|||
}) |
|||
.error(function(data, status, headers, config) { |
|||
$scope.model.loading = false; |
|||
$scope.$hide(); |
|||
}); |
|||
|
|||
}). |
|||
error(function(data, status, headers, config) { |
|||
$scope.model.loading = false; |
|||
$scope.model.errorMessage = data.message; |
|||
}); |
|||
}; |
|||
|
|||
$scope.cancel = function() { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.resetCurrent = function () { |
|||
for (var i = 0, found = false; i < $scope.decisionTables.length && found === false; i++) { |
|||
var table = $scope.decisionTables[i]; |
|||
if (table.id === $scope.property.value.id) { |
|||
$scope.selectedDecisionTable = table; |
|||
found = true; |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.loadDecisionTables = function() { |
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
$http.get(FLOWABLE.APP_URL.getDecisionTableModelsUrl()) |
|||
.success( |
|||
function(response) { |
|||
$scope.state.loadingDecisionTables = false; |
|||
$scope.state.decisionTableError = false; |
|||
$scope.decisionTables = response.data; |
|||
$scope.resetCurrent(); |
|||
}) |
|||
.error( |
|||
function(data, status, headers, config) { |
|||
$scope.state.loadingDecisionTables = false; |
|||
$scope.state.decisionTableError = true; |
|||
}); |
|||
}; |
|||
|
|||
if ($scope.property && $scope.property.value && $scope.property.value.id) { |
|||
$scope.selectedDecisionTable = $scope.property.value; |
|||
$scope.storedId = $scope.property.value.id; |
|||
} |
|||
|
|||
$scope.loadDecisionTables(); |
|||
} |
|||
]); |
|||
@ -0,0 +1,118 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* String controller |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableStringPropertyCtrl', [ '$scope', function ($scope) { |
|||
|
|||
$scope.shapeId = $scope.selectedShape.id; |
|||
$scope.valueFlushed = false; |
|||
/** Handler called when input field is blurred */ |
|||
$scope.inputBlurred = function() { |
|||
$scope.valueFlushed = true; |
|||
if ($scope.property.value) { |
|||
$scope.property.value = $scope.property.value.replace(/(<([^>]+)>)/ig,""); |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
|
|||
$scope.enterPressed = function(keyEvent) { |
|||
// if enter is pressed
|
|||
if (keyEvent && keyEvent.which === 13) { |
|||
keyEvent.preventDefault(); |
|||
$scope.inputBlurred(); // we want to do the same as if the user would blur the input field
|
|||
} |
|||
// else; do nothing
|
|||
}; |
|||
|
|||
$scope.$on('$destroy', function controllerDestroyed() { |
|||
if(!$scope.valueFlushed) { |
|||
if ($scope.property.value) { |
|||
$scope.property.value = $scope.property.value.replace(/(<([^>]+)>)/ig,""); |
|||
} |
|||
$scope.updatePropertyInModel($scope.property, $scope.shapeId); |
|||
} |
|||
}); |
|||
|
|||
}]); |
|||
|
|||
/* |
|||
* Boolean controller |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableBooleanPropertyCtrl', ['$scope', function ($scope) { |
|||
|
|||
$scope.changeValue = function() { |
|||
if ($scope.property.key === 'oryx-defaultflow' && $scope.property.value) { |
|||
var selectedShape = $scope.selectedShape; |
|||
if (selectedShape) { |
|||
var incomingNodes = selectedShape.getIncomingShapes(); |
|||
if (incomingNodes && incomingNodes.length > 0) { |
|||
// get first node, since there can be only one for a sequence flow
|
|||
var rootNode = incomingNodes[0]; |
|||
var flows = rootNode.getOutgoingShapes(); |
|||
if (flows && flows.length > 1) { |
|||
// in case there are more flows, check if another flow is already defined as default
|
|||
for (var i = 0; i < flows.length; i++) { |
|||
if (flows[i].resourceId != selectedShape.resourceId) { |
|||
var defaultFlowProp = flows[i].properties.get('oryx-defaultflow'); |
|||
if (defaultFlowProp) { |
|||
flows[i].setProperty('oryx-defaultflow', false, true); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
|
|||
}]); |
|||
|
|||
/* |
|||
* Text controller |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableTextPropertyCtrl', [ '$scope', '$modal', '$timeout', function($scope, $modal, $timeout) { |
|||
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/text-popup.html?version=' + Date.now(), |
|||
scope: $scope, |
|||
prefixEvent: 'textModalEvent' |
|||
}; |
|||
|
|||
$scope.$on('textModalEvent.hide.before', function() { |
|||
$timeout(function() { |
|||
$scope.property.mode = 'read'; |
|||
}, 0); |
|||
}); |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableTextPropertyPopupCtrl', ['$scope', function($scope) { |
|||
|
|||
$scope.save = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,126 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Due date |
|||
*/ |
|||
'use strict'; |
|||
|
|||
angular.module('flowableModeler').controller('BpmnEditorDueDateCtrl', [ '$scope', '$modal', function($scope, $modal) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/duedate-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('BpmnEditorDueDatePopupCtrl', |
|||
[ '$rootScope', '$scope', '$translate', function($rootScope, $scope, $translate) { |
|||
|
|||
// Put json representing assignment on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null) { |
|||
|
|||
if ($scope.property.value.duedate !== undefined && $scope.property.value.duedate !== null) { |
|||
$scope.popup = {'duedate': $scope.property.value.duedate}; |
|||
|
|||
} else if ($scope.property.value.duedateExpression !== undefined && $scope.property.value.duedateExpression !== null) { |
|||
$scope.popup = {'duedateExpression': $scope.property.value.duedateExpression}; |
|||
|
|||
} else { |
|||
$scope.popup = {'duedateExpression': $scope.property.value}; |
|||
} |
|||
|
|||
} else { |
|||
$scope.popup = {}; |
|||
} |
|||
|
|||
$scope.taskDueDateOptions = [ |
|||
{id: "none", title: $translate.instant('PROPERTY.DUEDATE.TASK-DUE-DATE-OPTIONS.NO-DUEDATE')}, |
|||
{id: "expression", title: $translate.instant('PROPERTY.DUEDATE.TASK-DUE-DATE-OPTIONS.EXPRESSION')}, |
|||
{id: "static", title: $translate.instant('PROPERTY.DUEDATE.TASK-DUE-DATE-OPTIONS.STATIC')}, |
|||
{id: "field", title: $translate.instant('PROPERTY.DUEDATE.TASK-DUE-DATE-OPTIONS.FIELD')} |
|||
]; |
|||
|
|||
if (!$scope.popup.duedate && !$scope.popup.duedateExpression) { |
|||
// Default, first time opening the popup
|
|||
$scope.popup.selectedDueDateOption = $scope.taskDueDateOptions[0].id; |
|||
|
|||
} else if (!$scope.popup.duedate) { |
|||
$scope.popup.selectedDueDateOption = $scope.taskDueDateOptions[1].id; |
|||
|
|||
} else { |
|||
|
|||
if ($scope.popup.duedate.fixed) { |
|||
$scope.popup.selectedDueDateOption = $scope.taskDueDateOptions[2].id; |
|||
|
|||
} else if ($scope.popup.duedate.field) { |
|||
$scope.popup.selectedDueDateOption = $scope.taskDueDateOptions[3].id; |
|||
|
|||
} else { |
|||
$scope.popup.selectedDueDateOption = $scope.taskDueDateOptions[0].id; |
|||
} |
|||
} |
|||
|
|||
$scope.dueDateOptionChanged = function() { |
|||
if ($scope.popup.selectedDueDateOption === 'expression') { |
|||
$scope.popup.duedate = undefined; |
|||
|
|||
} else if ($scope.popup.selectedDueDateOption === 'none') { |
|||
$scope.popup.duedate = undefined; |
|||
$scope.popup.duedateExpression = undefined; |
|||
|
|||
} else if ($scope.popup.selectedDueDateOption === 'static') { |
|||
$scope.popup.duedate = {'fixed': {}}; |
|||
$scope.popup.duedateExpression = undefined; |
|||
|
|||
} else if ($scope.popup.selectedDueDateOption === 'field') { |
|||
$scope.popup.duedate = {'field': {}}; |
|||
$scope.popup.duedateExpression = undefined; |
|||
} |
|||
}; |
|||
|
|||
$scope.setAddCalculationType = function() { |
|||
$scope.popup.duedate.field.taskDueDateCalculationType = 'add'; |
|||
}; |
|||
|
|||
$scope.setSubtractCalculationType = function() { |
|||
$scope.popup.duedate.field.taskDueDateCalculationType = 'subtract'; |
|||
}; |
|||
|
|||
$scope.allSteps = EDITOR.UTIL.collectSortedElementsFromPrecedingElements($scope.selectedShape); |
|||
|
|||
$scope.save = function () { |
|||
$scope.property.value = {}; |
|||
if ($scope.popup.duedate) { |
|||
$scope.property.value.duedate = $scope.popup.duedate; |
|||
|
|||
} else if ($scope.popup.duedateExpression) { |
|||
$scope.property.value.duedateExpression = $scope.popup.duedateExpression; |
|||
|
|||
} else { |
|||
$scope.property.value = ''; |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,145 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Escalation definitions |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEscalationDefinitionsCtrl', ['$scope', '$modal', function ($scope, $modal) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/escalation-definitions-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
//Need a separate controller for the modal window due to https://github.com/angular-ui/bootstrap/issues/259
|
|||
// Will be fixed in a newer version of Angular UI
|
|||
angular.module('flowableModeler').controller('FlowableEscalationDefinitionsPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing signal definitions on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null && $scope.property.value.length > 0) { |
|||
|
|||
if ($scope.property.value.constructor == String) { |
|||
$scope.escalationDefinitions = JSON.parse($scope.property.value); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.escalationDefinitions = angular.copy($scope.property.value); |
|||
} |
|||
|
|||
} else { |
|||
$scope.escalationDefinitions = []; |
|||
} |
|||
|
|||
// Array to contain selected signal definitions (yes - we only can select one, but ng-grid isn't smart enough)
|
|||
$scope.selectedEscalationDefinition = undefined; |
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var idPromise = $translate('PROPERTY.ESCALATIONDEFINITIONS.ID'); |
|||
var namePromise = $translate('PROPERTY.ESCALATIONDEFINITIONS.NAME'); |
|||
|
|||
$q.all([idPromise, namePromise]).then(function (results) { |
|||
|
|||
$scope.labels.idLabel = results[0]; |
|||
$scope.labels.nameLabel = results[1]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.escalationDefinitions, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'id', displayName: $scope.labels.idLabel}, |
|||
{field: 'name', displayName: $scope.labels.nameLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedEscalationDefinition = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewEscalationDefinition = function () { |
|||
var newEscalationDefinition = {id: '', name: ''}; |
|||
|
|||
$scope.escalationDefinitions.push(newEscalationDefinition); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newEscalationDefinition); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeEscalationDefinition = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.escalationDefinitions.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.escalationDefinitions.splice(index, 1); |
|||
|
|||
if ($scope.escalationDefinitions.length == 0) { |
|||
$scope.selectedEscalationDefinition = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.escalationDefinitions.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.escalationDefinitions[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.escalationDefinitions.length > 0) { |
|||
$scope.property.value = $scope.escalationDefinitions; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,42 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEscalationRefCtrl', [ '$scope', function($scope) { |
|||
|
|||
// Find the parent shape on which the signal definitions are defined
|
|||
var escalationDefinitionsProperty = undefined; |
|||
var parent = $scope.selectedShape; |
|||
while (parent !== null && parent !== undefined && escalationDefinitionsProperty === undefined) { |
|||
if (parent.properties && parent.properties.get('oryx-escalationdefinitions')) { |
|||
escalationDefinitionsProperty = parent.properties.get('oryx-escalationdefinitions'); |
|||
} else { |
|||
parent = parent.parent; |
|||
} |
|||
} |
|||
|
|||
try { |
|||
escalationDefinitionsProperty = JSON.parse(escalationDefinitionsProperty); |
|||
if (typeof escalationDefinitionsProperty == 'string') { |
|||
escalationDefinitionsProperty = JSON.parse(escalationDefinitionsProperty); |
|||
} |
|||
} catch (err) { |
|||
// Do nothing here, just to be sure we try-catch it
|
|||
} |
|||
|
|||
$scope.escalationDefinitions = escalationDefinitionsProperty; |
|||
|
|||
|
|||
$scope.escalationChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,24 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventRegistryChannelTypeCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) |
|||
{ |
|||
$scope.property.value = 'None'; |
|||
} |
|||
|
|||
$scope.channelTypeChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,141 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Input parameters for call activity |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventCorrelationParametersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/event-correlation-parameters-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventCorrelationParametersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.correlationParameters !== undefined |
|||
&& $scope.property.value.correlationParameters !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.parameters = angular.copy($scope.property.value.correlationParameters); |
|||
} else { |
|||
$scope.parameters = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var parameterName = $translate('PROPERTY.EVENTCORRELATIONPARAMETERS.NAME'); |
|||
var parameterType = $translate('PROPERTY.EVENTCORRELATIONPARAMETERS.TYPE'); |
|||
|
|||
$q.all([parameterName, parameterType]).then(function (results) { |
|||
$scope.labels.parameterName = results[0]; |
|||
$scope.labels.parameterType = results[1]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.parameters, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'name', displayName: $scope.labels.parameterName}, |
|||
{field: 'type', displayName: $scope.labels.parameterType}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedParameter = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewParameter = function () { |
|||
var newParameter = { |
|||
name: '', |
|||
type: 'string', |
|||
value: '' |
|||
}; |
|||
|
|||
$scope.parameters.push(newParameter); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newParameter); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeParameter = function () { |
|||
|
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.parameters.splice(index, 1); |
|||
|
|||
if ($scope.parameters.length == 0) { |
|||
$scope.selectedParameter = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.parameters.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.parameters[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.parameters.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.correlationParameters = $scope.parameters; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,141 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Input parameters for call activity |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventInParametersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/event-in-parameters-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventInParametersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.inParameters !== undefined |
|||
&& $scope.property.value.inParameters !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.parameters = angular.copy($scope.property.value.inParameters); |
|||
} else { |
|||
$scope.parameters = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var variableNameLabel = $translate('PROPERTY.EVENTINPARAMETERS.VARIABLENAME'); |
|||
var eventNameLabel = $translate('PROPERTY.EVENTINPARAMETERS.EVENTNAME'); |
|||
|
|||
$q.all([variableNameLabel, eventNameLabel]).then(function (results) { |
|||
$scope.labels.variableNameLabel = results[1]; |
|||
$scope.labels.eventNameLabel = results[0]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.parameters, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'variableName', displayName: $scope.labels.variableNameLabel}, |
|||
{field: 'eventName', displayName: $scope.labels.eventNameLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedParameter = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewParameter = function () { |
|||
var newParameter = { |
|||
variableName: '', |
|||
eventName: '', |
|||
eventType: 'string' |
|||
}; |
|||
|
|||
$scope.parameters.push(newParameter); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newParameter); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeParameter = function () { |
|||
|
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.parameters.splice(index, 1); |
|||
|
|||
if ($scope.parameters.length == 0) { |
|||
$scope.selectedParameter = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.parameters.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.parameters[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.parameters.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.inParameters = $scope.parameters; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,263 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Execution listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventListenersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/event-listeners-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
//Need a separate controller for the modal window due to https://github.com/angular-ui/bootstrap/issues/259
|
|||
// Will be fixed in a newer version of Angular UI
|
|||
angular.module('flowableModeler').controller('FlowableEventListenersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.eventListeners !== undefined |
|||
&& $scope.property.value.eventListeners !== null) { |
|||
|
|||
if ($scope.property.value.eventListeners.constructor == String) { |
|||
$scope.eventListeners = JSON.parse($scope.property.value.eventListeners); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.eventListeners = angular.copy($scope.property.value.eventListeners); |
|||
} |
|||
|
|||
} else { |
|||
$scope.eventListeners = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var eventPromise = $translate('PROPERTY.EXECUTIONLISTENERS.EVENT'); |
|||
var implementationPromise = $translate('PROPERTY.EXECUTIONLISTENERS.FIELDS.IMPLEMENTATION'); |
|||
var namePromise = $translate('PROPERTY.EXECUTIONLISTENERS.FIELDS.NAME'); |
|||
|
|||
$q.all([eventPromise, implementationPromise, namePromise]).then(function (results) { |
|||
$scope.labels.eventLabel = results[0]; |
|||
$scope.labels.implementationLabel = results[1]; |
|||
$scope.labels.nameLabel = results[2]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.eventListeners, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'event', displayName: $scope.labels.eventLabel}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedListener = row.entity; |
|||
|
|||
if ($scope.selectedListener) { |
|||
var fields = $scope.selectedListener.fields; |
|||
if (fields !== undefined && fields !== null) { |
|||
for (var i = 0; i < fields.length; i++) { |
|||
var field = fields[i]; |
|||
if (field.stringValue !== undefined && field.stringValue !== '') { |
|||
field.implementation = field.stringValue; |
|||
} else if (field.expression !== undefined && field.expression !== '') { |
|||
field.implementation = field.expression; |
|||
} else if (field.string !== undefined && field.string !== '') { |
|||
field.implementation = field.string; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
if (!$scope.selectedListener.events) { |
|||
$scope.selectedListener.events = [{event: ''}]; |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
|
|||
// Click handler for + button after enum value
|
|||
$scope.addEventValue = function (index) { |
|||
$scope.selectedListener.events.splice(index + 1, 0, {event: ''}); |
|||
}; |
|||
|
|||
// Click handler for - button after enum value
|
|||
$scope.removeEventValue = function (index) { |
|||
$scope.selectedListener.events.splice(index, 1); |
|||
$scope.listenerDetailsChanged(); |
|||
}; |
|||
|
|||
$scope.listenerDetailsChanged = function () { |
|||
var listener = $scope.selectedListener; |
|||
if (listener.events) { |
|||
var eventText = ''; |
|||
for (var i = 0; i < listener.events.length; i++) { |
|||
if (i > 0) { |
|||
eventText += ", "; |
|||
} |
|||
eventText += listener.events[i].event; |
|||
} |
|||
$scope.selectedListener.event = eventText; |
|||
} |
|||
|
|||
if (listener.rethrowEvent) { |
|||
var implementationText = ''; |
|||
if (listener.rethrowType && listener.rethrowType.length > 0) { |
|||
if (listener.rethrowType === 'error' && listener.errorcode !== '') { |
|||
implementationText = "Rethrow as error " + listener.errorcode; |
|||
} |
|||
else if (listener.rethrowType === 'message' && listener.messagename !== '') { |
|||
implementationText = "Rethrow as message " + listener.messagename; |
|||
} |
|||
else if ((listener.rethrowType === 'signal' || listener.rethrowType === 'globalSignal') && listener.signalname !== '') { |
|||
implementationText = "Rethrow as signal " + listener.signalname; |
|||
} |
|||
} |
|||
$scope.selectedListener.implementation = implementationText; |
|||
} |
|||
else { |
|||
if ($scope.selectedListener.className !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.className; |
|||
} |
|||
else if ($scope.selectedListener.delegateExpression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.delegateExpression; |
|||
} |
|||
else { |
|||
$scope.selectedListener.implementation = ''; |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewListener = function () { |
|||
var newListener = { |
|||
event: '', |
|||
implementation: '', |
|||
className: '', |
|||
delegateExpression: '', |
|||
retrowEvent: false |
|||
}; |
|||
|
|||
$scope.eventListeners.push(newListener); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newListener); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeListener = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.eventListeners.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.eventListeners.splice(index, 1); |
|||
|
|||
if ($scope.eventListeners.length == 0) { |
|||
$scope.selectedListener = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.eventListeners.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.eventListeners[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveListenerUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.eventListeners.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.eventListeners[index]; |
|||
$scope.eventListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.eventListeners.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveListenerDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.eventListeners.indexOf(selectedItems[0]); |
|||
if (index != $scope.eventListeners.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.eventListeners[index]; |
|||
$scope.eventListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.eventListeners.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.eventListeners.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.eventListeners = $scope.eventListeners; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,141 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Input parameters for call activity |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventOutParametersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/event-out-parameters-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableEventOutParametersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.outParameters !== undefined |
|||
&& $scope.property.value.outParameters !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.parameters = angular.copy($scope.property.value.outParameters); |
|||
} else { |
|||
$scope.parameters = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var eventNameLabel = $translate('PROPERTY.EVENTOUTPARAMETERS.EVENTNAME'); |
|||
var variableNameLabel = $translate('PROPERTY.EVENTOUTPARAMETERS.VARIABLENAME'); |
|||
|
|||
$q.all([eventNameLabel, variableNameLabel]).then(function (results) { |
|||
$scope.labels.eventNameLabel = results[0]; |
|||
$scope.labels.variableNameLabel = results[1]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.parameters, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'eventName', displayName: $scope.labels.eventNameLabel}, |
|||
{field: 'variableName', displayName: $scope.labels.variableNameLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedParameter = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewParameter = function () { |
|||
var newParameter = { |
|||
eventName: '', |
|||
eventType: 'string', |
|||
variableName: '' |
|||
}; |
|||
|
|||
$scope.parameters.push(newParameter); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newParameter); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeParameter = function () { |
|||
|
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.parameters.splice(index, 1); |
|||
|
|||
if ($scope.parameters.length == 0) { |
|||
$scope.selectedParameter = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.parameters.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.parameters[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.parameters.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.outParameters = $scope.parameters; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,184 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Task listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableExceptionsCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/exceptions-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
|
|||
angular.module('flowableModeler').controller('FlowableExceptionsPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.exceptions !== undefined |
|||
&& $scope.property.value.exceptions !== null) { |
|||
|
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.exceptions = angular.copy($scope.property.value.exceptions); |
|||
|
|||
} else { |
|||
$scope.exceptions = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var codePromise = $translate('PROPERTY.EXCEPTIONS.CODE'); |
|||
var classPromise = $translate('PROPERTY.EXCEPTIONS.CLASS'); |
|||
|
|||
$q.all([codePromise, classPromise]).then(function (results) { |
|||
$scope.labels.codeLabel = results[0]; |
|||
$scope.labels.classLabel = results[1]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.exceptions, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'code', displayName: $scope.labels.codeLabel}, |
|||
{field: 'class', displayName: $scope.labels.classLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedException = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
$scope.exceptionDetailsChanged = function () { |
|||
if ($scope.selectedException.class != '') { |
|||
$scope.selectedException.class = $scope.selectedException.class; |
|||
} |
|||
|
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewException = function () { |
|||
var newException = { |
|||
code: '', |
|||
class: '', |
|||
children: false |
|||
}; |
|||
|
|||
$scope.exceptions.push(newException); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newException); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeException = function () { |
|||
|
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.exceptions.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.exceptions.splice(index, 1); |
|||
|
|||
if ($scope.exceptions.length == 0) { |
|||
$scope.selectedException = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.exceptions.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.exceptions[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveExceptionUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.exceptions.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.exceptions[index]; |
|||
$scope.exceptions.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.exceptions.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveExceptionDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.exceptions.indexOf(selectedItems[0]); |
|||
if (index != $scope.exceptions.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.exceptions[index]; |
|||
$scope.exceptions.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.exceptions.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.exceptions.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.exceptions = $scope.exceptions; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,358 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Execution listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableExecutionListenersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/execution-listeners-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableExecutionListenersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.executionListeners !== undefined |
|||
&& $scope.property.value.executionListeners !== null) { |
|||
|
|||
if ($scope.property.value.executionListeners.constructor == String) { |
|||
$scope.executionListeners = JSON.parse($scope.property.value.executionListeners); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.executionListeners = angular.copy($scope.property.value.executionListeners); |
|||
} |
|||
|
|||
for (var i = 0; i < $scope.executionListeners.length; i++) { |
|||
var executionListener = $scope.executionListeners[i]; |
|||
if (executionListener.className !== undefined && executionListener.className !== '') { |
|||
executionListener.implementation = executionListener.className; |
|||
} |
|||
else if (executionListener.expression !== undefined && executionListener.expression !== '') { |
|||
executionListener.implementation = executionListener.expression; |
|||
} |
|||
else if (executionListener.delegateExpression !== undefined && executionListener.delegateExpression !== '') { |
|||
executionListener.implementation = executionListener.delegateExpression; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.executionListeners = []; |
|||
} |
|||
|
|||
$scope.selectedListener = undefined; |
|||
$scope.selectedField = undefined; |
|||
$scope.fields = []; |
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var eventPromise = $translate('PROPERTY.EXECUTIONLISTENERS.EVENT'); |
|||
var implementationPromise = $translate('PROPERTY.EXECUTIONLISTENERS.FIELDS.IMPLEMENTATION'); |
|||
var namePromise = $translate('PROPERTY.EXECUTIONLISTENERS.FIELDS.NAME'); |
|||
|
|||
$q.all([eventPromise, implementationPromise, namePromise]).then(function (results) { |
|||
$scope.labels.eventLabel = results[0]; |
|||
$scope.labels.implementationLabel = results[1]; |
|||
$scope.labels.nameLabel = results[2]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.executionListeners, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'event', displayName: $scope.labels.eventLabel}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedListener = row.entity; |
|||
$scope.selectedField = undefined; |
|||
if ($scope.selectedListener) { |
|||
var fields = $scope.selectedListener.fields; |
|||
if (fields !== undefined && fields !== null) { |
|||
for (var i = 0; i < fields.length; i++) { |
|||
var field = fields[i]; |
|||
if (field.stringValue !== undefined && field.stringValue !== '') { |
|||
field.implementation = field.stringValue; |
|||
} else if (field.expression !== undefined && field.expression !== '') { |
|||
field.implementation = field.expression; |
|||
} else if (field.string !== undefined && field.string !== '') { |
|||
field.implementation = field.string; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
|
|||
$scope.fields.length = 0; |
|||
for (var i = 0; i < $scope.selectedListener.fields.length; i++) { |
|||
$scope.fields.push($scope.selectedListener.fields[i]); |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
// Config for field grid
|
|||
$scope.gridFieldOptions = { |
|||
data: $scope.fields, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'name', displayName: $scope.labels.name}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridFieldOptions.onRegisterApi = function (gridApi) { |
|||
// set gridApi on scope
|
|||
$scope.fieldGridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedField = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
$scope.listenerDetailsChanged = function () { |
|||
if ($scope.selectedListener.className !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.className; |
|||
} else if ($scope.selectedListener.expression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.expression; |
|||
} else if ($scope.selectedListener.delegateExpression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.delegateExpression; |
|||
} else { |
|||
$scope.selectedListener.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewListener = function () { |
|||
var newListener = { |
|||
event: 'start', |
|||
implementation: '', |
|||
className: '', |
|||
expression: '', |
|||
delegateExpression: '' |
|||
}; |
|||
$scope.executionListeners.push(newListener); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newListener); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeListener = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.executionListeners.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.executionListeners.splice(index, 1); |
|||
|
|||
if ($scope.executionListeners.length == 0) { |
|||
$scope.selectedListener = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.executionListeners.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.executionListeners[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveListenerUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.executionListeners.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.executionListeners[index]; |
|||
$scope.executionListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.executionListeners.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveListenerDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.executionListeners.indexOf(selectedItems[0]); |
|||
if (index != $scope.executionListeners.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.executionListeners[index]; |
|||
$scope.executionListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.executionListeners.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.fieldDetailsChanged = function () { |
|||
if ($scope.selectedField.stringValue != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.stringValue; |
|||
} else if ($scope.selectedField.expression != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.expression; |
|||
} else if ($scope.selectedField.string != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.string; |
|||
} else { |
|||
$scope.selectedField.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewField = function () { |
|||
if ($scope.selectedListener) { |
|||
if ($scope.selectedListener.fields == undefined) { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
|
|||
var newField = { |
|||
name: 'fieldName', |
|||
implementation: '', |
|||
stringValue: '', |
|||
expression: '', |
|||
string: '' |
|||
}; |
|||
$scope.fields.push(newField); |
|||
$scope.selectedListener.fields.push(newField); |
|||
|
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(newField); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeField = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
$scope.fieldGridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
|
|||
if ($scope.fields.length == 0) { |
|||
$scope.selectedField = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.fields.length > 0) { |
|||
$scope.fieldGridApi.selection.toggleRowSelection($scope.fields[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveFieldUp = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + -1, 0, temp); |
|||
$scope.selectedListener.fields.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveFieldDown = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != $scope.fields.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + 1, 0, temp); |
|||
$scope.selectedListener.fields.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.executionListeners.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.executionListeners = $scope.executionListeners; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.$hide(); |
|||
$scope.property.mode = 'read'; |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.$hide(); |
|||
$scope.property.mode = 'read'; |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,206 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Task listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFieldsCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/fields-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFieldsPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.fields !== undefined |
|||
&& $scope.property.value.fields !== null) { |
|||
|
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.fields = angular.copy($scope.property.value.fields); |
|||
|
|||
for (var i = 0; i < $scope.fields.length; i++) { |
|||
var field = $scope.fields[i]; |
|||
if (field.stringValue !== undefined && field.stringValue !== '') { |
|||
field.implementation = field.stringValue; |
|||
} |
|||
else if (field.expression !== undefined && field.expression !== '') { |
|||
field.implementation = field.expression; |
|||
} |
|||
else if (field.string !== undefined && field.string !== '') { |
|||
field.implementation = field.string; |
|||
} |
|||
} |
|||
|
|||
} else { |
|||
$scope.fields = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var namePromise = $translate('PROPERTY.FIELDS.NAME'); |
|||
var implementationPromise = $translate('PROPERTY.FIELDS.IMPLEMENTATION'); |
|||
|
|||
$q.all([namePromise, implementationPromise]).then(function (results) { |
|||
$scope.labels.nameLabel = results[0]; |
|||
$scope.labels.implementationLabel = results[1]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.fields, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'name', displayName: $scope.labels.nameLabel}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedField = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
$scope.fieldDetailsChanged = function () { |
|||
if ($scope.selectedField.stringValue != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.stringValue; |
|||
} |
|||
else if ($scope.selectedField.expression != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.expression; |
|||
} |
|||
else if ($scope.selectedField.string != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.string; |
|||
} |
|||
else { |
|||
$scope.selectedField.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewField = function () { |
|||
var newField = { |
|||
name: 'fieldName', |
|||
implementation: '', |
|||
stringValue: '', |
|||
expression: '', |
|||
string: '' |
|||
}; |
|||
|
|||
$scope.fields.push(newField); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newField); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeField = function () { |
|||
|
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.fields.splice(index, 1); |
|||
|
|||
if ($scope.fields.length == 0) { |
|||
$scope.selectedField = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.fields.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.fields[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveFieldUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveFieldDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != $scope.fields.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.fields.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.fields = $scope.fields; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,327 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Form Properties |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFormPropertiesCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/form-properties-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFormPropertiesPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.formProperties !== undefined |
|||
&& $scope.property.value.formProperties !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happended
|
|||
$scope.formProperties = angular.copy($scope.property.value.formProperties); |
|||
|
|||
for (var i = 0; i < $scope.formProperties.length; i++) { |
|||
var formProperty = $scope.formProperties[i]; |
|||
if (formProperty.enumValues && formProperty.enumValues.length > 0) { |
|||
for (var j = 0; j < formProperty.enumValues.length; j++) { |
|||
var enumValue = formProperty.enumValues[j]; |
|||
if (!enumValue.id && !enumValue.name && enumValue.value) { |
|||
enumValue.id = enumValue.value; |
|||
enumValue.name = enumValue.value; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
} else { |
|||
$scope.formProperties = []; |
|||
} |
|||
|
|||
$scope.enumValues = []; |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var idPromise = $translate('PROPERTY.FORMPROPERTIES.ID'); |
|||
var namePromise = $translate('PROPERTY.FORMPROPERTIES.NAME'); |
|||
var typePromise = $translate('PROPERTY.FORMPROPERTIES.TYPE'); |
|||
|
|||
$q.all([idPromise, namePromise, typePromise]).then(function (results) { |
|||
$scope.labels.idLabel = results[0]; |
|||
$scope.labels.nameLabel = results[1]; |
|||
$scope.labels.typeLabel = results[2]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.formProperties, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'id', displayName: $scope.labels.idLabel}, |
|||
{field: 'name', displayName: $scope.labels.nameLabel}, |
|||
{field: 'type', displayName: $scope.labels.typeLabel}] |
|||
}; |
|||
|
|||
$scope.enumGridOptions = { |
|||
data: $scope.enumValues, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{ field: 'id', displayName: $scope.labels.idLabel }, |
|||
{ field: 'name', displayName: $scope.labels.nameLabel}] |
|||
} |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedProperty = row.entity; |
|||
$scope.selectedEnumValue = undefined; |
|||
if ($scope.selectedProperty && $scope.selectedProperty.enumValues) { |
|||
$scope.enumValues.length = 0; |
|||
for (var i = 0; i < $scope.selectedProperty.enumValues.length; i++) { |
|||
$scope.enumValues.push($scope.selectedProperty.enumValues[i]); |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
$scope.enumGridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.enumGridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedEnumValue = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Handler for when the value of the type dropdown changes
|
|||
$scope.propertyTypeChanged = function () { |
|||
|
|||
// Check date. If date, show date pattern
|
|||
if ($scope.selectedProperty.type === 'date') { |
|||
$scope.selectedProperty.datePattern = 'MM-dd-yyyy hh:mm'; |
|||
} else { |
|||
delete $scope.selectedProperty.datePattern; |
|||
} |
|||
|
|||
// Check enum. If enum, show list of options
|
|||
if ($scope.selectedProperty.type === 'enum') { |
|||
$scope.selectedProperty.enumValues = [ {id: 'value1', name: 'Value 1'}, {id: 'value2', name: 'Value 2'}]; |
|||
$scope.enumValues.length = 0; |
|||
for (var i = 0; i < $scope.selectedProperty.enumValues.length; i++) { |
|||
$scope.enumValues.push($scope.selectedProperty.enumValues[i]); |
|||
} |
|||
|
|||
} else { |
|||
delete $scope.selectedProperty.enumValues; |
|||
$scope.enumValues.length = 0; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
var propertyIndex = 1; |
|||
$scope.addNewProperty = function () { |
|||
var newProperty = { |
|||
id: 'new_property_' + propertyIndex++, |
|||
name: '', |
|||
type: 'string', |
|||
readable: true, |
|||
writable: true |
|||
}; |
|||
|
|||
$scope.formProperties.push(newProperty); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newProperty); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeProperty = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.formProperties.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.formProperties.splice(index, 1); |
|||
|
|||
if ($scope.formProperties.length == 0) { |
|||
$scope.selectedProperty = undefined; |
|||
} |
|||
|
|||
$timeout(function() { |
|||
if ($scope.formProperties.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.formProperties[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.movePropertyUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.formProperties.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.formProperties[index]; |
|||
$scope.formProperties.splice(index, 1); |
|||
$timeout(function(){ |
|||
$scope.formProperties.splice(index + -1, 0, temp); |
|||
$timeout(function() { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.movePropertyDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.formProperties.indexOf(selectedItems[0]); |
|||
if (index != $scope.formProperties.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.formProperties[index]; |
|||
$scope.formProperties.splice(index, 1); |
|||
$timeout(function(){ |
|||
$scope.formProperties.splice(index + 1, 0, temp); |
|||
$timeout(function() { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.addNewEnumValue = function() { |
|||
if ($scope.selectedProperty) { |
|||
var newEnumValue = { id : '', name : ''}; |
|||
$scope.selectedProperty.enumValues.push(newEnumValue); |
|||
$scope.enumValues.push(newEnumValue); |
|||
|
|||
$timeout(function () { |
|||
$scope.enumGridApi.selection.toggleRowSelection(newEnumValue); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeEnumValue = function() { |
|||
var selectedItems = $scope.enumGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.enumValues.indexOf(selectedItems[0]); |
|||
$scope.enumGridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.enumValues.splice(index, 1); |
|||
$scope.selectedProperty.enumValues.splice(index, 1); |
|||
|
|||
if ($scope.enumValues.length == 0) { |
|||
$scope.selectedEnumValue = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.enumValues.length > 0) { |
|||
$scope.enumGridApi.selection.toggleRowSelection($scope.enumValues[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveEnumValueUp = function() { |
|||
var selectedItems = $scope.enumGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.enumValues.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.enumValues[index]; |
|||
$scope.enumValues.splice(index, 1); |
|||
$scope.selectedProperty.enumValues.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.enumValues.splice(index + -1, 0, temp); |
|||
$scope.selectedProperty.enumValues.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.enumGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveEnumValueDown = function() { |
|||
var selectedItems = $scope.enumGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.enumValues.indexOf(selectedItems[0]); |
|||
if (index != $scope.enumValues.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.enumValues[index]; |
|||
$scope.enumValues.splice(index, 1); |
|||
$scope.selectedProperty.enumValues.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.enumValues.splice(index + 1, 0, temp); |
|||
$scope.selectedProperty.enumValues.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.enumGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.formProperties.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.formProperties = $scope.formProperties; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.$hide(); |
|||
$scope.property.mode = 'read'; |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.$hide(); |
|||
$scope.property.mode = 'read'; |
|||
}; |
|||
|
|||
}]) |
|||
; |
|||
@ -0,0 +1,261 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFormReferenceDisplayCtrl', |
|||
[ '$scope', '$modal', '$http', function($scope, $modal, $http) { |
|||
|
|||
if ($scope.property && $scope.property.value && $scope.property.value.id) { |
|||
$http.get(FLOWABLE.APP_URL.getModelUrl($scope.property.value.id)) |
|||
.success( |
|||
function(response) { |
|||
$scope.form = { |
|||
id: response.id, |
|||
name: response.name |
|||
}; |
|||
}); |
|||
} |
|||
|
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFormReferenceCtrl', |
|||
[ '$scope', '$modal', '$http', function($scope, $modal, $http) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/form-reference-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableFormReferencePopupCtrl', |
|||
[ '$rootScope', '$scope', '$http', '$location', 'editorManager', function($rootScope, $scope, $http, $location, editorManager) { |
|||
|
|||
$scope.state = {'loadingForms' : true, 'formError' : false}; |
|||
|
|||
$scope.popup = {'state' : 'formReference'}; |
|||
|
|||
$scope.foldersBreadCrumbs = []; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Selecting/deselecting a subprocess
|
|||
$scope.selectForm = function(form, $event) { |
|||
$event.stopPropagation(); |
|||
if ($scope.selectedForm && $scope.selectedForm.id && form.id == $scope.selectedForm.id) { |
|||
// un-select the current selection
|
|||
$scope.selectedForm = null; |
|||
} else { |
|||
$scope.selectedForm = form; |
|||
} |
|||
}; |
|||
|
|||
// Saving the selected value
|
|||
$scope.save = function() { |
|||
if ($scope.selectedForm) { |
|||
$scope.property.value = { |
|||
'id' : $scope.selectedForm.id, |
|||
'name' : $scope.selectedForm.name, |
|||
'key' : $scope.selectedForm.key |
|||
}; |
|||
|
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Open the selected value
|
|||
$scope.open = function() { |
|||
if ($scope.selectedForm) { |
|||
$scope.property.value = { |
|||
'id' : $scope.selectedForm.id, |
|||
'name' : $scope.selectedForm.name, |
|||
'key' : $scope.selectedForm.key |
|||
}; |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
|
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
var json = editorManager.getModel(); |
|||
json = JSON.stringify(json); |
|||
|
|||
var params = { |
|||
modeltype: modelMetaData.model.modelType, |
|||
json_xml: json, |
|||
name: modelMetaData.name, |
|||
key: modelMetaData.key, |
|||
description: modelMetaData.description, |
|||
newversion: false, |
|||
lastUpdated: modelMetaData.lastUpdated |
|||
}; |
|||
|
|||
// Update
|
|||
$http({ method: 'POST', |
|||
data: params, |
|||
ignoreErrors: true, |
|||
headers: {'Accept': 'application/json', |
|||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}, |
|||
transformRequest: function (obj) { |
|||
var str = []; |
|||
for (var p in obj) { |
|||
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); |
|||
} |
|||
return str.join("&"); |
|||
}, |
|||
url: FLOWABLE.URL.putModel(modelMetaData.modelId)}) |
|||
|
|||
.success(function (data, status, headers, config) { |
|||
editorManager.handleEvents({ |
|||
type: ORYX.CONFIG.EVENT_SAVED |
|||
}); |
|||
|
|||
var allSteps = EDITOR.UTIL.collectSortedElementsFromPrecedingElements($scope.selectedShape); |
|||
|
|||
$rootScope.addHistoryItem($scope.selectedShape.resourceId); |
|||
$location.path('form-editor/' + $scope.selectedForm.id); |
|||
|
|||
}) |
|||
.error(function (data, status, headers, config) { |
|||
|
|||
}); |
|||
|
|||
$scope.close(); |
|||
} |
|||
}; |
|||
|
|||
$scope.newForm = function() { |
|||
$scope.popup.state = 'newForm'; |
|||
|
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
|
|||
$scope.model = { |
|||
loading: false, |
|||
form: { |
|||
name: '', |
|||
key: '', |
|||
description: '', |
|||
modelType: 2 |
|||
} |
|||
}; |
|||
}; |
|||
|
|||
$scope.createForm = function() { |
|||
|
|||
if (!$scope.model.form.name || $scope.model.form.name.length == 0 || |
|||
!$scope.model.form.key || $scope.model.form.key.length == 0) { |
|||
|
|||
return; |
|||
} |
|||
|
|||
$scope.model.loading = true; |
|||
|
|||
$http({method: 'POST', url: FLOWABLE.APP_URL.getModelsUrl(), data: $scope.model.form}). |
|||
success(function(data, status, headers, config) { |
|||
|
|||
var newFormId = data.id; |
|||
$scope.property.value = { |
|||
'id' : newFormId, |
|||
'name' : data.name, |
|||
'key' : data.key |
|||
}; |
|||
$scope.updatePropertyInModel($scope.property); |
|||
|
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
var json = editorManager.getModel(); |
|||
json = JSON.stringify(json); |
|||
|
|||
var params = { |
|||
modeltype: modelMetaData.model.modelType, |
|||
json_xml: json, |
|||
name: modelMetaData.name, |
|||
key: modelMetaData.key, |
|||
description: modelMetaData.description, |
|||
newversion: false, |
|||
lastUpdated: modelMetaData.lastUpdated |
|||
}; |
|||
|
|||
// Update
|
|||
$http({ method: 'POST', |
|||
data: params, |
|||
ignoreErrors: true, |
|||
headers: {'Accept': 'application/json', |
|||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}, |
|||
transformRequest: function (obj) { |
|||
var str = []; |
|||
for (var p in obj) { |
|||
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); |
|||
} |
|||
return str.join("&"); |
|||
}, |
|||
url: FLOWABLE.URL.putModel(modelMetaData.modelId)}) |
|||
|
|||
.success(function (data, status, headers, config) { |
|||
editorManager.handleEvents({ |
|||
type: ORYX.CONFIG.EVENT_SAVED |
|||
}); |
|||
|
|||
$scope.model.loading = false; |
|||
$scope.$hide(); |
|||
|
|||
var allSteps = EDITOR.UTIL.collectSortedElementsFromPrecedingElements($scope.selectedShape); |
|||
|
|||
$rootScope.addHistoryItem($scope.selectedShape.resourceId); |
|||
$location.path('form-editor/' + newFormId); |
|||
|
|||
}) |
|||
.error(function (data, status, headers, config) { |
|||
$scope.model.loading = false; |
|||
$scope.$hide(); |
|||
}); |
|||
|
|||
}). |
|||
error(function(data, status, headers, config) { |
|||
$scope.model.loading = false; |
|||
$scope.model.errorMessage = data.message; |
|||
}); |
|||
}; |
|||
|
|||
$scope.cancel = function() { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.loadForms = function() { |
|||
var modelMetaData = editorManager.getBaseModelData(); |
|||
$http.get(FLOWABLE.APP_URL.getFormModelsUrl()) |
|||
.success( |
|||
function(response) { |
|||
$scope.state.loadingForms = false; |
|||
$scope.state.formError = false; |
|||
$scope.forms = response.data; |
|||
}) |
|||
.error( |
|||
function(data, status, headers, config) { |
|||
$scope.state.loadingForms = false; |
|||
$scope.state.formError = true; |
|||
}); |
|||
}; |
|||
|
|||
if ($scope.property && $scope.property.value && $scope.property.value.id) { |
|||
$scope.selectedForm = $scope.property.value; |
|||
} |
|||
|
|||
$scope.loadForms(); |
|||
}]); |
|||
@ -0,0 +1,24 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableHttpRequestMethodCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) |
|||
{ |
|||
$scope.property.value = 'GET'; |
|||
} |
|||
|
|||
$scope.httpRequestMethodChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,184 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Input parameters for call activity |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableInParametersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/in-parameters-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableInParametersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.inParameters !== undefined |
|||
&& $scope.property.value.inParameters !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.parameters = angular.copy($scope.property.value.inParameters); |
|||
} else { |
|||
$scope.parameters = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var sourcePromise = $translate('PROPERTY.PARAMETER.SOURCE'); |
|||
var sourceExpressionPromise = $translate('PROPERTY.PARAMETER.SOURCEEXPRESSION'); |
|||
var targetPromise = $translate('PROPERTY.PARAMETER.TARGET'); |
|||
var targetExpressionPromise = $translate('PROPERTY.PARAMETER.TARGETEXPRESSION'); |
|||
|
|||
$q.all([sourcePromise, sourceExpressionPromise, targetPromise, targetExpressionPromise]).then(function (results) { |
|||
$scope.labels.sourceLabel = results[0]; |
|||
$scope.labels.sourceExpressionLabel = results[1]; |
|||
$scope.labels.targetLabel = results[2]; |
|||
$scope.labels.targetExpressionLabel = results[3]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.parameters, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'source', displayName: $scope.labels.sourceLabel}, |
|||
{field: 'sourceExpression', displayName: $scope.labels.sourceExpressionLabel}, |
|||
{field: 'target', displayName: $scope.labels.targetLabel}, |
|||
{field: 'targetExpression', displayName: $scope.labels.targetExpressionLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedParameter = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewParameter = function () { |
|||
var newParameter = { |
|||
source: '', |
|||
sourceExpression: '', |
|||
target: '', |
|||
targetExpression: '' |
|||
}; |
|||
|
|||
$scope.parameters.push(newParameter); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newParameter); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeParameter = function () { |
|||
|
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.parameters.splice(index, 1); |
|||
|
|||
if ($scope.parameters.length == 0) { |
|||
$scope.selectedParameter = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.parameters.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.parameters[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveParameterUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.parameters[index]; |
|||
$scope.parameters.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.parameters.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveParameterDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
if (index != $scope.parameters.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.parameters[index]; |
|||
$scope.parameters.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.parameters.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.parameters.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.inParameters = $scope.parameters; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,145 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Execution listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableMessageDefinitionsCtrl', ['$scope', '$modal', function ($scope, $modal) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/message-definitions-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
//Need a separate controller for the modal window due to https://github.com/angular-ui/bootstrap/issues/259
|
|||
// Will be fixed in a newer version of Angular UI
|
|||
angular.module('flowableModeler').controller('FlowableMessageDefinitionsPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing mesage definitions on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null && $scope.property.value.length > 0) { |
|||
|
|||
if ($scope.property.value.constructor == String) { |
|||
$scope.messageDefinitions = JSON.parse($scope.property.value); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.messageDefinitions = angular.copy($scope.property.value); |
|||
} |
|||
|
|||
} else { |
|||
$scope.messageDefinitions = []; |
|||
} |
|||
|
|||
// Array to contain selected mesage definitions (yes - we only can select one, but ng-grid isn't smart enough)
|
|||
$scope.selectedMessageDefinition = undefined; |
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var idPromise = $translate('PROPERTY.MESSAGEDEFINITIONS.ID'); |
|||
var namePromise = $translate('PROPERTY.MESSAGEDEFINITIONS.NAME'); |
|||
|
|||
$q.all([idPromise, namePromise]).then(function (results) { |
|||
|
|||
$scope.labels.idLabel = results[0]; |
|||
$scope.labels.nameLabel = results[1]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.messageDefinitions, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'id', displayName: $scope.labels.idLabel}, |
|||
{field: 'name', displayName: $scope.labels.nameLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedMessageDefinition = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewMessageDefinition = function () { |
|||
var newMessageDefinition = {id: '', name: ''}; |
|||
|
|||
$scope.messageDefinitions.push(newMessageDefinition); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newMessageDefinition); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeMessageDefinition = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.messageDefinitions.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.messageDefinitions.splice(index, 1); |
|||
|
|||
if ($scope.messageDefinitions.length == 0) { |
|||
$scope.selectedMesageDefinition = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.messageDefinitions.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.messageDefinitions[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.messageDefinitions.length > 0) { |
|||
$scope.property.value = $scope.messageDefinitions; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,41 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
angular.module('flowableModeler').controller('FlowableMessageRefCtrl', [ '$scope', function($scope) { |
|||
|
|||
// Find the parent shape on which the message definitions are defined
|
|||
var messageDefinitionsProperty = undefined; |
|||
var parent = $scope.selectedShape; |
|||
while (parent !== null && parent !== undefined && messageDefinitionsProperty === undefined) { |
|||
if (parent.properties && parent.properties.get('oryx-messagedefinitions')) { |
|||
messageDefinitionsProperty = parent.properties.get('oryx-messagedefinitions'); |
|||
} else { |
|||
parent = parent.parent; |
|||
} |
|||
} |
|||
|
|||
try { |
|||
messageDefinitionsProperty = JSON.parse(messageDefinitionsProperty); |
|||
if (typeof messageDefinitionsProperty == 'string') { |
|||
messageDefinitionsProperty = JSON.parse(messageDefinitionsProperty); |
|||
} |
|||
} catch (err) { |
|||
// Do nothing here, just to be sure we try-catch it
|
|||
} |
|||
|
|||
$scope.messageDefinitions = messageDefinitionsProperty; |
|||
|
|||
|
|||
$scope.messageChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,24 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableMultiInstanceCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) |
|||
{ |
|||
$scope.property.value = 'None'; |
|||
} |
|||
|
|||
$scope.multiInstanceChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,28 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Adhoc sub process ordering property |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableOrderingCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) |
|||
{ |
|||
$scope.property.value = 'Parallel'; |
|||
} |
|||
|
|||
$scope.orderingChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,180 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Input parameters for call activity |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableOutParametersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/out-parameters-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableOutParametersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.outParameters !== undefined |
|||
&& $scope.property.value.outParameters !== null) { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.parameters = angular.copy($scope.property.value.outParameters); |
|||
} else { |
|||
$scope.parameters = []; |
|||
} |
|||
|
|||
$scope.translationsRetrieved = false; |
|||
$scope.labels = {}; |
|||
|
|||
var sourcePromise = $translate('PROPERTY.PARAMETER.SOURCE'); |
|||
var sourceExpressionPromise = $translate('PROPERTY.PARAMETER.SOURCEEXPRESSION'); |
|||
var targetPromise = $translate('PROPERTY.PARAMETER.TARGET'); |
|||
var targetExpressionPromise = $translate('PROPERTY.PARAMETER.TARGETEXPRESSION'); |
|||
|
|||
$q.all([sourcePromise, sourceExpressionPromise, targetPromise, targetExpressionPromise]).then(function (results) { |
|||
$scope.labels.sourceLabel = results[0]; |
|||
$scope.labels.sourceExpressionLabel = results[1]; |
|||
$scope.labels.targetLabel = results[2]; |
|||
$scope.labels.targetExpressionLabel = results[3]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.parameters, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'source', displayName: $scope.labels.sourceLabel}, |
|||
{field: 'sourceExpression', displayName: $scope.labels.sourceExpressionLabel}, |
|||
{field: 'target', displayName: $scope.labels.targetLabel}, |
|||
{field: 'targetExpression', displayName: $scope.labels.targetExpressionLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedParameter = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewParameter = function () { |
|||
var newParameter = { |
|||
source: '', |
|||
sourceExpression: '', |
|||
target: '', |
|||
targetExpression: ''}; |
|||
|
|||
$scope.parameters.push(newParameter); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newParameter); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeParameter = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.parameters.splice(index, 1); |
|||
|
|||
if ($scope.parameters.length == 0) { |
|||
$scope.selectedParameter = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.parameters.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.parameters[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveParameterUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.parameters[index]; |
|||
$scope.parameters.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.parameters.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveParameterDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.parameters.indexOf(selectedItems[0]); |
|||
if (index != $scope.parameters.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.parameters[index]; |
|||
$scope.parameters.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.parameters.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.parameters.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.outParameters = $scope.parameters; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,357 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
angular.module('flowableModeler').controller('FlowablePlanItemLifecycleListenersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/plan-item-lifecycle-listeners-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowablePlanItemLifecycleListenersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.planItemLifecycleListeners !== undefined |
|||
&& $scope.property.value.planItemLifecycleListeners !== null) { |
|||
|
|||
if ($scope.property.value.planItemLifecycleListeners.constructor == String) { |
|||
$scope.planItemLifecycleListeners = JSON.parse($scope.property.value.planItemLifecycleListeners); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.planItemLifecycleListeners = angular.copy($scope.property.value.planItemLifecycleListeners); |
|||
} |
|||
|
|||
for (var i = 0; i < $scope.planItemLifecycleListeners.length; i++) { |
|||
var planItemLifeCycleListener = $scope.planItemLifecycleListeners[i]; |
|||
if (planItemLifeCycleListener.className !== undefined && planItemLifeCycleListener.className !== '') { |
|||
planItemLifeCycleListener.implementation = planItemLifeCycleListener.className; |
|||
} |
|||
else if (planItemLifeCycleListener.expression !== undefined && planItemLifeCycleListener.expression !== '') { |
|||
planItemLifeCycleListener.implementation = planItemLifeCycleListener.expression; |
|||
} |
|||
else if (planItemLifeCycleListener.delegateExpression !== undefined && planItemLifeCycleListener.delegateExpression !== '') { |
|||
planItemLifeCycleListener.implementation = planItemLifeCycleListener.delegateExpression; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.planItemLifecycleListeners = []; |
|||
} |
|||
|
|||
$scope.selectedListener = undefined; |
|||
$scope.selectedField = undefined; |
|||
$scope.fields = []; |
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var sourceStatePromise = $translate('PROPERTY.PLANITEMLIFECYCLELISTENERS.SOURCE_STATE'); |
|||
var targetStatePromise = $translate('PROPERTY.PLANITEMLIFECYCLELISTENERS.TARGET_STATE'); |
|||
var implementationPromise = $translate('PROPERTY.PLANITEMLIFECYCLELISTENERS.FIELDS.IMPLEMENTATION'); |
|||
var namePromise = $translate('PROPERTY.PLANITEMLIFECYCLELISTENERS.FIELDS.NAME'); |
|||
|
|||
$q.all([sourceStatePromise, targetStatePromise, implementationPromise, namePromise]).then(function (results) { |
|||
$scope.labels.sourceStateLabel = results[1]; |
|||
$scope.labels.targetStateLabel = results[2]; |
|||
$scope.labels.implementationLabel = results[3]; |
|||
$scope.labels.nameLabel = results[4]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.planItemLifecycleListeners, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'sourceState', displayName: $scope.labels.sourceStateLabel}, |
|||
{field: 'targetState', displayName: $scope.labels.targetStateLabel}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel} |
|||
] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedListener = row.entity; |
|||
$scope.selectedField = undefined; |
|||
if ($scope.selectedListener) { |
|||
var fields = $scope.selectedListener.fields; |
|||
if (fields !== undefined && fields !== null) { |
|||
for (var i = 0; i < fields.length; i++) { |
|||
var field = fields[i]; |
|||
if (field.stringValue !== undefined && field.stringValue !== '') { |
|||
field.implementation = field.stringValue; |
|||
} else if (field.expression !== undefined && field.expression !== '') { |
|||
field.implementation = field.expression; |
|||
} else if (field.string !== undefined && field.string !== '') { |
|||
field.implementation = field.string; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
|
|||
$scope.fields.length = 0; |
|||
for (var i = 0; i < $scope.selectedListener.fields.length; i++) { |
|||
$scope.fields.push($scope.selectedListener.fields[i]); |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
// Config for field grid
|
|||
$scope.gridFieldOptions = { |
|||
data: $scope.fields, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
columnDefs: [{field: 'name', displayName: $scope.labels.name}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridFieldOptions.onRegisterApi = function (gridApi) { |
|||
// set gridApi on scope
|
|||
$scope.fieldGridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedField = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
$scope.listenerDetailsChanged = function () { |
|||
if ($scope.selectedListener.className !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.className; |
|||
} else if ($scope.selectedListener.expression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.expression; |
|||
} else if ($scope.selectedListener.delegateExpression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.delegateExpression; |
|||
} else { |
|||
$scope.selectedListener.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewListener = function () { |
|||
var newListener = { |
|||
sourceState: 'available', |
|||
targetState: 'active', |
|||
implementation: '', |
|||
className: '', |
|||
expression: '', |
|||
delegateExpression: '' |
|||
}; |
|||
$scope.planItemLifecycleListeners.push(newListener); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newListener); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeListener = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.planItemLifecycleListeners.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.planItemLifecycleListeners.splice(index, 1); |
|||
|
|||
if ($scope.planItemLifecycleListeners.length == 0) { |
|||
$scope.selectedListener = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.planItemLifecycleListeners.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.planItemLifecycleListeners[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveListenerUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.planItemLifecycleListeners.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.planItemLifecycleListeners[index]; |
|||
$scope.planItemLifecycleListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.planItemLifecycleListeners.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveListenerDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.planItemLifecycleListeners.indexOf(selectedItems[0]); |
|||
if (index != $scope.planItemLifecycleListeners.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.planItemLifecycleListeners[index]; |
|||
$scope.planItemLifecycleListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.planItemLifecycleListeners.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.fieldDetailsChanged = function () { |
|||
if ($scope.selectedField.stringValue != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.stringValue; |
|||
} else if ($scope.selectedField.expression != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.expression; |
|||
} else if ($scope.selectedField.string != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.string; |
|||
} else { |
|||
$scope.selectedField.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewField = function () { |
|||
if ($scope.selectedListener) { |
|||
if ($scope.selectedListener.fields == undefined) { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
|
|||
var newField = { |
|||
name: 'fieldName', |
|||
implementation: '', |
|||
stringValue: '', |
|||
expression: '', |
|||
string: '' |
|||
}; |
|||
$scope.fields.push(newField); |
|||
$scope.selectedListener.fields.push(newField); |
|||
|
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(newField); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeField = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
$scope.fieldGridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
|
|||
if ($scope.fields.length == 0) { |
|||
$scope.selectedField = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.fields.length > 0) { |
|||
$scope.fieldGridApi.selection.toggleRowSelection($scope.fields[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveFieldUp = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + -1, 0, temp); |
|||
$scope.selectedListener.fields.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveFieldDown = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != $scope.fields.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListeners.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + 1, 0, temp); |
|||
$scope.selectedListener.fields.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.planItemLifecycleListeners.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.planItemLifecycleListeners = $scope.planItemLifecycleListeners; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,82 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowablePlanItemDropdownCtrl', [ '$scope', function($scope) { |
|||
|
|||
// Find all planitems
|
|||
var selectedShape = $scope.selectedShape; |
|||
if (selectedShape) { |
|||
|
|||
// Go up in parent chain until plan model is found
|
|||
var planModel; |
|||
var parent = selectedShape.parent; |
|||
if (parent) { |
|||
while (planModel === undefined && parent !== null && parent !== undefined) { |
|||
if (parent.resourceId !== null && parent.resourceId !== undefined && 'casePlanModel' === parent.resourceId) { |
|||
planModel = parent; |
|||
} else { |
|||
parent = parent.parent; |
|||
} |
|||
} |
|||
} |
|||
|
|||
var planItems = []; |
|||
if (planModel !== null && planModel !== undefined) { |
|||
|
|||
var toVisit = []; |
|||
for (var i=0; i<planModel.children.length; i++) { |
|||
toVisit.push(planModel.children[i]); |
|||
} |
|||
|
|||
while (toVisit.length > 0) { |
|||
var child = toVisit.pop(); |
|||
if (typeof child.getStencil === 'function' |
|||
&& (child.getStencil()._jsonStencil.groups.indexOf('Activities') >= 0 || (child.getStencil()._jsonStencil.title === 'Stage') )) { |
|||
planItems.push(child); |
|||
} |
|||
if (child.children !== null && child.children !== undefined) { |
|||
for (var i=0; i<child.children.length; i++) { |
|||
toVisit.push(child.children[i]); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
var simplifiedPlanItems = []; |
|||
for (var i=0; i<planItems.length; i++) { |
|||
simplifiedPlanItems.push({ id: planItems[i].resourceId, name: planItems[i].properties.get('oryx-name') }); |
|||
} |
|||
|
|||
if (simplifiedPlanItems.length > 0) { |
|||
simplifiedPlanItems.sort(function(a,b) { |
|||
if(a.name < b.name) { |
|||
return -1; |
|||
} else if (a.name > b.name) { |
|||
return 1; |
|||
} else { |
|||
return 0; |
|||
} |
|||
}); |
|||
} |
|||
$scope.planItems = simplifiedPlanItems; |
|||
|
|||
} |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) { |
|||
$scope.property.value = ''; |
|||
} |
|||
|
|||
$scope.planItemChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,24 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableProcessHistoryLevelCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) |
|||
{ |
|||
$scope.property.value = 'None'; |
|||
} |
|||
|
|||
$scope.historyLevelChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,80 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableProcessReferenceCtrl', |
|||
[ '$scope', '$modal', '$http', function($scope, $modal, $http) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/process-reference-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableProcessReferencePopupCtrl', [ '$scope', '$http', function($scope, $http) { |
|||
|
|||
$scope.state = {'loadingProcesses' : true, 'error' : false}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Selecting/deselecting a process
|
|||
$scope.selectProcess = function(processModel, $event) { |
|||
$event.stopPropagation(); |
|||
if ($scope.selectedProcess && $scope.selectedProcess.id && processModel.id == $scope.selectedProcess.id) { |
|||
// un-select the current selection
|
|||
$scope.selectedProcess = null; |
|||
} else { |
|||
$scope.selectedProcess = processModel; |
|||
} |
|||
}; |
|||
|
|||
// Saving the selected value
|
|||
$scope.save = function() { |
|||
if ($scope.selectedProcess) { |
|||
$scope.property.value = {'id' : $scope.selectedProcess.id, 'name' : $scope.selectedProcess.name}; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.loadProcesses = function() { |
|||
|
|||
$http.get(FLOWABLE.APP_URL.getModelsUrl("?modelType=0")) |
|||
.success( |
|||
function(response) { |
|||
$scope.state.loadingProcesses = false; |
|||
$scope.state.processError = false; |
|||
$scope.processModels = response.data; |
|||
}) |
|||
.error( |
|||
function(data, status, headers, config) { |
|||
$scope.state.loadingProcesses = false; |
|||
$scope.state.processError = true; |
|||
}); |
|||
}; |
|||
|
|||
if ($scope.property && $scope.property.value && $scope.property.value.id) { |
|||
$scope.selectedProcess = $scope.property.value; |
|||
} |
|||
|
|||
$scope.loadProcesses(); |
|||
}]); |
|||
@ -0,0 +1,126 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Sequence flow order controller |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableSequenceFlowOrderCtrl', |
|||
[ '$scope', '$modal', '$timeout', '$translate', function($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/sequenceflow-order-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableSequenceFlowOrderPopupCtrl', |
|||
['$scope', '$translate', function($scope, $translate) { |
|||
|
|||
// Find the outgoing sequence flow of the current selected shape
|
|||
var outgoingSequenceFlow = []; |
|||
var selectedShape = $scope.selectedShape; |
|||
if (selectedShape) { |
|||
var outgoingNodes = selectedShape.getOutgoingShapes(); |
|||
for (var i=0; i<outgoingNodes.length; i++) { |
|||
if (outgoingNodes[i].getStencil().idWithoutNs() === 'SequenceFlow') { |
|||
var targetActivity = outgoingNodes[i].getTarget(); |
|||
// We need the resourceId of a sequence flow, not the id because that will change with every editor load
|
|||
outgoingSequenceFlow.push({ |
|||
id : outgoingNodes[i].resourceId, |
|||
targetTitle : targetActivity.properties.get('oryx-name'), |
|||
targetType : $translate.instant(targetActivity.getStencil().title()) |
|||
}); |
|||
} |
|||
} |
|||
} else { |
|||
console.log('Programmatic error: no selected shape found'); |
|||
} |
|||
|
|||
// Now we can apply the order which was (possibly) previously saved
|
|||
var orderedOutgoingSequenceFlow = []; |
|||
if ($scope.property.value && $scope.property.value.sequenceFlowOrder) { |
|||
|
|||
var sequenceFlowOrderList = $scope.property.value.sequenceFlowOrder; |
|||
|
|||
// Loop the list of sequence flow that was saved in the json model and match them with the outgoing sequence flow found above
|
|||
for (var flowIndex=0; flowIndex < sequenceFlowOrderList.length; flowIndex++) { |
|||
|
|||
// find the sequence flow in the outgoing sequence flows.
|
|||
|
|||
for (var outgoingFlowIndex=0; outgoingFlowIndex < outgoingSequenceFlow.length; outgoingFlowIndex++) { |
|||
if (outgoingSequenceFlow[outgoingFlowIndex].id === sequenceFlowOrderList[flowIndex]) { |
|||
orderedOutgoingSequenceFlow.push(outgoingSequenceFlow[outgoingFlowIndex]); |
|||
outgoingSequenceFlow.splice(outgoingFlowIndex, 1); |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// Now all the matching sequence flow we're removed from the outgoing sequence flow list
|
|||
// We can simply apply the remaining ones (these are new vs. the time when the values were saved to the model)
|
|||
orderedOutgoingSequenceFlow = orderedOutgoingSequenceFlow.concat(outgoingSequenceFlow); |
|||
|
|||
} else { |
|||
orderedOutgoingSequenceFlow = outgoingSequenceFlow; |
|||
} |
|||
|
|||
// Now we can put it on the scope
|
|||
$scope.outgoingSequenceFlow = orderedOutgoingSequenceFlow; |
|||
|
|||
// Move up click handler
|
|||
$scope.moveUp = function(index) { |
|||
var temp = $scope.outgoingSequenceFlow[index]; |
|||
$scope.outgoingSequenceFlow[index] = $scope.outgoingSequenceFlow[index - 1]; |
|||
$scope.outgoingSequenceFlow[index - 1] = temp; |
|||
}; |
|||
|
|||
// Move down click handler
|
|||
$scope.moveDown = function(index) { |
|||
var temp = $scope.outgoingSequenceFlow[index]; |
|||
$scope.outgoingSequenceFlow[index] = $scope.outgoingSequenceFlow[index + 1]; |
|||
$scope.outgoingSequenceFlow[index + 1] = temp; |
|||
}; |
|||
|
|||
// Save click handler
|
|||
$scope.save = function() { |
|||
if ($scope.outgoingSequenceFlow.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.sequenceFlowOrder = []; |
|||
|
|||
for (var flowIndex=0; flowIndex < $scope.outgoingSequenceFlow.length; flowIndex++) { |
|||
$scope.property.value.sequenceFlowOrder.push($scope.outgoingSequenceFlow[flowIndex].id); |
|||
} |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Cancel click handler
|
|||
$scope.cancel = function() { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function() { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,151 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Execution listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableSignalDefinitionsCtrl', ['$scope', '$modal', function ($scope, $modal) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/signal-definitions-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
//Need a separate controller for the modal window due to https://github.com/angular-ui/bootstrap/issues/259
|
|||
// Will be fixed in a newer version of Angular UI
|
|||
angular.module('flowableModeler').controller('FlowableSignalDefinitionsPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing signal definitions on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null && $scope.property.value.length > 0) { |
|||
|
|||
if ($scope.property.value.constructor == String) { |
|||
$scope.signalDefinitions = JSON.parse($scope.property.value); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.signalDefinitions = angular.copy($scope.property.value); |
|||
} |
|||
|
|||
} else { |
|||
$scope.signalDefinitions = []; |
|||
} |
|||
|
|||
// Array to contain selected signal definitions (yes - we only can select one, but ng-grid isn't smart enough)
|
|||
$scope.selectedSignalDefinition = undefined; |
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var idPromise = $translate('PROPERTY.SIGNALDEFINITIONS.ID'); |
|||
var namePromise = $translate('PROPERTY.SIGNALDEFINITIONS.NAME'); |
|||
var scopePromise = $translate('PROPERTY.SIGNALDEFINITIONS.SCOPE'); |
|||
|
|||
$q.all([idPromise, namePromise, scopePromise]).then(function (results) { |
|||
|
|||
$scope.labels.idLabel = results[0]; |
|||
$scope.labels.nameLabel = results[1]; |
|||
$scope.labels.scopeLabel = results[2]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.signalDefinitions, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [ |
|||
{field: 'id', displayName: $scope.labels.idLabel}, |
|||
{field: 'name', displayName: $scope.labels.nameLabel}, |
|||
{field: 'scope', displayName: $scope.labels.scopeLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedSignalDefinition = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewSignalDefinition = function () { |
|||
var newSignalDefinition = {id: '', name: '', scope: 'global'}; |
|||
|
|||
$scope.signalDefinitions.push(newSignalDefinition); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newSignalDefinition); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeSignalDefinition = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.signalDefinitions.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
$scope.signalDefinitions.splice(index, 1); |
|||
|
|||
if ($scope.signalDefinitions.length == 0) { |
|||
$scope.selectedSignalDefinition = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.signalDefinitions.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.signalDefinitions[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
$scope.scopeOptions = [{'value': 'global', 'translationId': 'PROPERTY.SIGNALDEFINITIONS.SCOPE-GLOBAL'}, |
|||
{'value': 'processInstance', 'translationId': 'PROPERTY.SIGNALDEFINITIONS.SCOPE-PROCESSINSTANCE'}]; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.signalDefinitions.length > 0) { |
|||
$scope.property.value = $scope.signalDefinitions; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,42 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableSignalRefCtrl', [ '$scope', function($scope) { |
|||
|
|||
// Find the parent shape on which the signal definitions are defined
|
|||
var signalDefinitionsProperty = undefined; |
|||
var parent = $scope.selectedShape; |
|||
while (parent !== null && parent !== undefined && signalDefinitionsProperty === undefined) { |
|||
if (parent.properties && parent.properties.get('oryx-signaldefinitions')) { |
|||
signalDefinitionsProperty = parent.properties.get('oryx-signaldefinitions'); |
|||
} else { |
|||
parent = parent.parent; |
|||
} |
|||
} |
|||
|
|||
try { |
|||
signalDefinitionsProperty = JSON.parse(signalDefinitionsProperty); |
|||
if (typeof signalDefinitionsProperty == 'string') { |
|||
signalDefinitionsProperty = JSON.parse(signalDefinitionsProperty); |
|||
} |
|||
} catch (err) { |
|||
// Do nothing here, just to be sure we try-catch it
|
|||
} |
|||
|
|||
$scope.signalDefinitions = signalDefinitionsProperty; |
|||
|
|||
|
|||
$scope.signalChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,356 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Task listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableTaskListenersCtrl', |
|||
['$scope', '$modal', '$timeout', '$translate', function ($scope, $modal, $timeout, $translate) { |
|||
|
|||
// Config for the modal window
|
|||
var opts = { |
|||
template: 'editor-app/configuration/properties/task-listeners-popup.html?version=' + Date.now(), |
|||
scope: $scope |
|||
}; |
|||
|
|||
// Open the dialog
|
|||
_internalCreateModal(opts, $modal, $scope); |
|||
}]); |
|||
|
|||
angular.module('flowableModeler').controller('FlowableTaskListenersPopupCtrl', |
|||
['$scope', '$q', '$translate', '$timeout', function ($scope, $q, $translate, $timeout) { |
|||
|
|||
// Put json representing form properties on scope
|
|||
if ($scope.property.value !== undefined && $scope.property.value !== null |
|||
&& $scope.property.value.taskListeners !== undefined |
|||
&& $scope.property.value.taskListeners !== null) { |
|||
|
|||
if ($scope.property.value.taskListeners.constructor == String) { |
|||
$scope.taskListeners = JSON.parse($scope.property.value.taskListeners); |
|||
} |
|||
else { |
|||
// Note that we clone the json object rather then setting it directly,
|
|||
// this to cope with the fact that the user can click the cancel button and no changes should have happened
|
|||
$scope.taskListeners = angular.copy($scope.property.value.taskListeners); |
|||
} |
|||
|
|||
for (var i = 0; i < $scope.taskListeners.length; i++) { |
|||
var taskListener = $scope.taskListeners[i]; |
|||
if (taskListener.className !== undefined && taskListener.className !== '') { |
|||
taskListener.implementation = taskListener.className; |
|||
} |
|||
else if (taskListener.expression !== undefined && taskListener.expression !== '') { |
|||
taskListener.implementation = taskListener.expression; |
|||
} |
|||
else if (taskListener.delegateExpression !== undefined && taskListener.delegateExpression !== '') { |
|||
taskListener.implementation = taskListener.delegateExpression; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.taskListeners = []; |
|||
} |
|||
|
|||
$scope.selectedListener = undefined; |
|||
$scope.selectedField = undefined; |
|||
$scope.fields = []; |
|||
$scope.translationsRetrieved = false; |
|||
|
|||
$scope.labels = {}; |
|||
|
|||
var eventPromise = $translate('PROPERTY.TASKLISTENERS.EVENT'); |
|||
var implementationPromise = $translate('PROPERTY.TASKLISTENERS.FIELDS.IMPLEMENTATION'); |
|||
var namePromise = $translate('PROPERTY.TASKLISTENERS.FIELDS.NAME'); |
|||
|
|||
$q.all([eventPromise, implementationPromise, namePromise]).then(function (results) { |
|||
$scope.labels.eventLabel = results[0]; |
|||
$scope.labels.implementationLabel = results[1]; |
|||
$scope.labels.nameLabel = results[2]; |
|||
$scope.translationsRetrieved = true; |
|||
|
|||
// Config for grid
|
|||
$scope.gridOptions = { |
|||
data: $scope.taskListeners, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
enableHorizontalScrollbar: 0, |
|||
enableColumnMenus: false, |
|||
enableSorting: false, |
|||
columnDefs: [{field: 'event', displayName: $scope.labels.eventLabel}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridOptions.onRegisterApi = function (gridApi) { |
|||
//set gridApi on scope
|
|||
$scope.gridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedListener = row.entity; |
|||
$scope.selectedField = undefined; |
|||
if ($scope.selectedListener) { |
|||
var fields = $scope.selectedListener.fields; |
|||
if (fields !== undefined && fields !== null) { |
|||
for (var i = 0; i < fields.length; i++) { |
|||
var field = fields[i]; |
|||
if (field.stringValue !== undefined && field.stringValue !== '') { |
|||
field.implementation = field.stringValue; |
|||
} else if (field.expression !== undefined && field.expression !== '') { |
|||
field.implementation = field.expression; |
|||
} else if (field.string !== undefined && field.string !== '') { |
|||
field.implementation = field.string; |
|||
} |
|||
} |
|||
} else { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
|
|||
$scope.fields.length = 0; |
|||
for (var i = 0; i < $scope.selectedListener.fields.length; i++) { |
|||
$scope.fields.push($scope.selectedListener.fields[i]); |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
// Config for field grid
|
|||
$scope.gridFieldOptions = { |
|||
data: $scope.fields, |
|||
headerRowHeight: 28, |
|||
enableRowSelection: true, |
|||
enableRowHeaderSelection: false, |
|||
multiSelect: false, |
|||
modifierKeysToMultiSelect: false, |
|||
columnDefs: [{field: 'name', displayName: $scope.labels.name}, |
|||
{field: 'implementation', displayName: $scope.labels.implementationLabel}] |
|||
}; |
|||
|
|||
$scope.gridFieldOptions.onRegisterApi = function (gridApi) { |
|||
// set gridApi on scope
|
|||
$scope.fieldGridApi = gridApi; |
|||
gridApi.selection.on.rowSelectionChanged($scope, function (row) { |
|||
$scope.selectedField = row.entity; |
|||
}); |
|||
}; |
|||
}); |
|||
|
|||
$scope.listenerDetailsChanged = function () { |
|||
if ($scope.selectedListener.className !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.className; |
|||
} else if ($scope.selectedListener.expression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.expression; |
|||
} else if ($scope.selectedListener.delegateExpression !== '') { |
|||
$scope.selectedListener.implementation = $scope.selectedListener.delegateExpression; |
|||
} else { |
|||
$scope.selectedListener.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewListener = function () { |
|||
var newListener = { |
|||
event: 'create', |
|||
implementation: '', |
|||
className: '', |
|||
expression: '', |
|||
delegateExpression: '' |
|||
}; |
|||
$scope.taskListeners.push(newListener); |
|||
|
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(newListener); |
|||
}); |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeListener = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.taskListeners.indexOf(selectedItems[0]); |
|||
$scope.gridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.taskListeners.splice(index, 1); |
|||
|
|||
if ($scope.taskListeners.length == 0) { |
|||
$scope.selectedListener = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.taskListeners.length > 0) { |
|||
$scope.gridApi.selection.toggleRowSelection($scope.taskListeners[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveListenerUp = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.taskListeners.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.taskListeners[index]; |
|||
$scope.taskListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.taskListeners.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveListenerDown = function () { |
|||
var selectedItems = $scope.gridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.taskListeners.indexOf(selectedItems[0]); |
|||
if (index != $scope.taskListeners.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.taskListeners[index]; |
|||
$scope.taskListeners.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.taskListeners.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.gridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
|
|||
$scope.fieldDetailsChanged = function () { |
|||
if ($scope.selectedField.stringValue != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.stringValue; |
|||
} else if ($scope.selectedField.expression != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.expression; |
|||
} else if ($scope.selectedField.string != '') { |
|||
$scope.selectedField.implementation = $scope.selectedField.string; |
|||
} else { |
|||
$scope.selectedField.implementation = ''; |
|||
} |
|||
}; |
|||
|
|||
// Click handler for add button
|
|||
$scope.addNewField = function () { |
|||
if ($scope.selectedListener) { |
|||
if ($scope.selectedListener.fields == undefined) { |
|||
$scope.selectedListener.fields = []; |
|||
} |
|||
|
|||
var newField = { |
|||
name: 'fieldName', |
|||
implementation: '', |
|||
stringValue: '', |
|||
expression: '', |
|||
string: '' |
|||
}; |
|||
$scope.fields.push(newField); |
|||
$scope.selectedListener.fields.push(newField); |
|||
|
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(newField); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for remove button
|
|||
$scope.removeField = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
$scope.fieldGridApi.selection.toggleRowSelection(selectedItems[0]); |
|||
|
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
|
|||
if ($scope.fields.length == 0) { |
|||
$scope.selectedField = undefined; |
|||
} |
|||
|
|||
$timeout(function () { |
|||
if ($scope.fields.length > 0) { |
|||
$scope.fieldGridApi.selection.toggleRowSelection($scope.fields[0]); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Click handler for up button
|
|||
$scope.moveFieldUp = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != 0) { // If it's the first, no moving up of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListener.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + -1, 0, temp); |
|||
$scope.selectedListener.fields.splice(index + -1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for down button
|
|||
$scope.moveFieldDown = function () { |
|||
var selectedItems = $scope.fieldGridApi.selection.getSelectedRows(); |
|||
if (selectedItems && selectedItems.length > 0) { |
|||
var index = $scope.fields.indexOf(selectedItems[0]); |
|||
if (index != $scope.fields.length - 1) { // If it's the last element, no moving down of course
|
|||
var temp = $scope.fields[index]; |
|||
$scope.fields.splice(index, 1); |
|||
$scope.selectedListeners.fields.splice(index, 1); |
|||
$timeout(function () { |
|||
$scope.fields.splice(index + 1, 0, temp); |
|||
$scope.selectedListener.fields.splice(index + 1, 0, temp); |
|||
$timeout(function () { |
|||
$scope.fieldGridApi.selection.toggleRowSelection(temp); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// Click handler for save button
|
|||
$scope.save = function () { |
|||
|
|||
if ($scope.taskListeners.length > 0) { |
|||
$scope.property.value = {}; |
|||
$scope.property.value.taskListeners = $scope.taskListeners; |
|||
} else { |
|||
$scope.property.value = null; |
|||
} |
|||
|
|||
$scope.updatePropertyInModel($scope.property); |
|||
$scope.close(); |
|||
}; |
|||
|
|||
$scope.cancel = function () { |
|||
$scope.close(); |
|||
}; |
|||
|
|||
// Close button handler
|
|||
$scope.close = function () { |
|||
$scope.property.mode = 'read'; |
|||
$scope.$hide(); |
|||
}; |
|||
|
|||
}]); |
|||
@ -0,0 +1,27 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
/* |
|||
* Execution listeners |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableTransitionEventCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value == undefined && $scope.property.value == null) { |
|||
$scope.property.value = 'complete'; |
|||
} |
|||
|
|||
$scope.transitionEventChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,23 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
angular.module('flowableModeler').controller('FlowableTriggerModeCtrl', [ '$scope', function($scope) { |
|||
|
|||
if ($scope.property.value === undefined || $scope.property.value == null) { |
|||
$scope.property.value = 'default'; |
|||
} |
|||
|
|||
$scope.triggerModeChanged = function() { |
|||
$scope.updatePropertyInModel($scope.property); |
|||
}; |
|||
}]); |
|||
@ -0,0 +1,185 @@ |
|||
/* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0
|
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
'use strict'; |
|||
|
|||
var FLOWABLE = FLOWABLE || {}; |
|||
FLOWABLE.PROPERTY_CONFIG = |
|||
{ |
|||
"string": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/string-property-write-mode-template.html" |
|||
}, |
|||
"boolean": { |
|||
"templateUrl": "editor-app/configuration/properties/boolean-property-template.html" |
|||
}, |
|||
"text" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/text-property-write-template.html" |
|||
}, |
|||
"flowable-calledelementtype" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/calledelementtype-property-write-template.html" |
|||
}, |
|||
"flowable-multiinstance" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/multiinstance-property-write-template.html" |
|||
}, |
|||
"flowable-processhistorylevel" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/process-historylevel-property-write-template.html" |
|||
}, |
|||
"flowable-ordering" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/ordering-property-write-template.html" |
|||
}, |
|||
"oryx-dataproperties-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/data-properties-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/data-properties-write-template.html" |
|||
}, |
|||
"oryx-formproperties-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/form-properties-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/form-properties-write-template.html" |
|||
}, |
|||
"oryx-executionlisteners-multiplecomplex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/execution-listeners-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/execution-listeners-write-template.html" |
|||
}, |
|||
"oryx-tasklisteners-multiplecomplex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/task-listeners-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/task-listeners-write-template.html" |
|||
}, |
|||
"oryx-eventlisteners-multiplecomplex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/event-listeners-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/event-listeners-write-template.html" |
|||
}, |
|||
"oryx-usertaskassignment-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/assignment-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/assignment-write-template.html" |
|||
}, |
|||
"oryx-servicetaskfields-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/fields-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/fields-write-template.html" |
|||
}, |
|||
"oryx-servicetaskexceptions-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/exceptions-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/exceptions-write-template.html" |
|||
}, |
|||
"oryx-callactivityinparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/in-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/in-parameters-write-template.html" |
|||
}, |
|||
"oryx-callactivityoutparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/out-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/out-parameters-write-template.html" |
|||
}, |
|||
"oryx-subprocessreference-subprocess-link": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/subprocess-reference-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/subprocess-reference-write-template.html" |
|||
}, |
|||
"oryx-formreference-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/form-reference-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/form-reference-write-template.html" |
|||
}, |
|||
"oryx-sequencefloworder-complex" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/sequenceflow-order-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/sequenceflow-order-write-template.html" |
|||
}, |
|||
"oryx-conditionsequenceflow-complex" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/condition-expression-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/condition-expression-write-template.html" |
|||
}, |
|||
"oryx-signaldefinitions-multiplecomplex" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/signal-definitions-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/signal-definitions-write-template.html" |
|||
}, |
|||
"oryx-signalref-string" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/signal-property-write-template.html" |
|||
}, |
|||
"oryx-messagedefinitions-multiplecomplex" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/message-definitions-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/message-definitions-write-template.html" |
|||
}, |
|||
"oryx-messageref-string" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/message-property-write-template.html" |
|||
}, |
|||
"oryx-escalationdefinitions-multiplecomplex" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/escalation-definitions-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/escalation-definitions-write-template.html" |
|||
}, |
|||
"oryx-escalationref-string" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/escalation-property-write-template.html" |
|||
}, |
|||
"oryx-duedatedefinition-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/duedate-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/duedate-write-template.html" |
|||
}, |
|||
"oryx-decisiontaskdecisiontablereference-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/decisiontable-reference-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/decisiontable-reference-write-template.html" |
|||
}, |
|||
"oryx-casetaskcasereference-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/case-reference-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/case-reference-write-template.html" |
|||
}, |
|||
"oryx-processtaskprocessreference-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/process-reference-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/process-reference-write-template.html" |
|||
}, |
|||
"oryx-processtaskinparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/in-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/in-parameters-write-template.html" |
|||
}, |
|||
"oryx-processtaskoutparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/out-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/out-parameters-write-template.html" |
|||
}, |
|||
"oryx-planitemlifecyclelisteners-multiplecomplex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/plan-item-lifecycle-listeners-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/plan-item-lifecycle-listeners-write-template.html" |
|||
}, |
|||
"flowable-transitionevent" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/transition-event-write-template.html" |
|||
}, |
|||
"flowable-planitem-dropdown" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/planitem-dropdown-read-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/planitem-dropdown-write-template.html" |
|||
}, |
|||
"flowable-http-request-method" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/http-request-method-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/http-request-method-property-write-template.html" |
|||
}, |
|||
"flowable-triggermode" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/trigger-mode-read-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/trigger-mode-write-template.html" |
|||
}, |
|||
"oryx-eventinparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/event-in-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/event-in-parameters-write-template.html" |
|||
}, |
|||
"oryx-eventoutparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/event-out-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/event-out-parameters-write-template.html" |
|||
}, |
|||
"oryx-eventcorrelationparameters-complex": { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/event-correlation-parameters-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/event-correlation-parameters-write-template.html" |
|||
}, |
|||
"flowable-channeltype" : { |
|||
"readModeTemplateUrl": "editor-app/configuration/properties/default-value-display-template.html", |
|||
"writeModeTemplateUrl": "editor-app/configuration/properties/event-channel-type-property-write-template.html" |
|||
} |
|||
}; |
|||
@ -0,0 +1,15 @@ |
|||
|
|||
<span ng-if="property.value.assignment.type != 'idm' && property.value.assignment.assignee">{{'PROPERTY.ASSIGNMENT.ASSIGNEE_DISPLAY' | translate:property.value.assignment }} </span> |
|||
<span ng-if="property.value.assignment.type != 'idm' && property.value.assignment.candidateUsers.length > 0">{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS_DISPLAY' | translate:property.value.assignment.candidateUsers}} </span> |
|||
<span ng-if="property.value.assignment.type != 'idm' && property.value.assignment.candidateGroups.length > 0">{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS_DISPLAY' | translate:property.value.assignment.candidateGroups}} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.assignee && property.value.assignment.idm.assignee.id">{{'PROPERTY.ASSIGNMENT.USER_IDM_DISPLAY' | translate:property.value.assignment.idm.assignee }} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.assignee && !property.value.assignment.idm.assignee.id">{{'PROPERTY.ASSIGNMENT.USER_IDM_EMAIL_DISPLAY' | translate:property.value.assignment.idm.assignee }} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.assigneeField && property.value.assignment.idm.assigneeField.id">{{'PROPERTY.ASSIGNMENT.USER_IDM_FIELD_DISPLAY' | translate:property.value.assignment.idm.assigneeField }} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.candidateUsers && property.value.assignment.idm.candidateUsers.length > 0 && (!property.value.assignment.idm.candidateUserFields || property.value.assignment.idm.candidateUserFields.length === 0)">{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS_DISPLAY' | translate:property.value.assignment.idm.candidateUsers}} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.candidateGroups && property.value.assignment.idm.candidateGroups.length > 0 && (!property.value.assignment.idm.candidateGroupFields || property.value.assignment.idm.candidateGroupFields.length === 0)">{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS_DISPLAY' | translate:property.value.assignment.idm.candidateGroups}} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.candidateUserFields && property.value.assignment.idm.candidateUserFields.length > 0 && (!property.value.assignment.idm.candidateUsers || property.value.assignment.idm.candidateUsers.length === 0)">{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS_DISPLAY' | translate:property.value.assignment.idm.candidateUserFields}} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.candidateGroupFields && property.value.assignment.idm.candidateGroupFields.length > 0 && (!property.value.assignment.idm.candidateGroups || property.value.assignment.idm.candidateGroups.length === 0)">{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS_DISPLAY' | translate:property.value.assignment.idm.candidateGroupFields}} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.candidateUserFields && property.value.assignment.idm.candidateUserFields.length > 0 && property.value.assignment.idm.candidateUsers && property.value.assignment.idm.candidateUsers.length > 0">{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS_DISPLAY' | translate:property.value.assignment.idm.candidateUserFields.concat(property.value.assignment.idm.candidateUsers)}} </span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && property.value.assignment.idm.candidateGroupFields && property.value.assignment.idm.candidateGroupFields.length > 0 && property.value.assignment.idm.candidateGroups && property.value.assignment.idm.candidateGroups.length > 0">{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS_DISPLAY' | translate:property.value.assignment.idm.candidateGroupFields.concat(property.value.assignment.idm.candidateGroups)}} </span> |
|||
<span ng-if="property.value.assignment.type != 'idm' && !property.value.assignment.assignee && (!property.value.assignment.candidateUsers || property.value.assignment.candidateUsers.length == 0) && (!property.value.assignment.candidateGroups || property.value.assignment.candidateGroups.length == 0)" translate>PROPERTY.ASSIGNMENT.EMPTY</span> |
|||
<span ng-if="property.value.assignment.type == 'idm' && !property.value.assignment.idm.assignee && !property.value.assignment.idm.assigneeField && (!property.value.assignment.idm.candidateUsers || property.value.assignment.idm.candidateUsers.length == 0) && (!property.value.assignment.idm.candidateUserFields || property.value.assignment.idm.candidateUserFields.length == 0) && (!property.value.assignment.idm.candidateGroups || property.value.assignment.idm.candidateGroups.length == 0) && (!property.value.assignment.idm.candidateGroupFields || property.value.assignment.idm.candidateGroupFields.length == 0)" translate>PROPERTY.ASSIGNMENT.IDM_EMPTY</span> |
|||
@ -0,0 +1,268 @@ |
|||
<div class="modal" ng-controller="FlowableAssignmentPopupCtrl"> |
|||
<div class="modal-dialog"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2 translate>PROPERTY.ASSIGNMENT.TITLE</h2> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="detail-group clearfix"> |
|||
|
|||
<div class="form-group clearfix"> |
|||
<div class="col-xs-12"> |
|||
<label class="col-xs-4">{{'PROPERTY.ASSIGNMENT.TYPE' | translate}}</label> |
|||
|
|||
<div class="col-xs-8"> |
|||
<div class="btn-group btn-group-justified"> |
|||
<div class="btn-group"> |
|||
<button type="button" class="btn btn-default" ng-click="popup.assignmentObject.type = 'idm'" |
|||
ng-model="popup.assignmentObject.type" ng-class="{'active' : popup.assignmentObject.type == 'idm'}"> |
|||
{{'PROPERTY.ASSIGNMENT.TYPE.IDENTITYSTORE' | translate}} |
|||
</button> |
|||
</div> |
|||
<div class="btn-group"> |
|||
<button type="button" class="btn btn-default" ng-click="popup.assignmentObject.type = 'static'" |
|||
ng-model="popup.assignmentObject.type" ng-class="{'active' : popup.assignmentObject.type != 'idm'}"> |
|||
{{'PROPERTY.ASSIGNMENT.TYPE.STATIC' | translate}} |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type != 'idm'"> |
|||
<div class="col-xs-12"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.ASSIGNEE' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<input type="text" id="assigneeField" class="form-control" ng-model="popup.assignmentObject.static.assignee" |
|||
placeholder="{{'PROPERTY.ASSIGNMENT.ASSIGNEE_PLACEHOLDER' | translate}}"/> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type != 'idm'"> |
|||
<div class="col-xs-12"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-12" ng-repeat="candidateUser in popup.assignmentObject.static.candidateUsers"> |
|||
<input id="userField" class="form-control" type="text" ng-model="candidateUser.value"/> |
|||
<i ng-if="popup.assignmentObject.static.candidateUsers.length >1" class="glyphicon glyphicon-minus clickable-property" |
|||
ng-click="removeCandidateUserValue($index)"></i> |
|||
<i ng-if="$index == (popup.assignmentObject.static.candidateUsers.length - 1)" class="glyphicon glyphicon-plus clickable-property" |
|||
ng-click="addCandidateUserValue($index)"></i> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type != 'idm'"> |
|||
<div class="col-xs-12"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-12" ng-repeat="candidateGroup in popup.assignmentObject.static.candidateGroups"> |
|||
<input id="groupField" class="form-control" type="text" ng-model="candidateGroup.value"/> |
|||
<i ng-if="popup.assignmentObject.static.candidateGroups.length >1" class="glyphicon glyphicon-minus clickable-property" |
|||
ng-click="removeCandidateGroupValue($index)"></i> |
|||
<i ng-if="$index == (popup.assignmentObject.static.candidateGroups.length - 1)" class="glyphicon glyphicon-plus clickable-property" |
|||
ng-click="addCandidateGroupValue($index)"></i> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type == 'idm'"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.IDM.TYPE' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div class="btn-group span"> |
|||
<button class="selection" ng-options="option as (option.title | translate) for option in assignmentOptions" |
|||
bs-select ng-model="assignmentOption" activiti-fix-dropdown-bug> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type == 'idm' && assignmentOption.id == 'users'"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-8 clearfix"> |
|||
<ul class="simple-list" |
|||
ng-show="popup.assignmentObject.idm.candidateUsers.length || popup.assignmentObject.idm.candidateUserFields.length"> |
|||
<li ng-repeat="user in popup.assignmentObject.idm.candidateUsers"> |
|||
<i class="icon icon-user"></i> |
|||
<span user-name="user"></span> |
|||
|
|||
<div class="actions"> |
|||
<a ng-click="removeCandidateUser(user)"><i class="icon icon-remove"></i></a> |
|||
</div> |
|||
</li> |
|||
<li ng-repeat="userField in popup.assignmentObject.idm.candidateUserFields"> |
|||
<i class="icon icon-user"></i> |
|||
<span>{{userField.name}}</span> |
|||
<span class="field-type"> - {{userFieldField.id}}</span> |
|||
|
|||
<div class="actions"> |
|||
<a ng-click="removeCandidateUserField(userField)"><i class="icon icon-remove"></i></a> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
<div class="no-results" |
|||
ng-if="(!popup.assignmentObject.idm.candidateUsers || !popup.assignmentObject.idm.candidateUsers.length) && (!popup.assignmentObject.idm.candidateUserFields || !popup.assignmentObject.idm.candidateUserFields.length)"> |
|||
{{'PROPERTY.ASSIGNMENT.IDM.NO_CANDIDATE_USERS' | translate}} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type == 'idm' && assignmentOption.id == 'groups'"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-8 clearfix"> |
|||
<ul class="simple-list" |
|||
ng-show="popup.assignmentObject.idm.candidateGroups.length || popup.assignmentObject.idm.candidateGroupFields.length"> |
|||
<li ng-repeat="group in popup.assignmentObject.idm.candidateGroups"> |
|||
{{group.name}} |
|||
<div class="actions"> |
|||
<a ng-click="removeCandidateGroup(group)"><i class="icon icon-remove"></i></a> |
|||
</div> |
|||
</li> |
|||
<li ng-repeat="groupField in popup.assignmentObject.idm.candidateGroupFields"> |
|||
{{groupField.name}} |
|||
<div class="actions"> |
|||
<a ng-click="removeCandidateGroupField(groupField)"><i class="icon icon-remove"></i></a> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
<div class="no-results" |
|||
ng-if="(!popup.assignmentObject.idm.candidateGroups || !popup.assignmentObject.idm.candidateGroups.length) && (!popup.assignmentObject.idm.candidateGroupFields || !popup.assignmentObject.idm.candidateGroupFields.length)"> |
|||
{{'PROPERTY.ASSIGNMENT.IDM.NO_CANDIDATE_GROUPS' | translate}} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" ng-show="popup.assignmentObject.type == 'idm' && assignmentOption.id == 'user'"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.ASSIGNEE' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<label ng-if="!popup.assignmentObject.idm.assignee && !popup.assignmentObject.idm.assigneeField">{{'PROPERTY.ASSIGNMENT.NONE' | translate}}</label> |
|||
<ul class="simple-list" ng-if="popup.assignmentObject.idm.assignee || popup.assignmentObject.idm.assigneeField"> |
|||
<li> |
|||
<i class="icon icon-user"></i> |
|||
<span ng-if="popup.assignmentObject.idm.assignee" user-name="popup.assignmentObject.idm.assignee"></span> |
|||
<span ng-if="popup.assignmentObject.idm.assigneeField">{{popup.assignmentObject.idm.assigneeField.name}}</span> |
|||
<span ng-if="popup.assignmentObject.idm.assigneeField" |
|||
class="field-type"> - {{popup.assignmentObject.idm.assigneeField.id}}</span> |
|||
|
|||
<div class="actions" ng-if="popup.assignmentObject.idm.assignee || popup.assignmentObject.idm.assigneeField"> |
|||
<a ng-click="removeAssignee()"><i class="icon icon-remove"></i></a> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" |
|||
ng-if="popup.assignmentObject.type == 'idm' && (!popup.assignmentObject.assignmentSourceType || popup.assignmentObject.assignmentSourceType == 'search') && (assignmentOption.id == 'user' || assignmentOption.id == 'users')"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.SEARCH' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<input class="form-control" type="text" id="people-select-input" placeholder="{{'PROPERTY.ASSIGNMENT.PLACEHOLDER-SEARCHUSER' | translate}}" auto-focus custom-keys |
|||
up-pressed="previousUser()" down-pressed="nextUser()" enter-pressed="confirmUser()" delayed-model="popup.filter" delay="200"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label></label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div class="subtle" style="margin: 2px 0 2px 0"> |
|||
<span translate="PROPERTY.ASSIGNMENT.MATCHING"></span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label></label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div class="inline-people-select"> |
|||
<ul class="simple-list"> |
|||
<li ng-click="confirmUser(user)" ng-repeat="user in popup.userResults" ng-class="{'active': $index == popup.selectedIndex}"> |
|||
<div user-picture="user" user-index="$index" user-name="user"></div> |
|||
</li> |
|||
</ul> |
|||
<div class="nothing-to-see" translate="GENERAL.MESSAGE.PEOPLE-NO-MATCHING-RESULTS" ng-show="popup.userResults.length == 0"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix" |
|||
ng-if="popup.assignmentObject.type == 'idm' && (!popup.assignmentObject.assignmentSourceType || popup.assignmentObject.assignmentSourceType == 'search') && assignmentOption.id == 'groups'"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.ASSIGNMENT.SEARCH' | translate}}</label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<input class="form-control" type="text" id="people-select-input" placeholder="{{'PROPERTY.ASSIGNMENT.PLACEHOLDER-SEARCHGROUP' | translate}}" auto-focus custom-keys |
|||
up-pressed="previousGroup()" down-pressed="nextGroup()" enter-pressed="confirmGroup()" delayed-model="popup.groupFilter" |
|||
delay="200"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label></label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div class="subtle"> |
|||
<span translate="PROPERTY.ASSIGNMENT.MATCHING"></span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label></label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div class="inline-people-select"> |
|||
<ul class="simple-list"> |
|||
<li ng-click="confirmGroup(group);" ng-repeat="group in popup.groupResults" |
|||
ng-class="{'active': $index == popup.selectedGroupIndex}"> |
|||
{{group.name}} |
|||
</li> |
|||
</ul> |
|||
<div class="nothing-to-see" translate="GENERAL.MESSAGE.GROUP-NO-MATCHING-RESULTS" ng-show="popup.groupResults.length == 0"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group clearfix"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-12"> |
|||
<label> |
|||
<input type="checkbox" ng-model="assignment.initiatorCanCompleteTask"> |
|||
{{'PROPERTY.ASSIGNMENT.INITIATOR-CAN-COMPLETE' | translate}} |
|||
</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button ng-click="close()" class="btn btn-primary" translate>ACTION.CANCEL</button> |
|||
<button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<!-- Just need to instantiate the controller, and it will take care of showing the modal dialog --> |
|||
<span ng-controller="FlowableAssignmentCtrl"> |
|||
</span> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<div ng-controller="FlowableBooleanPropertyCtrl"> |
|||
<input type="checkbox" ng-model="property.value" ng-change="changeValue()"/> |
|||
</div> |
|||
@ -0,0 +1,7 @@ |
|||
|
|||
<div ng-controller="FlowableCalledElementTypeCtrl"> |
|||
<select ng-model="property.value" ng-change="calledElementTypeChanged ()"> |
|||
<option>key</option> |
|||
<option>id</option> |
|||
</select> |
|||
</div> |
|||
@ -0,0 +1,3 @@ |
|||
|
|||
<span ng-if="property.value.name">{{property.value.name}}</span> |
|||
<span ng-if="!property.value || !property.value.name" translate>PROPERTY.CASEREFERENCE.EMPTY</span> |
|||
@ -0,0 +1,45 @@ |
|||
|
|||
<div class="modal" ng-controller="FlowableCaseReferencePopupCtrl"> |
|||
<div class="modal-dialog modal-wide"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2> |
|||
{{'PROPERTY.CASEREFERENCE.TITLE' | translate}} |
|||
<span ng-show="selectedCase != null"> - {{selectedCase.name}}</span> |
|||
<span ng-show="selectedCase == null"> - {{'PROPERTY.CASEREFERENCE.EMPTY' | translate}}</span> |
|||
|
|||
</h2> |
|||
</div> |
|||
<div class="modal-body-with-overflow"> |
|||
<div class="detail-group clearfix"> |
|||
<div class="col-xs-12"> |
|||
<div class="alert alert-error" ng-show="!state.loadingCases && state.caseError" translate>PROPERTY.CASEREFERENCE.ERROR.FORM</div> |
|||
</div> |
|||
</div> |
|||
<div class="detail-group clearfix"> |
|||
<div class="col-xs-12 editor-item-picker"> |
|||
<div ng-if="!state.loadingCases && !state.caseError" class="col-xs-4 editor-item-picker-component" ng-repeat="caseModel in caseModels" ng-class="{'selected' : caseModel.id == selectedCase.id}" ng-click="selectCase(caseModel, $event)"> |
|||
<div class="controls"> |
|||
<input type="checkbox" value="option1" ng-click="selectCase(caseModel, $event)" ng-checked="caseModel.id == selectedCase.id" /> |
|||
</div> |
|||
<h4>{{caseModel.name}}</h4> |
|||
<img ng-src="{{getModelThumbnailUrl(caseModel.id)}}" /> |
|||
</div> |
|||
<div ng-show="state.loadingCases"> |
|||
<p class="loading" translate>PROPERTY.CASEREFERENCE.CASE.LOADING</p> |
|||
</div> |
|||
<div ng-show="!state.loadingCases && caseModels.length == 0"> |
|||
<p translate>PROPERTY.CASEREFERENCE.CASE.EMPTY</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button ng-click="close()" class="btn btn-primary" translate>GENERAL.ACTION.CANCEL</button> |
|||
<button ng-disabled="!selectedCase || state.caseError" ng-click="open()" class="btn btn-primary" translate>GENERAL.ACTION.OPEN</button> |
|||
<button ng-disabled="state.caseError" ng-click="save()" class="btn btn-primary" translate>GENERAL.ACTION.SAVE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,2 @@ |
|||
<span ng-controller="FlowableCaseReferenceCtrl"> |
|||
</span> |
|||
@ -0,0 +1,3 @@ |
|||
<span ng-if="property.value.expression.type != 'variables' && property.value.expression.staticValue">{{property.value.expression.staticValue|limitTo:20}}</span> |
|||
<span ng-if="property.value && !property.value.expression">{{property.value|limitTo:20}}</span> |
|||
<span ng-if="!property.value">{{'PROPERTY.SEQUENCEFLOW.CONDITION.NO-CONDITION-DISPLAY' | translate}}</span> |
|||
@ -0,0 +1,26 @@ |
|||
<div class="modal" ng-controller="FlowableConditionExpressionPopupCtrl"> |
|||
<div class="modal-dialog modal-wide"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2 translate>PROPERTY.SEQUENCEFLOW.CONDITION.TITLE</h2> |
|||
</div> |
|||
<div class="modal-body"> |
|||
|
|||
<div class="detail-group clearfix"> |
|||
|
|||
<div class="col-xs-12"> |
|||
<label class="col-xs-3">{{'PROPERTY.SEQUENCEFLOW.CONDITION.STATIC' | translate}}</label> |
|||
<div class="col-xs-9"> |
|||
<textarea class="form-control" ng-model="expression.staticValue" style="width:70%; height:100%; max-width: 100%; max-height: 100%; min-height: 50px"/> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button ng-click="close()" class="btn btn-primary" translate>ACTION.CANCEL</button> |
|||
<button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<!-- Just need to instantiate the controller, and it will take care of showing the modal dialog --> |
|||
<span ng-controller="FlowableConditionExpressionCtrl"> |
|||
</span> |
|||
@ -0,0 +1,3 @@ |
|||
|
|||
<span ng-if="property.value.items && property.value.items.length > 0">{{'PROPERTY.DATAPROPERTIES.VALUES' | translate:property.value.items}}</span> |
|||
<span ng-if="!property.value.items || property.value.items.length == 0" translate>PROPERTY.DATAPROPERTIES.EMPTY</span> |
|||
@ -0,0 +1,64 @@ |
|||
|
|||
<div class="modal" ng-controller="FlowableDataPropertiesPopupCtrl"> |
|||
<div class="modal-dialog modal-wide"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2>{{'PROPERTY.PROPERTY.EDIT.TITLE' | translate}} "{{property.title | translate}}"</h2> |
|||
</div> |
|||
<div class="modal-body"> |
|||
|
|||
<div class="row row-no-gutter"> |
|||
<div class="col-xs-6"> |
|||
<div ng-if="translationsRetrieved" class="kis-listener-grid" ui-grid="gridOptions" ui-grid-selection></div> |
|||
<div class="pull-right"> |
|||
<div class="btn-group"> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.MOVE.UP' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="movePropertyUp()"><i class="glyphicon glyphicon-arrow-up"></i></a> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.MOVE.DOWN' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="movePropertyDown()"><i class="glyphicon glyphicon-arrow-down"></i></a> |
|||
</div> |
|||
<div class="btn-group"> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.ADD' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="addNewProperty()"><i class="glyphicon glyphicon-plus"></i></a> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.REMOVE' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="removeProperty()"><i class="glyphicon glyphicon-minus"></i></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-xs-6"> |
|||
<div ng-show="selectedProperty"> |
|||
|
|||
<div class="form-group"> |
|||
<label for="idField">{{'PROPERTY.DATAPROPERTIES.ID' | translate}}</label> |
|||
<input id="idField" class="form-control" type="text" ng-model="selectedProperty.dataproperty_id" placeholder="{{'PROPERTY.DATAPROPERTIES.ID.PLACEHOLDER' | translate }}" /> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="nameField">{{'PROPERTY.DATAPROPERTIES.NAME' | translate}}</label> |
|||
<input id="nameField" class="form-control" type="text" ng-model="selectedProperty.dataproperty_name" placeholder="{{'PROPERTY.DATAPROPERTIES.NAME.PLACEHOLDER' | translate }}" /> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="typeField">{{'PROPERTY.DATAPROPERTIES.TYPE' | translate}}</label> |
|||
<select id="typeField" class="form-control" ng-model="selectedProperty.dataproperty_type" ng-change="propertyTypeChanged()"> |
|||
<option selected>string</option> |
|||
<option>boolean</option> |
|||
<option>datetime</option> |
|||
<option>double</option> |
|||
<option>int</option> |
|||
<option>long</option> |
|||
</select> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="valueField">{{'PROPERTY.DATAPROPERTIES.VALUE' | translate}}</label> |
|||
<input id="valueField" class="form-control" type="text" ng-model="selectedProperty.dataproperty_value" placeholder="{{'PROPERTY.DATAPROPERTIES.VALUE.PLACEHOLDER' | translate }}" /> |
|||
</div> |
|||
</div> |
|||
<div ng-show="!selectedProperty" class="muted no-property-selected" translate>PROPERTY.DATAPROPERTIES.EMPTY</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button ng-click="cancel()" class="btn btn-primary" translate>ACTION.CANCEL</button> |
|||
<button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<!-- Just need to instantiate the controller, and it will take care of showing the modal dialog --> |
|||
<span ng-controller="FlowableDataPropertiesCtrl"> |
|||
</span> |
|||
@ -0,0 +1,3 @@ |
|||
|
|||
<span ng-if="property.value.name">{{property.value.name}}</span> |
|||
<span ng-if="!property.value || !property.value.name" translate>PROPERTY.DECISIONTABLEREFERENCE.EMPTY</span> |
|||
@ -0,0 +1,74 @@ |
|||
|
|||
<div class="modal" ng-controller="FlowableDecisionTableReferencePopupCtrl"> |
|||
<div class="modal-dialog modal-wide"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header" ng-if="popup.state == 'decisionTableReference'"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2> |
|||
{{'PROPERTY.DECISIONTABLEREFERENCE.TITLE' | translate}} |
|||
<span ng-show="selectedDecisionTable != null"> - {{selectedDecisionTable.name}}</span> |
|||
<span ng-show="selectedDecisionTable == null"> - {{'PROPERTY.DECISIONTABLEREFERENCE.EMPTY' | translate}}</span> |
|||
|
|||
</h2> |
|||
</div> |
|||
<div class="modal-header" ng-if="popup.state == 'newDecisionTable'"><h2>{{'DECISION-TABLE.POPUP.CREATE-TITLE' | translate}}</h2></div> |
|||
<div class="modal-body-with-overflow" ng-if="popup.state == 'decisionTableReference'"> |
|||
<div class="detail-group clearfix"> |
|||
<div class="col-xs-12"> |
|||
<div class="alert alert-error" ng-show="!state.loadingDecisionTables && state.decisionTableError" translate>PROPERTY.DECISIONTABLEREFERENCE.ERROR.FORM</div> |
|||
</div> |
|||
</div> |
|||
<div class="detail-group clearfix"> |
|||
<div class="col-xs-12 editor-item-picker"> |
|||
<div ng-if="!state.loadingDecisionTables && !state.decisionTableError" class="col-xs-4 editor-item-picker-component" ng-repeat="decisionTable in decisionTables" ng-class="{'selected' : decisionTable.decisionTableId == selectedDecisionTable.decisionTableId}" ng-click="selectDecisionTable(decisionTable, $event)"> |
|||
<div class="controls"> |
|||
<input type="checkbox" value="option1" ng-click="selectDecisionTable(decisionTable, $event)" ng-checked="decisionTable.id == selectedDecisionTable.id" /> |
|||
</div> |
|||
<h4>{{decisionTable.name}}</h4> |
|||
<img ng-src="{{getModelThumbnailUrl(decisionTable.id)}}" /> |
|||
</div> |
|||
<div ng-show="state.loadingDecisionTables"> |
|||
<p class="loading" translate>PROPERTY.DECISIONTABLEREFERENCE.DECISIONTABLE.LOADING</p> |
|||
</div> |
|||
<div ng-show="!state.loadingDecisionTables && decisionTables.length == 0"> |
|||
<p translate>PROPERTY.DECISIONTABLEREFERENCE.DECISIONTABLE.EMPTY</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="modal-body" ng-if="popup.state == 'newDecisionTable'"> |
|||
<p>{{'DECISION-TABLE.POPUP.CREATE-DESCRIPTION' | translate}}</p> |
|||
<div ng-if="model.errorMessage && model.errorMessage.length > 0" class="alert error" style="font-size: 14px; margin-top:20px"> |
|||
<div class="popup-error" style="font-size: 14px"> |
|||
<span class="glyphicon glyphicon-remove-circle"></span> |
|||
<span>{{model.errorMessage}}</span> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="newDecisionTableName">{{'DECISION-TABLE.NAME' | translate}}</label> |
|||
<input ng-disabled="model.loading" type="text" class="form-control" |
|||
id="newDecisionTableName" ng-model="model.decisionTable.name" custom-keys enter-pressed="ok()" auto-focus editor-input-check> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="newDecisionTableKey">{{'DECISION-TABLE.KEY' | translate}}</label> |
|||
<input ng-disabled="model.loading" type="text" class="form-control" |
|||
id="newDecisionTableKey" ng-model="model.decisionTable.key" editor-input-check> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="newDecisionTableDescription">{{'DECISION-TABLE.DESCRIPTION' | translate}}</label> |
|||
<textarea ng-disabled="model.loading" class="form-control" id="newDecisionTableDescription" rows="5" ng-model="model.decisionTable.description"></textarea> |
|||
</div> |
|||
</div> |
|||
<div class="modal-footer" ng-if="popup.state == 'decisionTableReference'"> |
|||
<button ng-click="cancel()" class="btn btn-primary" translate>GENERAL.ACTION.CANCEL</button> |
|||
<button ng-disabled="state.decisionTableError" ng-click="newDecisionTable()" class="btn btn-primary" translate>GENERAL.ACTION.NEW-DECISION-TABLE</button> |
|||
<button ng-disabled="!selectedDecisionTable || state.decisionTableError" ng-click="open()" class="btn btn-primary" translate>GENERAL.ACTION.OPEN</button> |
|||
<button ng-disabled="state.decisionTableError" ng-click="save()" class="btn btn-primary" translate>GENERAL.ACTION.SAVE</button> |
|||
</div> |
|||
<div class="modal-footer" ng-if="popup.state == 'newDecisionTable'"> |
|||
<button ng-click="cancel()" class="btn btn-primary" translate>GENERAL.ACTION.CANCEL</button> |
|||
<button ng-disabled="state.decisionTableError || model.decisionTable.name.length == 0 || model.decisionTable.key.length == 0" ng-click="createDecisionTable()" class="btn btn-primary" translate>GENERAL.ACTION.CREATE-DECISION-TABLE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,2 @@ |
|||
<span ng-controller="FlowableDecisionTableReferenceCtrl"> |
|||
</span> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<span ng-if="!property.noValue">{{property.value|limitTo:20}}</span> |
|||
<span ng-if="!property.noValue && property.value != null && property.value.length > 20">...</span> |
|||
<span ng-if="property.noValue" translate>PROPERTY.EMPTY</span> |
|||
@ -0,0 +1,6 @@ |
|||
|
|||
<span ng-if="property.value && property.value.duedate && property.value.duedate.field || property.value.duedate.field.taskDueDateField" translate>PROPERTY.DUEDATE.DEFINED</span> |
|||
<span ng-if="property.value && property.value.duedate && property.value.duedate.fixed" translate>PROPERTY.DUEDATE.DEFINED</span> |
|||
<span ng-if="property.value && property.value.duedateExpression">{{property.value.duedateExpression}}</span> |
|||
<span ng-if="property.value && property.value.length > 0 && !property.value.duedate && !property.value.duedateExpression">{{property.value}}</span> |
|||
<span ng-if="!property.value || property.value.length === 0" translate>PROPERTY.DUEDATE.EMPTY</span> |
|||
@ -0,0 +1,120 @@ |
|||
|
|||
<div class="modal" ng-controller="BpmnEditorDueDatePopupCtrl"> |
|||
<div class="modal-dialog"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2 translate>PROPERTY.DUEDATE.TITLE</h2> |
|||
</div> |
|||
<div class="modal-body"> |
|||
|
|||
<div class="clearfix first"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-12"> |
|||
<div class="btn-group span"> |
|||
<button class="selection" data-toggle="dropdown" ng-options="option.id as (option.title | translate) for option in taskDueDateOptions" |
|||
bs-select ng-model="popup.selectedDueDateOption" ng-change="dueDateOptionChanged()" activiti-fix-dropdown-bug> |
|||
<i class="icon icon-caret-down"></i> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="clearfix first" ng-if="popup.selectedDueDateOption === 'expression'" style="padding-top: 10px"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROPERTY.DUEDATE.EXPRESSION-LABEL' | translate}}: </label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<input id="expression" type="text" class="form-control" ng-model="popup.duedateExpression"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="clearfix first" ng-if="popup.selectedDueDateOption === 'field'" style="padding-top: 10px"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROCESS-BUILDER.FIELD.TIMER.DATE-FIELD' | translate}}: </label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div field-select="popup.duedate.field.taskDueDateField" editor-type="bpmn" all-steps="allSteps" step-id="selectedShape.resourceId" field-type-filter="['date']"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="clearfix first" ng-if="popup.selectedDueDateOption === 'field'" style="padding-top: 10px"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
<label>{{'PROCESS-BUILDER.FIELD.DUEDATE.CALCULATION-TYPE' | translate}}: </label> |
|||
</div> |
|||
<div class="col-xs-8"> |
|||
<div class="btn-group btn-group-justified"> |
|||
<div class="btn-group"> |
|||
<button type="button" class="btn btn-default" ng-click="setAddCalculationType()" ng-model="popup.duedate.field.taskDueDateCalculationType" ng-class="{'active' : (!popup.duedate.field.taskDueDateCalculationType || popup.duedate.field.taskDueDateCalculationType == 'add')}">{{'PROCESS-BUILDER.FIELD.DUEDATE.CALCULATION-OPTIONS.ADD' | translate}}</button> |
|||
</div> |
|||
<div class="btn-group"> |
|||
<button type="button" class="btn btn-default" ng-click="setSubtractCalculationType()" ng-model="popup.duedate.field.taskDueDateCalculationType" ng-class="{'active' : popup.duedate.field.taskDueDateCalculationType == 'subtract'}">{{'PROCESS-BUILDER.FIELD.DUEDATE.CALCULATION-OPTIONS.SUBTRACT' | translate}}</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="clearfix first" ng-if="popup.selectedDueDateOption === 'field'" style="padding-top: 10px"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.YEARS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.field.years"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.MONTHS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.field.months"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.DAYS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.field.days"> |
|||
</div> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.HOURS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.field.hours"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.MINUTES' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.field.minutes"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.SECONDS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.field.seconds"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="clearfix first" ng-if="popup.selectedDueDateOption === 'static'" style="padding-top: 10px"> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.YEARS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.fixed.years"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.MONTHS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.fixed.months"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.DAYS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.fixed.days"> |
|||
</div> |
|||
</div> |
|||
<div class="col-xs-12"> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.HOURS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.fixed.hours"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.MINUTES' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.fixed.minutes"> |
|||
</div> |
|||
<div class="col-xs-4"> |
|||
{{'PROCESS-BUILDER.FIELD.TIMER.SECONDS' | translate}}:<input type="number" class="form-control" ng-model="popup.duedate.fixed.seconds"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="modal-footer"> |
|||
<button ng-click="close()" class="btn btn-primary" translate>ACTION.CANCEL</button> |
|||
<button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<!-- Just need to instantiate the controller, and it will take care of showing the modal dialog --> |
|||
<span ng-controller="BpmnEditorDueDateCtrl"> |
|||
</span> |
|||
@ -0,0 +1,5 @@ |
|||
<div class="ui-grid-cell-contents flowable-status"> |
|||
<!-- we inverse the logic here. A false warning is critical. A true warning is a warning --> |
|||
<div class="flowable-warning" ng-if="row.entity.warning">Warning</div> |
|||
<div class="flowable-critical" ng-if="!row.entity.warning">Critical</div> |
|||
</div> |
|||
@ -0,0 +1,3 @@ |
|||
|
|||
<span ng-if="!property.noValue">{{'PROPERTY.ESCALATIONDEFINITIONS.DISPLAY' | translate:property.value}}</span> |
|||
<span ng-if="property.noValue" translate>PROPERTY.ESCALATIONDEFINITIONS.EMPTY</span> |
|||
@ -0,0 +1,49 @@ |
|||
<div class="modal" ng-controller="FlowableEscalationDefinitionsPopupCtrl"> |
|||
<div class="modal-dialog modal-wide"> |
|||
<div class="modal-content"> |
|||
|
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2>{{'PROPERTY.PROPERTY.EDIT.TITLE' | translate}} "{{property.title | translate}}"</h2> |
|||
</div> |
|||
|
|||
<div class="modal-body"> |
|||
|
|||
<div class="row row-no-gutter"> |
|||
|
|||
<div class="col-xs-8"> |
|||
<div ng-if="translationsRetrieved" class="kis-listener-grid" ui-grid="gridOptions" ui-grid-selection></div> |
|||
<div class="pull-right"> |
|||
<div class="btn-group"> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{ACTION.ADD | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="addNewEscalationDefinition()"><i class="glyphicon glyphicon-plus"></i></a> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{ACTION.REMOVE | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="removeEscalationDefinition()"><i class="glyphicon glyphicon-minus"></i></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-xs-4" ng-show="selectedEscalationDefinition"> |
|||
|
|||
<div class="form-group"> |
|||
<label>{{'PROPERTY.ESCALATIONDEFINITIONS.ID' | translate}}</label> |
|||
<input type="text" class="form-control" ng-model="selectedEscalationDefinition.id"> |
|||
</div> |
|||
|
|||
<div class="form-group"> |
|||
<label>{{'PROPERTY.ESCALATIONDEFINITIONS.NAME' | translate}}</label> |
|||
<input type="text" class="form-control" ng-model="selectedEscalationDefinition.name"> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="modal-footer"> |
|||
<button ng-click="cancel()" class="btn btn-primary" translate>ACTION.CANCEL</button> |
|||
<button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,3 @@ |
|||
<!-- Just need to instantiate the controller, and it will take care of showing the modal dialog --> |
|||
<span ng-controller="FlowableEscalationDefinitionsCtrl"> |
|||
</span> |
|||
@ -0,0 +1,4 @@ |
|||
<div ng-controller="FlowableEscalationRefCtrl"> |
|||
<select ng-model="property.value" ng-change="escalationChanged()" ng-options="escalationDefinition.id as (escalationDefinition.name + ' (' + escalationDefinition.id + ')') for escalationDefinition in escalationDefinitions"> |
|||
</select> |
|||
</div> |
|||
@ -0,0 +1,9 @@ |
|||
|
|||
<div ng-controller="FlowableEventRegistryChannelTypeCtrl"> |
|||
<select ng-model="property.value" ng-change="channelTypeChanged()"> |
|||
<option></option> |
|||
<option>jms</option> |
|||
<option>kafka</option> |
|||
<option>rabbitmq</option> |
|||
</select> |
|||
</div> |
|||
@ -0,0 +1,3 @@ |
|||
|
|||
<span ng-if="!property.noValue">{{'PROPERTY.EVENTCORRELATIONPARAMETERS.VALUE' | translate:property.value.correlationParameters}}</span> |
|||
<span ng-if="property.noValue" translate>PROPERTY.EVENTCORRELATIONPARAMETERS.EMPTY</span> |
|||
@ -0,0 +1,53 @@ |
|||
|
|||
<div class="modal" ng-controller="FlowableEventCorrelationParametersPopupCtrl"> |
|||
<div class="modal-dialog modal-wide"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> |
|||
<h2>{{'PROPERTY.PROPERTY.EDIT.TITLE' | translate}} "{{property.title | translate}}"</h2> |
|||
</div> |
|||
<div class="modal-body"> |
|||
|
|||
<div class="row row-no-gutter"> |
|||
<div class="col-xs-6"> |
|||
<div ng-if="translationsRetrieved" class="kis-listener-grid" ui-grid="gridOptions" ui-grid-selection></div> |
|||
<div class="pull-right"> |
|||
<div class="btn-group"> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.ADD' | translate:property}}" data-placement="bottom" data-original-title="" title="" ng-click="addNewParameter()"><i class="glyphicon glyphicon-plus"></i></a> |
|||
<a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.REMOVE' | translate:property}}" data-placement="bottom" data-original-title="" title="" ng-click="removeParameter()"><i class="glyphicon glyphicon-minus"></i></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-xs-6"> |
|||
<div ng-show="selectedParameter"> |
|||
|
|||
<div class="form-group"> |
|||
<label for="nameField">{{'PROPERTY.EVENTCORRELATIONPARAMETERS.NAME' | translate}}</label> |
|||
<input type="text" id="nameField" class="form-control" ng-model="selectedParameter.name" placeholder="{{'PROPERTY.EVENTCORRELATIONPARAMETERS.NAME.PLACEHOLDER' | translate}}" /> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="typeField">{{'PROPERTY.EVENTCORRELATIONPARAMETERS.TYPE' | translate}}</label> |
|||
<select id="typeField" class="form-control" ng-model="selectedParameter.type"> |
|||
<option>string</option> |
|||
<option>integer</option> |
|||
<option>double</option> |
|||
<option>boolean</option> |
|||
</select> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label for="valueField">{{'PROPERTY.EVENTCORRELATIONPARAMETERS.VALUEPROP' | translate}}</label> |
|||
<input type="text" id="valueField" class="form-control" ng-model="selectedParameter.value" placeholder="{{'PROPERTY.EVENTCORRELATIONPARAMETERS.VALUEPROP.PLACEHOLDER' | translate}}" /> |
|||
</div> |
|||
</div> |
|||
<div ng-show="!selectedParameter" class="muted no-property-selected" translate>PROPERTY.EVENTCORRELATIONPARAMETERS.NOSELECTION</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button ng-click="cancel()" class="btn btn-primary" translate>ACTION.CANCEL</button> |
|||
<button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,4 @@ |
|||
|
|||
<!-- Just need to instantiate the controller, and it will take care of showing the modal dialog --> |
|||
<span ng-controller="FlowableEventCorrelationParametersCtrl"> |
|||
</span> |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue