xjs
3 years ago
parent
0f6ad79c8c
commit
f69a1049c5
@ -0,0 +1,38 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询modeler列表
|
||||
export function listDefinition(query) {
|
||||
return request({
|
||||
url: '/workflow/processDefinition/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询请假详细
|
||||
export function getDefinitionsByInstanceId(instanceId) {
|
||||
return request({
|
||||
url: '/workflow/processDefinition/getDefinitions/' + instanceId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 挂起激活转换
|
||||
export function suspendOrActiveApply(data) {
|
||||
return request({
|
||||
url: '/workflow/processDefinition/suspendOrActiveApply',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 删除Modeler
|
||||
export function delDefinition(id) {
|
||||
return request({
|
||||
url: '/workflow/processDefinition/remove/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
import request from '@/utils/request'
|
||||
// 查询请假详细
|
||||
export function historyFromData(instanceId) {
|
||||
return request({
|
||||
url: '/workflow/historyFromData/ByInstanceId/' + instanceId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询task列表
|
||||
export function listTask(query) {
|
||||
return request({
|
||||
url: '/workflow/task/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询表单
|
||||
export function formDataShow(taskID) {
|
||||
return request({
|
||||
url: '/workflow/task/formDataShow/'+taskID,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
// 查询表单
|
||||
export function formDataSave(taskID,data) {
|
||||
return request({
|
||||
url: '/workflow/task/formDataSave/'+taskID,
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,62 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询请假列表
|
||||
export function listLeave(query) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
// 查询请假列表
|
||||
export function listLeaveAll(query) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave/listAll',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询请假详细
|
||||
export function getLeave(id) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 新增请假
|
||||
export function addLeave(data) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改请假
|
||||
export function updateLeave(data) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除请假
|
||||
export function delLeave(id) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 导出请假
|
||||
export function exportLeave(query) {
|
||||
return request({
|
||||
url: '/workflow/workflow/leave/export',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
|
||||
|
||||
<el-table v-loading="loading" :data="tastList">
|
||||
<!-- <el-table-column label="流程ID" align="center" prop="id"/>-->
|
||||
<el-table-column label="流程名称" align="center" prop="instanceName"/>
|
||||
<el-table-column label="任务节点名称" align="center" prop="name"/>
|
||||
<el-table-column label="任务状态" align="center" prop="status"/>
|
||||
<el-table-column label="办理人" align="center" prop="assignee"/>
|
||||
<el-table-column label="创建时间" align="center" prop="createdDate"/>
|
||||
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="examineAndApprove (scope.row)"
|
||||
v-hasPermi="['workflow:leave:edit']"
|
||||
>审批
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 审批对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" v-if="open" width="500px" append-to-body>
|
||||
<leaveHistoryForm :businessKey="businessKey" v-if="'leave'==definitionKey"/>
|
||||
|
||||
<el-form :model="form" ref="form" label-width="100px" class="demo-dynamic">
|
||||
<el-form-item
|
||||
v-for="(domain, index) in form.formData"
|
||||
:label="domain.controlLable"
|
||||
:key="index"
|
||||
>
|
||||
<el-radio-group v-model="domain.controlValue" v-if="'radio'==domain.controlType">
|
||||
<el-radio v-for="(defaults,indexd) in domain.controlDefault.split('--__--')"
|
||||
:label=indexd
|
||||
:key="indexd"
|
||||
>{{defaults}}
|
||||
|
||||
</el-radio>
|
||||
|
||||
</el-radio-group>
|
||||
<el-input type="textarea" v-model="domain.controlValue" v-if="'textarea'==domain.controlType"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
import leaveHistoryForm from "@/views/business/workflow/workflow/leave/leaveHistoryForm";
|
||||
import {formDataSave, formDataShow, listTask} from "@/api/business/workflow/activiti/task";
|
||||
|
||||
export default {
|
||||
name: "Leave",
|
||||
components: {leaveHistoryForm},
|
||||
data() {
|
||||
return {
|
||||
id:'',
|
||||
definitionKey: '',
|
||||
businessKey: '',
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 请假表格数据
|
||||
tastList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
formData:[]
|
||||
},
|
||||
// 表单校验
|
||||
rules: {}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询请假列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listTask(this.queryParams).then(response => {
|
||||
this.tastList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.definitionKey = '',
|
||||
this.businessKey = '',
|
||||
this.form = {
|
||||
formData:[],
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
|
||||
/** 审批按钮操作 */
|
||||
examineAndApprove(row) {
|
||||
console.log(row)
|
||||
this.reset();
|
||||
this.definitionKey = row.definitionKey;
|
||||
this.businessKey = row.businessKey;
|
||||
this.id=row.id;
|
||||
formDataShow(row.id).then(response => {
|
||||
// FormProperty_3qipis2--__!!radio--__!!审批意见--__!!i--__!!同意--__--不同意
|
||||
// FormProperty_0lffpcm--__!!textarea--__!!批注--__!!f--__!!null
|
||||
let datas = response.data;
|
||||
let formData = []
|
||||
for (let i = 0; i < datas.length; i++) {
|
||||
let strings = datas[i].split('--__!!')
|
||||
let controlValue = null
|
||||
let controlDefault = null
|
||||
switch (strings[1]) {
|
||||
case 'radio':
|
||||
controlValue = 0;
|
||||
controlDefault = strings[4]
|
||||
break;
|
||||
// default:
|
||||
}
|
||||
formData.push({
|
||||
controlId: strings[0],
|
||||
controlType: strings[1],
|
||||
controlLable: strings[2],
|
||||
controlIsParam: strings[3],
|
||||
controlValue: controlValue,
|
||||
controlDefault: controlDefault
|
||||
})
|
||||
}
|
||||
this.form.formData = formData;
|
||||
this.open = true;
|
||||
this.title = "审批";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
formDataSave(this.id,this.form.formData).then(response => {
|
||||
this.msgSuccess("审批成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,459 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="请假类型" prop="type">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择请假类型" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in typeOptions"
|
||||
:key="dict.dictValue"
|
||||
:label="dict.dictLabel"
|
||||
:value="dict.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input
|
||||
v-model="queryParams.title"
|
||||
placeholder="请输入标题"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="状态" prop="state">
|
||||
<el-select v-model="queryParams.state" placeholder="请选择状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in stateOptions"
|
||||
:key="dict.dictValue"
|
||||
:label="dict.dictLabel"
|
||||
:value="dict.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="创建者" prop="createBy">-->
|
||||
<!-- <el-select v-model="queryParams.createBy" placeholder="请选择创建者" clearable size="small">-->
|
||||
<!-- <el-option label="请选择字典生成" value="" />-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['workflow:leave:add']"
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['workflow:leave:export']"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="leaveList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<!-- <el-table-column label="主键ID" align="center" prop="id" />-->
|
||||
<el-table-column label="请假类型" align="center" prop="type" :formatter="typeFormat"/>
|
||||
<el-table-column label="标题" align="center" prop="title"/>
|
||||
<el-table-column label="原因" align="center" prop="reason"/>
|
||||
<el-table-column label="开始时间" align="center" prop="leaveStartTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.leaveStartTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" align="center" prop="leaveEndTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.leaveEndTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<!-- <el-table-column label="状态" align="center" prop="state" :formatter="stateFormat">-->
|
||||
<el-table-column label="状态" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.state!==0">
|
||||
{{ stateFormat(scope.row) }}
|
||||
</div>
|
||||
<div v-else>
|
||||
{{ scope.row.taskName }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="创建者" align="center" prop="createName" />-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-if="2===scope.row.state"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['workflow:leave:edit']"
|
||||
>修改
|
||||
</el-button>
|
||||
<!-- <el-button v-if="1==scope.row.state"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- type="text"-->
|
||||
<!-- icon="el-icon-edit"-->
|
||||
<!-- @click="terminateLeave(scope.row)"-->
|
||||
<!-- v-hasPermi="['workflow:leave:edit']"-->
|
||||
<!-- >销假-->
|
||||
<!-- </el-button>-->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="historyFory(scope.row)"
|
||||
v-hasPermi="['workflow:leave:edit']"
|
||||
>审批详情
|
||||
</el-button>
|
||||
|
||||
<el-button v-if="0===scope.row.state"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="checkTheSchedule(scope.row)"
|
||||
v-hasPermi="['workflow:leave:edit']"
|
||||
>查看进度
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<el-dialog
|
||||
:visible.sync="modelVisible"
|
||||
title="进度查询"
|
||||
width="1680px"
|
||||
append-to-body
|
||||
>
|
||||
<div style="position:relative;height: 100%;">
|
||||
<iframe
|
||||
id="iframe"
|
||||
:src="modelerUrl"
|
||||
frameborder="0"
|
||||
width="100%"
|
||||
height="720px"
|
||||
scrolling="auto"
|
||||
></iframe>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 查看详细信息话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open2" width="500px" append-to-body>
|
||||
<leaveHistoryForm :businessKey="businessKey" v-if="open2"/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="open2=!open2">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="请假类型" prop="type">
|
||||
<el-select v-model="form.type" placeholder="请选择请假类型" @change="chooseMedicine">
|
||||
<el-option
|
||||
v-for="dict in typeOptions"
|
||||
:key="dict.dictValue"
|
||||
:label="dict.dictLabel"
|
||||
:value="dict.dictValue"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input v-model="form.title"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="原因" prop="reason">
|
||||
<el-input v-model="form.reason" type="textarea" placeholder="请输入内容"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始时间" prop="leaveStartTime">
|
||||
<el-date-picker clearable size="small" style="width: 200px"
|
||||
v-model="form.leaveStartTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择开始时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束时间" prop="leaveEndTime">
|
||||
<el-date-picker clearable size="small" style="width: 200px"
|
||||
v-model="form.leaveEndTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择结束时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
import leaveHistoryForm from "./leaveHistoryForm";
|
||||
import {
|
||||
addLeave,
|
||||
delLeave,
|
||||
exportLeave,
|
||||
getLeave,
|
||||
listLeave,
|
||||
updateLeave
|
||||
} from "@/api/business/workflow/workflow/leave";
|
||||
import {getDefinitionsByInstanceId} from "@/api/business/workflow/activiti/definition";
|
||||
|
||||
export default {
|
||||
name: 'Leave',
|
||||
components: {leaveHistoryForm},
|
||||
data() {
|
||||
return {
|
||||
modelVisible: false,
|
||||
modelerUrl: '',
|
||||
userName: '',
|
||||
createName: '',
|
||||
businessKey: '',
|
||||
//用户信息
|
||||
user: {},
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 请假表格数据
|
||||
leaveList: [],
|
||||
// 弹出层标题
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
open2: false,
|
||||
// 请假类型字典
|
||||
typeOptions: [],
|
||||
// 状态字典
|
||||
stateOptions: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: null,
|
||||
title: null,
|
||||
reason: null,
|
||||
leaveStartTime: null,
|
||||
leaveEndTime: null,
|
||||
instanceId: null,
|
||||
state: null,
|
||||
createBy: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
type: [
|
||||
{required: true, message: '请假类型不能为空', trigger: 'change'}
|
||||
],
|
||||
title: [
|
||||
{required: true, message: '标题不能为空', trigger: 'blur'}
|
||||
],
|
||||
reason: [
|
||||
{required: true, message: '原因不能为空', trigger: 'blur'}
|
||||
],
|
||||
leaveStartTime: [
|
||||
{required: true, message: '开始时间不能为空', trigger: 'blur'}
|
||||
],
|
||||
leaveEndTime: [
|
||||
{required: true, message: '结束时间不能为空', trigger: 'blur'}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
this.getDicts('activiti_leave_type').then(response => {
|
||||
this.typeOptions = response.data
|
||||
})
|
||||
this.getDicts('activiti_flow_type').then(response => {
|
||||
this.stateOptions = response.data
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
/** 查询请假列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listLeave(this.queryParams).then(response => {
|
||||
this.leaveList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 请假类型字典翻译
|
||||
typeFormat(row, column) {
|
||||
return this.selectDictLabel(this.typeOptions, row.type)
|
||||
},
|
||||
// 状态字典翻译
|
||||
stateFormat(row, column) {
|
||||
return this.selectDictLabel(this.stateOptions, row.state)
|
||||
},
|
||||
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
type: null,
|
||||
title: null,
|
||||
reason: null,
|
||||
leaveStartTime: null,
|
||||
leaveEndTime: null,
|
||||
instanceId: null,
|
||||
state: null,
|
||||
createBy: null,
|
||||
createTime: null,
|
||||
updateTime: null
|
||||
}
|
||||
this.resetForm('form')
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.createName = this.$store.getters.nickName
|
||||
if (this.$store.getters.name !== "admin") {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = '添加请假'
|
||||
} else {
|
||||
this.$alert('管理员不能创建流程', '管理员不能创建流程', {
|
||||
confirmButtonText: '确定',
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
getLeave(row.id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = '修改请假'
|
||||
})
|
||||
},
|
||||
/** 审批详情 */
|
||||
historyFory(row) {
|
||||
this.businessKey = row.id
|
||||
this.open2 = true
|
||||
this.title = '审批详情'
|
||||
|
||||
},
|
||||
/** 进度查看 */
|
||||
checkTheSchedule(row) {
|
||||
getDefinitionsByInstanceId(row.instanceId).then(response => {
|
||||
let data = response.data
|
||||
// this.url = '/bpmnjs/index.html?type=lookBpmn&deploymentFileUUID='+data.deploymentID+'&deploymentName='+ encodeURI(data.resourceName);
|
||||
this.modelerUrl = '/bpmnjs/index.html?type=lookBpmn&instanceId=' + row.instanceId + '&deploymentFileUUID=' + data.deploymentID + '&deploymentName=' + encodeURI(data.resourceName);
|
||||
this.modelVisible = true
|
||||
})
|
||||
|
||||
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateLeave(this.form).then(response => {
|
||||
this.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
addLeave(this.form).then(response => {
|
||||
this.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids
|
||||
this.$confirm('是否确认删除请假编号为"' + ids + '"的数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(function () {
|
||||
return delLeave(ids)
|
||||
}).then(() => {
|
||||
this.getList()
|
||||
this.msgSuccess('删除成功')
|
||||
})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
const queryParams = this.queryParams
|
||||
this.$confirm('是否确认导出所有请假数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(function () {
|
||||
return exportLeave(queryParams)
|
||||
}).then(response => {
|
||||
this.download(response.msg)
|
||||
})
|
||||
},
|
||||
chooseMedicine() {
|
||||
this.form.title = this.createName + "的" + this.form.type + "申请";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="请假类型" prop="type">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择请假类型" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in typeOptions"
|
||||
:key="dict.dictValue"
|
||||
:label="dict.dictLabel"
|
||||
:value="dict.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input
|
||||
v-model="queryParams.title"
|
||||
placeholder="请输入标题"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="状态" prop="state">
|
||||
<el-select v-model="queryParams.state" placeholder="请选择状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in stateOptions"
|
||||
:key="dict.dictValue"
|
||||
:label="dict.dictLabel"
|
||||
:value="dict.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="创建者" prop="createBy">-->
|
||||
<!-- <el-select v-model="queryParams.createBy" placeholder="请选择创建者" clearable size="small">-->
|
||||
<!-- <el-option label="请选择字典生成" value="" />-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['workflow:leave:export']"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="leaveList">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<!-- <el-table-column label="主键ID" align="center" prop="id" />-->
|
||||
<el-table-column label="请假类型" align="center" prop="type" :formatter="typeFormat"/>
|
||||
<el-table-column label="标题" align="center" prop="title"/>
|
||||
<el-table-column label="原因" align="center" prop="reason"/>
|
||||
<el-table-column label="开始时间" align="center" prop="leaveStartTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.leaveStartTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" align="center" prop="leaveEndTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.leaveEndTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建人" align="center" prop="createName"/>
|
||||
<el-table-column label="状态" align="center" prop="state" :formatter="stateFormat"/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="historyFory(scope.row)"
|
||||
v-hasPermi="['workflow:leave:edit']"
|
||||
>审批详情
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 查看详细信息话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open2" width="500px" append-to-body>
|
||||
<leaveHistoryForm :businessKey="businessKey" v-if="open2"/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="open2=!open2">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import leaveHistoryForm from "./leaveHistoryForm";
|
||||
import {exportLeave, listLeaveAll} from "@/api/business/workflow/workflow/leave";
|
||||
|
||||
export default {
|
||||
name: 'Leave',
|
||||
components: {leaveHistoryForm},
|
||||
data() {
|
||||
return {
|
||||
businessKey: '',
|
||||
//用户信息
|
||||
user: {},
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 请假表格数据
|
||||
leaveList: [],
|
||||
// 弹出层标题
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
open2: false,
|
||||
// 请假类型字典
|
||||
typeOptions: [],
|
||||
// 状态字典
|
||||
stateOptions: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: null,
|
||||
title: null,
|
||||
reason: null,
|
||||
leaveStartTime: null,
|
||||
leaveEndTime: null,
|
||||
instanceId: null,
|
||||
state: null,
|
||||
createBy: null
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
this.getDicts('activiti_leave_type').then(response => {
|
||||
this.typeOptions = response.data
|
||||
})
|
||||
this.getDicts('activiti_flow_type').then(response => {
|
||||
this.stateOptions = response.data
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
|
||||
/** 查询请假列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listLeaveAll(this.queryParams).then(response => {
|
||||
this.leaveList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 请假类型字典翻译
|
||||
typeFormat(row, column) {
|
||||
return this.selectDictLabel(this.typeOptions, row.type)
|
||||
},
|
||||
// 状态字典翻译
|
||||
stateFormat(row, column) {
|
||||
return this.selectDictLabel(this.stateOptions, row.state)
|
||||
},
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
|
||||
/** 审批详情 */
|
||||
historyFory(row) {
|
||||
|
||||
this.businessKey = row.id
|
||||
this.open2 = true
|
||||
this.title = '审批详情'
|
||||
|
||||
},
|
||||
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
const queryParams = this.queryParams
|
||||
this.$confirm('是否确认导出所有请假数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(function () {
|
||||
return exportLeave(queryParams)
|
||||
}).then(response => {
|
||||
this.download(response.msg)
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,3 @@
|
||||
node_modules/
|
||||
tmp/
|
||||
dist/
|
||||
@ -0,0 +1 @@
|
||||
package-lock=false
|
||||
@ -0,0 +1,140 @@
|
||||
var path = require('path');
|
||||
|
||||
module.exports = function(grunt) {
|
||||
|
||||
require('load-grunt-tasks')(grunt);
|
||||
|
||||
/**
|
||||
* Resolve external project resource as file path
|
||||
*/
|
||||
function resolvePath(project, file) {
|
||||
return path.join(path.dirname(require.resolve(project)), file);
|
||||
}
|
||||
|
||||
|
||||
grunt.initConfig({
|
||||
browserify: {
|
||||
options: {
|
||||
browserifyOptions: {
|
||||
debug: true
|
||||
},
|
||||
transform: [
|
||||
[ 'stringify', {
|
||||
extensions: [ '.bpmn' ]
|
||||
} ]
|
||||
],
|
||||
plugin: [
|
||||
'esmify'
|
||||
]
|
||||
},
|
||||
watch: {
|
||||
options: {
|
||||
watch: true
|
||||
},
|
||||
files: {
|
||||
'dist/index.js': [ 'app/**/*.js' ]
|
||||
}
|
||||
},
|
||||
app: {
|
||||
files: {
|
||||
'dist/index.js': [ 'app/**/*.js' ]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
copy: {
|
||||
diagram_js: {
|
||||
files: [
|
||||
{
|
||||
src: resolvePath('diagram-js', 'assets/diagram-js.css'),
|
||||
dest: 'dist/css/diagram-js.css'
|
||||
}
|
||||
]
|
||||
},
|
||||
bpmn_js: {
|
||||
files: [
|
||||
{
|
||||
expand: true,
|
||||
cwd: resolvePath('bpmn-js', 'dist/assets'),
|
||||
src: ['**/*.*', '!**/*.js'],
|
||||
dest: 'dist/vendor'
|
||||
}
|
||||
]
|
||||
},
|
||||
app: {
|
||||
files: [
|
||||
{
|
||||
expand: true,
|
||||
cwd: 'app/',
|
||||
src: ['**/*.*', '!**/*.js'],
|
||||
dest: 'dist'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
less: {
|
||||
options: {
|
||||
dumpLineNumbers: 'comments',
|
||||
paths: [
|
||||
'node_modules'
|
||||
]
|
||||
},
|
||||
|
||||
styles: {
|
||||
files: {
|
||||
'dist/css/app.css': 'styles/app.less'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
options: {
|
||||
livereload: true
|
||||
},
|
||||
|
||||
samples: {
|
||||
files: [ 'app/**/*.*' ],
|
||||
tasks: [ 'copy:app' ]
|
||||
},
|
||||
|
||||
less: {
|
||||
files: [
|
||||
'styles/**/*.less',
|
||||
'node_modules/bpmn-js-properties-panel/styles/**/*.less'
|
||||
],
|
||||
tasks: [
|
||||
'less'
|
||||
]
|
||||
},
|
||||
},
|
||||
|
||||
connect: {
|
||||
livereload: {
|
||||
options: {
|
||||
port: 9013,
|
||||
livereload: true,
|
||||
hostname: 'localhost',
|
||||
open: true,
|
||||
base: [
|
||||
'dist'
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// tasks
|
||||
|
||||
grunt.registerTask('build', [ 'copy', 'less', 'browserify:app' ]);
|
||||
|
||||
grunt.registerTask('auto-build', [
|
||||
'copy',
|
||||
'less',
|
||||
'browserify:watch',
|
||||
'connect:livereload',
|
||||
'watch'
|
||||
]);
|
||||
|
||||
grunt.registerTask('default', [ 'build' ]);
|
||||
};
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html >
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>在线绘制流程</title>
|
||||
<link rel="icon" href="favicon.ico">
|
||||
<link rel="stylesheet" href="css/diagram-js.css" />
|
||||
<link rel="stylesheet" href="vendor/bpmn-font/css/bpmn-embedded.css" />
|
||||
<link rel="stylesheet" href="css/app.css" />
|
||||
|
||||
<style>
|
||||
.item{
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.bjs-powered-by {
|
||||
display: none;
|
||||
}
|
||||
.buttons > li {
|
||||
/* display: inline-block; */
|
||||
margin-right: 10px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
float: left;
|
||||
}
|
||||
.buttons > li > a.btn {
|
||||
background: #00BCD4;
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0px 10px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
opacity: 1;
|
||||
height: 26px;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.label {
|
||||
background: #00BCD4;
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0px 10px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
height: 26px;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.sy-mask{width:100%;
|
||||
height:100%;
|
||||
position:fixed;
|
||||
background:rgba(0,0,0,0.8);
|
||||
left:0;top:0;z-index:1000;
|
||||
display: none;
|
||||
}
|
||||
.sy-alert{
|
||||
position:fixed;display:none;background:#fff;border-radius:5px;overflow:hidden;width:300px;max-width:90%;max-height:80%;left:0;right:0;margin:0 auto;z-index:9999}.sy-alert.animated{-webkit-animation-duration:.3s;animation-duration:.3s}.sy-alert .sy-title{height:45px;color:#333;line-height:45px;font-size:15px;border-bottom:1px solid #eee;padding:0 12px}.sy-alert .sy-content{padding:20px;text-align:center;font-size:14px;line-height:24px;color:#666;overflow-y:auto}.sy-alert .sy-btn{height:50%;border-top:1px solid #eee;overflow:hidden}.sy-alert .sy-btn button{float:left;border:0;color:#333;cursor:pointer;background:#fff;width:50%;line-height:45px;font-size:15px;text-align:center}.sy-alert .sy-btn button:nth-child(1){color:#888;border-right:1px solid #eee}.sy-alert.sy-alert-alert .sy-btn button{float:none;width:100%}.sy-alert.sy-alert-tips{text-align:center;width:150px;background:rgba(0,0,0,0.7)}.sy-alert.sy-alert-tips .sy-content{padding:8px;color:#fff;font-size:14px}.sy-alert.sy-alert-model .sy-content{text-align:left}.sy-alert.sy-alert-model .sy-content .form .input-item{margin-bottom:12px;position:relative}.sy-alert.sy-alert-model .sy-content .form .input-item input{display:block;position:relative;width:100%;border:1px solid #eee;padding:10px}.sy-alert.sy-alert-model .sy-content .form .input-item .getcode{border:0;top:0;right:0;position:absolute;background:0;line-height:37px;color:#f60;width:100px;text-align:center}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content with-diagram" id="js-drop-zone">
|
||||
<div class="message error">
|
||||
<div class="note">
|
||||
<p>无法显示bpms2.0</p>
|
||||
<div class="details">
|
||||
<span>错误详细信息</span>
|
||||
<pre></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="canvas" id="js-canvas"></div>
|
||||
<div class="properties-panel-parent" id="js-properties-panel"></div>
|
||||
</div>
|
||||
<ul class="buttons">
|
||||
<li class="item upload">
|
||||
<form id="form1" name="myForm" onsubmit="return false" method="post" enctype="multipart/form-data" title="上传文件">
|
||||
<input type="file" name="uploadFile" id="uploadFile" accept=".bpmn" style="display: none">
|
||||
<label class="label" for="uploadFile" >导入</label>
|
||||
</form>
|
||||
</li>
|
||||
<li class="item download">
|
||||
<a class="btn" href id="downloadBpmn">导出</a>
|
||||
</li>
|
||||
<li class="item submit">
|
||||
<a class="btn" id="js-download-diagram">
|
||||
部署
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="sy-alert sy-alert-model animated" sy-enter="zoomIn" sy-leave="zoomOut" sy-type="confirm" sy-mask="true" id="alert" >
|
||||
<div class="sy-title">部署流程</div>
|
||||
<div class="sy-content">
|
||||
确认是否部署该流程
|
||||
<!-- <div class="form">-->
|
||||
<!-- <p class="input-item"><input id="deploymentName" type="text" placeholder="请输入流程名称"></p>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="sy-btn">
|
||||
<button id="sure">确定</button>
|
||||
<button class="cancel" >取消</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sy-mask cancel"></div>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,146 @@
|
||||
|
||||
import $ from 'jquery';
|
||||
import BpmnModeler from 'bpmn-js/lib/Modeler';
|
||||
//import propertiesPanelModule from '../resources/properties-panel';
|
||||
import propertiesPanelModule from 'bpmn-js-properties-panel';
|
||||
import propertiesProviderModule from '../resources/properties-panel/provider/activiti';
|
||||
import activitiModdleDescriptor from '../resources/activiti.json';
|
||||
import customTranslate from '../resources/customTranslate/customTranslate';
|
||||
import customControlsModule from '../resources/customControls';
|
||||
import tools from '../resources/tools'
|
||||
import diagramXML from '../resources/newDiagram.bpmn';
|
||||
const proHost = window.location.protocol + "//" + window.location.host;
|
||||
const href = window.location.href.split("bpmnjs")[0];
|
||||
const key = href.split(window.location.host)[1];
|
||||
const publicurl = proHost + key;
|
||||
|
||||
// 添加翻译组件
|
||||
var customTranslateModule = {
|
||||
translate: ['value', customTranslate]
|
||||
};
|
||||
var container = $('#js-drop-zone');
|
||||
var canvas = $('#js-canvas');
|
||||
var bpmnModeler = new BpmnModeler({
|
||||
container: canvas,
|
||||
propertiesPanel: {
|
||||
parent: '#js-properties-panel'
|
||||
},
|
||||
additionalModules: [
|
||||
propertiesPanelModule,
|
||||
propertiesProviderModule,
|
||||
customControlsModule,
|
||||
customTranslateModule
|
||||
],
|
||||
moddleExtensions: {
|
||||
activiti:activitiModdleDescriptor
|
||||
}
|
||||
});
|
||||
container.removeClass('with-diagram');
|
||||
// 判断浏览器支持程度
|
||||
if (!window.FileList || !window.FileReader) {
|
||||
window.alert('请使用谷歌、火狐、IE10+浏览器');
|
||||
} else {
|
||||
tools.registerFileDrop(container, tools.createDiagram(diagramXML, bpmnModeler, container));
|
||||
}
|
||||
|
||||
|
||||
$(function () {
|
||||
// 创建bpmn
|
||||
var param = tools.getUrlParam(window.location.href)
|
||||
$('.item').show()
|
||||
if (param.type === 'addBpmn') {
|
||||
tools.createDiagram(diagramXML, bpmnModeler, container);
|
||||
} else if (param.type === 'lookBpmn') { //编辑bpmn
|
||||
$('.item').hide()
|
||||
$('.download').show()
|
||||
const Id = param.deploymentFileUUID || '6d4af2dc-bab0-11ea-b584-3cf011eaafca'
|
||||
const Name=param.deploymentName || 'String.bpmn'
|
||||
const instanceId=param.instanceId
|
||||
var param={
|
||||
"deploymentId":Id,
|
||||
"resourceName":decodeURI(Name)
|
||||
}
|
||||
if(instanceId){
|
||||
var param1={
|
||||
instanceId
|
||||
}
|
||||
$.ajax({
|
||||
url: localStorage.getItem("VUE_APP_BASE_API")+'/activitiHistory/gethighLine',
|
||||
// url: 'http://localhost:8080/activitiHistory/gethighLine',
|
||||
type: 'GET',
|
||||
data: param1,
|
||||
dataType:'json',
|
||||
success: function (result) {
|
||||
console.log(result)
|
||||
var ColorJson=tools.getByColor(result.data)
|
||||
$.ajax({
|
||||
url: localStorage.getItem("VUE_APP_BASE_API")+'/processDefinition/getDefinitionXML',
|
||||
// url: 'http://localhost:8080/processDefinition/getDefinitionXML',
|
||||
type: 'GET',
|
||||
data: param,
|
||||
dataType:'text',
|
||||
success: function (result) {
|
||||
var newXmlData = result
|
||||
tools.createDiagram(newXmlData, bpmnModeler, container);
|
||||
setTimeout(function () {
|
||||
for (var i in ColorJson) {
|
||||
tools.setColor(ColorJson[i],bpmnModeler)
|
||||
}
|
||||
}, 200)
|
||||
},
|
||||
error: function (err) {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
},
|
||||
error: function (err) {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
}else{
|
||||
//加载后台方法获取xml
|
||||
$.ajax({
|
||||
url: localStorage.getItem("VUE_APP_BASE_API")+'/processDefinition/getDefinitionXML',
|
||||
// url: 'http://localhost:8080/processDefinition/getDefinitionXML',
|
||||
type: 'GET',
|
||||
data: param,
|
||||
dataType:'text',
|
||||
success: function (result) {
|
||||
var newXmlData = result
|
||||
tools.createDiagram(newXmlData, bpmnModeler, container);
|
||||
},
|
||||
error: function (err) {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(param.type === "historyBpmn") { // bpmn历史
|
||||
$('.item').hide()
|
||||
$('.download').show()
|
||||
}
|
||||
// 点击新增
|
||||
$('#js-download-diagram').on("click", function () {
|
||||
tools.syopen('alert')
|
||||
})
|
||||
|
||||
// 点击取消
|
||||
$('.cancel').on("click",function () {
|
||||
tools.syhide('alert')
|
||||
})
|
||||
// 点击确定
|
||||
$('#sure').on('click',function(){
|
||||
// const text=$("#deploymentName").val()
|
||||
tools.saveBpmn(bpmnModeler)
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 点击下载
|
||||
$("#downloadBpmn").on("click", function () {
|
||||
tools.downLoad(bpmnModeler)
|
||||
})
|
||||
// 点击上传
|
||||
$("#uploadFile").on("change", function () {
|
||||
tools.upload(bpmnModeler,container)
|
||||
})
|
||||
});
|
||||
@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "bpmn-js-example-properties-panel",
|
||||
"version": "0.0.0",
|
||||
"description": "A bpmn-js modeler + properties panel example",
|
||||
"main": "app/index.js",
|
||||
"scripts": {
|
||||
"all": "grunt",
|
||||
"dev": "grunt auto-build"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/bpmn-io/bpmn-js-examples"
|
||||
},
|
||||
"keywords": [
|
||||
"bpmnjs-example"
|
||||
],
|
||||
"author": {
|
||||
"name": "Nico Rehwaldt",
|
||||
"url": "https://github.com/nikku"
|
||||
},
|
||||
"contributors": [
|
||||
{
|
||||
"name": "bpmn.io contributors",
|
||||
"url": "https://github.com/bpmn-io"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"esmify": "^2.1.1",
|
||||
"grunt": "^1.0.4",
|
||||
"grunt-browserify": "^5.3.0",
|
||||
"grunt-contrib-connect": "^2.0.0",
|
||||
"grunt-contrib-copy": "^1.0.0",
|
||||
"grunt-contrib-less": "^2.0.0",
|
||||
"grunt-contrib-watch": "^1.1.0",
|
||||
"load-grunt-tasks": "^5.0.0",
|
||||
"stringify": "^5.2.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"bpmn-js": "^7.0.0",
|
||||
"bpmn-js-properties-panel": "^0.32.0",
|
||||
"camunda-bpmn-moddle": "^4.0.1",
|
||||
"diagram-js": "^5.0.0",
|
||||
"jquery": "^3.4.1",
|
||||
"min-dash": "^3.5.0",
|
||||
"x2js": "^3.4.0"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,76 @@
|
||||
export default class CustomContextPad {
|
||||
constructor(config, contextPad, create, elementFactory, injector, translate) {
|
||||
this.create = create;
|
||||
this.elementFactory = elementFactory;
|
||||
this.translate = translate;
|
||||
//自动摆放位置
|
||||
if (config.autoPlace !== false) {
|
||||
this.autoPlace = injector.get('autoPlace', false);
|
||||
}
|
||||
//注册工具
|
||||
contextPad.registerProvider(this);
|
||||
}
|
||||
getContextPadEntries(element) {
|
||||
const {
|
||||
autoPlace,
|
||||
create,
|
||||
elementFactory,
|
||||
translate
|
||||
} = this;
|
||||
|
||||
function appendUserTask(event, element) {
|
||||
if (autoPlace) {
|
||||
const shape = elementFactory.createShape({ type: 'bpmn:UserTask' });
|
||||
autoPlace.append(element, shape);
|
||||
} else {
|
||||
appendUserTaskStart(event, element);
|
||||
}
|
||||
}
|
||||
|
||||
function appendUserTaskStart(event) {
|
||||
const shape = elementFactory.createShape({ type: 'bpmn:UserTask' });
|
||||
create.start(event, shape, element);
|
||||
}
|
||||
function appendCallActivityStart(event) {
|
||||
const shape = elementFactory.createShape({ type: 'bpmn:CallActivity' });
|
||||
create.start(event, shape, element);
|
||||
}
|
||||
|
||||
function appendCallActivity(event, element) {
|
||||
if (autoPlace) {
|
||||
const shape = elementFactory.createShape({ type: 'bpmn:CallActivity' });
|
||||
autoPlace.append(element, shape);
|
||||
} else {
|
||||
appendCallActivityStart(event, element);
|
||||
}
|
||||
}
|
||||
return {
|
||||
'append.user-task': {
|
||||
group: 'model',
|
||||
className: 'bpmn-icon-user-task',
|
||||
title: translate('Append ServiceTask'),
|
||||
action: {
|
||||
click: appendUserTask,
|
||||
dragstart: appendUserTaskStart
|
||||
}
|
||||
},
|
||||
'append.call-activity':{
|
||||
group: 'model',
|
||||
className: 'bpmn-icon-call-activity',
|
||||
title: translate('Append CallActivity'),
|
||||
action: {
|
||||
click: appendCallActivity,
|
||||
dragstart: appendCallActivityStart
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
CustomContextPad.$inject = [
|
||||
'config',
|
||||
'contextPad',
|
||||
'create',
|
||||
'elementFactory',
|
||||
'injector',
|
||||
'translate'
|
||||
];
|
||||
@ -0,0 +1,54 @@
|
||||
export default class CustomPalette {
|
||||
constructor(create, elementFactory, palette, translate) {
|
||||
this.create = create;
|
||||
this.elementFactory = elementFactory;
|
||||
this.translate = translate;
|
||||
palette.registerProvider(this);
|
||||
}
|
||||
|
||||
getPaletteEntries(element) {
|
||||
const {
|
||||
create,
|
||||
elementFactory,
|
||||
translate
|
||||
} = this;
|
||||
|
||||
function createServiceTask(event) {
|
||||
const shape = elementFactory.createShape({ type: 'bpmn:UserTask' });
|
||||
create.start(event, shape);
|
||||
}
|
||||
function createCallActivity(event) {
|
||||
const shape = elementFactory.createShape({ type: 'bpmn:CallActivity' });
|
||||
create.start(event, shape);
|
||||
}
|
||||
|
||||
|
||||
return {
|
||||
'create.user-task': {
|
||||
group: 'activity',
|
||||
className: 'bpmn-icon-user-task',
|
||||
title: translate('Create UserTask'),
|
||||
action: {
|
||||
dragstart: createServiceTask,
|
||||
click: createServiceTask
|
||||
}
|
||||
},
|
||||
'create.call-activity': {
|
||||
group: 'activity',
|
||||
className: 'bpmn-icon-call-activity',
|
||||
title: translate('Create CallActivity'),
|
||||
action: {
|
||||
dragstart: createCallActivity,
|
||||
click: createCallActivity
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
CustomPalette.$inject = [
|
||||
'create',
|
||||
'elementFactory',
|
||||
'palette',
|
||||
'translate'
|
||||
];
|
||||
@ -0,0 +1,8 @@
|
||||
import CustomContextPad from './CustomContextPad';
|
||||
import CustomPalette from './CustomPalette';
|
||||
|
||||
export default {
|
||||
__init__: [ 'customContextPad', 'customPalette' ],
|
||||
customContextPad: [ 'type', CustomContextPad ],
|
||||
customPalette: [ 'type', CustomPalette ]
|
||||
};
|
||||
@ -0,0 +1,12 @@
|
||||
import translations from './translationsGerman';
|
||||
export default function customTranslate(template, replacements) {
|
||||
replacements = replacements || {};
|
||||
template = translations[template] || template;
|
||||
return template.replace(/{([^}]+)}/g, function(_, key) {
|
||||
var str = replacements[key];
|
||||
if(translations[replacements[key]] != null && translations [replacements[key]] != 'undefined'){
|
||||
str = translations[replacements[key]];
|
||||
}
|
||||
return str || '{' + key + '}';
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd" id="sample-diagram" targetNamespace="http://activiti.org/bpmn">
|
||||
<bpmn2:process id="Process_1" isExecutable="true">
|
||||
<bpmn2:startEvent id="StartEvent_1"/>
|
||||
</bpmn2:process>
|
||||
<bpmndi:BPMNDiagram id="BPMNDiagram_1">
|
||||
<bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1">
|
||||
<bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
|
||||
<dc:Bounds height="36.0" width="36.0" x="412.0" y="240.0"/>
|
||||
</bpmndi:BPMNShape>
|
||||
</bpmndi:BPMNPlane>
|
||||
</bpmndi:BPMNDiagram>
|
||||
</bpmn2:definitions>
|
||||
@ -0,0 +1,67 @@
|
||||
'use strict';
|
||||
|
||||
var DEFAULT_PRIORITY = 1000;
|
||||
|
||||
|
||||
/**
|
||||
* A component that decides upon the visibility / editable
|
||||
* state of properties in the properties panel.
|
||||
*
|
||||
* Implementors must subclass this component and override
|
||||
* {@link PropertiesActivator#isEntryVisible} and
|
||||
* {@link PropertiesActivator#isPropertyEditable} to provide
|
||||
* custom behavior.
|
||||
*
|
||||
* @class
|
||||
* @constructor
|
||||
*
|
||||
* @param {EventBus} eventBus
|
||||
* @param {Number} [priority] at which priority to hook into the activation
|
||||
*/
|
||||
function PropertiesActivator(eventBus, priority) {
|
||||
var self = this;
|
||||
|
||||
priority = priority || DEFAULT_PRIORITY;
|
||||
|
||||
eventBus.on('propertiesPanel.isEntryVisible', priority, function(e) {
|
||||
return self.isEntryVisible(e.entry, e.element);
|
||||
});
|
||||
|
||||
eventBus.on('propertiesPanel.isPropertyEditable', priority, function(e) {
|
||||
return self.isPropertyEditable(e.entry, e.propertyName, e.element);
|
||||
});
|
||||
}
|
||||
|
||||
PropertiesActivator.$inject = [ 'eventBus' ];
|
||||
|
||||
module.exports = PropertiesActivator;
|
||||
|
||||
|
||||
/**
|
||||
* Should the given entry be visible for the specified element.
|
||||
*
|
||||
* @method PropertiesActivator#isEntryVisible
|
||||
*
|
||||
* @param {EntryDescriptor} entry
|
||||
* @param {ModdleElement} element
|
||||
*
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
PropertiesActivator.prototype.isEntryVisible = function(entry, element) {
|
||||
return true;
|
||||
};
|
||||
|
||||
/**
|
||||
* Should the given property be editable for the specified element
|
||||
*
|
||||
* @method PropertiesActivator#isPropertyEditable
|
||||
*
|
||||
* @param {EntryDescriptor} entry
|
||||
* @param {String} propertyName
|
||||
* @param {ModdleElement} element
|
||||
*
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
PropertiesActivator.prototype.isPropertyEditable = function(entry, propertyName, element) {
|
||||
return true;
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,252 @@
|
||||
'use strict';
|
||||
|
||||
var domQuery = require('min-dom').query,
|
||||
domClear = require('min-dom').clear,
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
forEach = require('lodash/forEach'),
|
||||
domify = require('min-dom').domify,
|
||||
Ids = require('ids').default;
|
||||
|
||||
var SPACE_REGEX = /\s/;
|
||||
|
||||
// for QName validation as per http://www.w3.org/TR/REC-xml/#NT-NameChar
|
||||
var QNAME_REGEX = /^([a-z][\w-.]*:)?[a-z_][\w-.]*$/i;
|
||||
|
||||
// for ID validation as per BPMN Schema (QName - Namespace)
|
||||
var ID_REGEX = /^[a-z_][\w-.]*$/i;
|
||||
|
||||
var PLACEHOLDER_REGEX = /\$\{([^}]*)\}/g;
|
||||
|
||||
var HTML_ESCAPE_MAP = {
|
||||
'&': '&',
|
||||
'<': '<',
|
||||
'>': '>',
|
||||
'"': '"',
|
||||
'\'': '''
|
||||
};
|
||||
|
||||
function selectedOption(selectBox) {
|
||||
if (selectBox.selectedIndex >= 0) {
|
||||
return selectBox.options[selectBox.selectedIndex].value;
|
||||
}
|
||||
}
|
||||
|
||||
module.exports.selectedOption = selectedOption;
|
||||
|
||||
|
||||
function selectedType(elementSyntax, inputNode) {
|
||||
var typeSelect = domQuery(elementSyntax, inputNode);
|
||||
return selectedOption(typeSelect);
|
||||
}
|
||||
|
||||
module.exports.selectedType = selectedType;
|
||||
|
||||
|
||||
/**
|
||||
* Retrieve the root element the document this
|
||||
* business object is contained in.
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function getRoot(businessObject) {
|
||||
var parent = businessObject;
|
||||
while (parent.$parent) {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
}
|
||||
|
||||
module.exports.getRoot = getRoot;
|
||||
|
||||
|
||||
/**
|
||||
* filters all elements in the list which have a given type.
|
||||
* removes a new list
|
||||
*/
|
||||
function filterElementsByType(objectList, type) {
|
||||
var list = objectList || [];
|
||||
var result = [];
|
||||
forEach(list, function(obj) {
|
||||
if (is(obj, type)) {
|
||||
result.push(obj);
|
||||
}
|
||||
});
|
||||
return result;
|
||||
}
|
||||
|
||||
module.exports.filterElementsByType = filterElementsByType;
|
||||
|
||||
|
||||
function findRootElementsByType(businessObject, referencedType) {
|
||||
var root = getRoot(businessObject);
|
||||
|
||||
return filterElementsByType(root.rootElements, referencedType);
|
||||
}
|
||||
|
||||
module.exports.findRootElementsByType = findRootElementsByType;
|
||||
|
||||
|
||||
function removeAllChildren(domElement) {
|
||||
while (domElement.firstChild) {
|
||||
domElement.removeChild(domElement.firstChild);
|
||||
}
|
||||
}
|
||||
|
||||
module.exports.removeAllChildren = removeAllChildren;
|
||||
|
||||
|
||||
/**
|
||||
* adds an empty option to the list
|
||||
*/
|
||||
function addEmptyParameter(list) {
|
||||
return list.push({ 'label': '', 'value': '', 'name': '' });
|
||||
}
|
||||
|
||||
module.exports.addEmptyParameter = addEmptyParameter;
|
||||
|
||||
|
||||
/**
|
||||
* returns a list with all root elements for the given parameter 'referencedType'
|
||||
*/
|
||||
function refreshOptionsModel(businessObject, referencedType) {
|
||||
var model = [];
|
||||
var referableObjects = findRootElementsByType(businessObject, referencedType);
|
||||
forEach(referableObjects, function(obj) {
|
||||
model.push({
|
||||
label: (obj.name || '') + ' (id='+obj.id+')',
|
||||
value: obj.id,
|
||||
name: obj.name
|
||||
});
|
||||
});
|
||||
return model;
|
||||
}
|
||||
|
||||
module.exports.refreshOptionsModel = refreshOptionsModel;
|
||||
|
||||
|
||||
/**
|
||||
* fills the drop down with options
|
||||
*/
|
||||
function updateOptionsDropDown(domSelector, businessObject, referencedType, entryNode) {
|
||||
var options = refreshOptionsModel(businessObject, referencedType);
|
||||
addEmptyParameter(options);
|
||||
var selectBox = domQuery(domSelector, entryNode);
|
||||
domClear(selectBox);
|
||||
|
||||
forEach(options, function(option) {
|
||||
var optionEntry = domify('<option value="' + escapeHTML(option.value) + '">' + escapeHTML(option.label) + '</option>');
|
||||
selectBox.appendChild(optionEntry);
|
||||
});
|
||||
return options;
|
||||
}
|
||||
|
||||
module.exports.updateOptionsDropDown = updateOptionsDropDown;
|
||||
|
||||
|
||||
/**
|
||||
* checks whether the id value is valid
|
||||
*
|
||||
* @param {ModdleElement} bo
|
||||
* @param {String} idValue
|
||||
* @param {Function} translate
|
||||
*
|
||||
* @return {String} error message
|
||||
*/
|
||||
function isIdValid(bo, idValue, translate) {
|
||||
var assigned = bo.$model.ids.assigned(idValue);
|
||||
|
||||
var idExists = assigned && assigned !== bo;
|
||||
|
||||
if (!idValue || idExists) {
|
||||
return translate('Element must have an unique id.');
|
||||
}
|
||||
|
||||
return validateId(idValue, translate);
|
||||
}
|
||||
|
||||
module.exports.isIdValid = isIdValid;
|
||||
|
||||
|
||||
function validateId(idValue, translate) {
|
||||
|
||||
idValue = stripPlaceholders(idValue);
|
||||
|
||||
if (containsSpace(idValue)) {
|
||||
return translate('Id must not contain spaces.');
|
||||
}
|
||||
|
||||
if (!ID_REGEX.test(idValue)) {
|
||||
|
||||
if (QNAME_REGEX.test(idValue)) {
|
||||
return translate('Id must not contain prefix.');
|
||||
}
|
||||
|
||||
return translate('Id must be a valid QName.');
|
||||
}
|
||||
}
|
||||
|
||||
module.exports.validateId = validateId;
|
||||
|
||||
|
||||
function containsSpace(value) {
|
||||
return SPACE_REGEX.test(value);
|
||||
}
|
||||
|
||||
module.exports.containsSpace = containsSpace;
|
||||
|
||||
|
||||
function stripPlaceholders(idValue) {
|
||||
|
||||
// replace expression e.g. ${VERSION_TAG}
|
||||
// use only the content between ${}
|
||||
// for the REGEX check
|
||||
return idValue.replace(PLACEHOLDER_REGEX, '$1');
|
||||
}
|
||||
|
||||
/**
|
||||
* generate a semantic id with given prefix
|
||||
*/
|
||||
function nextId(prefix) {
|
||||
var ids = new Ids([32,32,1]);
|
||||
|
||||
return ids.nextPrefixed(prefix);
|
||||
}
|
||||
|
||||
module.exports.nextId = nextId;
|
||||
|
||||
|
||||
function triggerClickEvent(element) {
|
||||
var evt;
|
||||
var eventType = 'click';
|
||||
|
||||
if (document.createEvent) {
|
||||
try {
|
||||
// Chrome, Safari, Firefox
|
||||
evt = new MouseEvent((eventType), { view: window, bubbles: true, cancelable: true });
|
||||
} catch (e) {
|
||||
// IE 11, PhantomJS (wat!)
|
||||
evt = document.createEvent('MouseEvent');
|
||||
|
||||
evt.initEvent((eventType), true, true);
|
||||
}
|
||||
return element.dispatchEvent(evt);
|
||||
} else {
|
||||
// Welcome IE
|
||||
evt = document.createEventObject();
|
||||
|
||||
return element.fireEvent('on' + eventType, evt);
|
||||
}
|
||||
}
|
||||
|
||||
module.exports.triggerClickEvent = triggerClickEvent;
|
||||
|
||||
|
||||
function escapeHTML(str) {
|
||||
str = '' + str;
|
||||
|
||||
return str && str.replace(/[&<>"']/g, function(match) {
|
||||
return HTML_ESCAPE_MAP[match];
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.escapeHTML = escapeHTML;
|
||||
@ -0,0 +1,101 @@
|
||||
'use strict';
|
||||
|
||||
var elementHelper = require('../helper/ElementHelper');
|
||||
|
||||
/**
|
||||
* A handler capable of creating a new element under a provided parent
|
||||
* and updating / creating a reference to it in one atomic action.
|
||||
*
|
||||
* @class
|
||||
* @constructor
|
||||
*/
|
||||
function CreateAndReferenceElementHandler(elementRegistry, bpmnFactory) {
|
||||
this._elementRegistry = elementRegistry;
|
||||
this._bpmnFactory = bpmnFactory;
|
||||
}
|
||||
|
||||
CreateAndReferenceElementHandler.$inject = [ 'elementRegistry', 'bpmnFactory' ];
|
||||
|
||||
module.exports = CreateAndReferenceElementHandler;
|
||||
|
||||
|
||||
// api ////////////////////
|
||||
|
||||
/**
|
||||
* Creates a new element under a provided parent and updates / creates a reference to it in
|
||||
* one atomic action.
|
||||
*
|
||||
* @method CreateAndReferenceElementHandler#execute
|
||||
*
|
||||
* @param {Object} context
|
||||
* @param {djs.model.Base} context.element which is the context for the reference
|
||||
* @param {moddle.referencingObject} context.referencingObject the object which creates the reference
|
||||
* @param {String} context.referenceProperty the property of the referencingObject which makes the reference
|
||||
* @param {moddle.newObject} context.newObject the new object to add
|
||||
* @param {moddle.newObjectContainer} context.newObjectContainer the container for the new object
|
||||
*
|
||||
* @returns {Array<djs.mode.Base>} the updated element
|
||||
*/
|
||||
CreateAndReferenceElementHandler.prototype.execute = function(context) {
|
||||
|
||||
var referencingObject = ensureNotNull(context.referencingObject, 'referencingObject'),
|
||||
referenceProperty = ensureNotNull(context.referenceProperty, 'referenceProperty'),
|
||||
newObject = ensureNotNull(context.newObject, 'newObject'),
|
||||
newObjectContainer = ensureNotNull(context.newObjectContainer, 'newObjectContainer'),
|
||||
newObjectParent = ensureNotNull(context.newObjectParent, 'newObjectParent'),
|
||||
changed = [ context.element ]; // this will not change any diagram-js elements
|
||||
|
||||
// create new object
|
||||
var referencedObject = elementHelper
|
||||
.createElement(newObject.type, newObject.properties, newObjectParent, this._bpmnFactory);
|
||||
context.referencedObject = referencedObject;
|
||||
|
||||
// add to containing list
|
||||
newObjectContainer.push(referencedObject);
|
||||
|
||||
// adjust reference attribute
|
||||
context.previousReference = referencingObject[referenceProperty];
|
||||
referencingObject[referenceProperty] = referencedObject;
|
||||
|
||||
context.changed = changed;
|
||||
|
||||
// indicate changed on objects affected by the update
|
||||
return changed;
|
||||
};
|
||||
|
||||
/**
|
||||
* Reverts the update
|
||||
*
|
||||
* @method CreateAndReferenceElementHandler#revert
|
||||
*
|
||||
* @param {Object} context
|
||||
*
|
||||
* @returns {djs.mode.Base} the updated element
|
||||
*/
|
||||
CreateAndReferenceElementHandler.prototype.revert = function(context) {
|
||||
|
||||
var referencingObject = context.referencingObject,
|
||||
referenceProperty = context.referenceProperty,
|
||||
previousReference = context.previousReference,
|
||||
referencedObject = context.referencedObject,
|
||||
newObjectContainer = context.newObjectContainer;
|
||||
|
||||
// reset reference
|
||||
referencingObject.set(referenceProperty, previousReference);
|
||||
|
||||
// remove new element
|
||||
newObjectContainer.splice(newObjectContainer.indexOf(referencedObject), 1);
|
||||
|
||||
return context.changed;
|
||||
};
|
||||
|
||||
|
||||
|
||||
// helpers //////////////
|
||||
|
||||
function ensureNotNull(prop, name) {
|
||||
if (!prop) {
|
||||
throw new Error(name + ' required');
|
||||
}
|
||||
return prop;
|
||||
}
|
||||
@ -0,0 +1,110 @@
|
||||
'use strict';
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
var elementHelper = require('../helper/ElementHelper');
|
||||
|
||||
/**
|
||||
* A handler that implements a BPMN 2.0 property update
|
||||
* for business objects which are not represented in the
|
||||
* diagram.
|
||||
*
|
||||
* This is useful in the context of the properties panel in
|
||||
* order to update child elements of elements visible in
|
||||
* the diagram.
|
||||
*
|
||||
* Example: perform an update of a specific event definition
|
||||
* of an intermediate event.
|
||||
*
|
||||
* @class
|
||||
* @constructor
|
||||
*/
|
||||
function CreateBusinessObjectListHandler(elementRegistry, bpmnFactory) {
|
||||
this._elementRegistry = elementRegistry;
|
||||
this._bpmnFactory = bpmnFactory;
|
||||
}
|
||||
|
||||
CreateBusinessObjectListHandler.$inject = [ 'elementRegistry', 'bpmnFactory' ];
|
||||
|
||||
module.exports = CreateBusinessObjectListHandler;
|
||||
|
||||
function ensureNotNull(prop, name) {
|
||||
if (!prop) {
|
||||
throw new Error(name + ' required');
|
||||
}
|
||||
return prop;
|
||||
|
||||
}
|
||||
function ensureList(prop, name) {
|
||||
if (!prop || Object.prototype.toString.call(prop) !== '[object Array]') {
|
||||
throw new Error(name + ' needs to be a list');
|
||||
}
|
||||
return prop;
|
||||
}
|
||||
|
||||
// api /////////////////////////////////////////////
|
||||
|
||||
/**
|
||||
* Creates a new element under a provided parent and updates / creates a reference to it in
|
||||
* one atomic action.
|
||||
*
|
||||
* @method CreateBusinessObjectListHandler#execute
|
||||
*
|
||||
* @param {Object} context
|
||||
* @param {djs.model.Base} context.element which is the context for the reference
|
||||
* @param {moddle.referencingObject} context.referencingObject the object which creates the reference
|
||||
* @param {String} context.referenceProperty the property of the referencingObject which makes the reference
|
||||
* @param {moddle.newObject} context.newObject the new object to add
|
||||
* @param {moddle.newObjectContainer} context.newObjectContainer the container for the new object
|
||||
*
|
||||
* @return {Array<djs.mode.Base>} the updated element
|
||||
*/
|
||||
CreateBusinessObjectListHandler.prototype.execute = function(context) {
|
||||
|
||||
var currentObject = ensureNotNull(context.currentObject, 'currentObject'),
|
||||
propertyName = ensureNotNull(context.propertyName, 'propertyName'),
|
||||
newObjects = ensureList(context.newObjects, 'newObjects'),
|
||||
changed = [ context.element ]; // this will not change any diagram-js elements
|
||||
|
||||
|
||||
var childObjects = [];
|
||||
var self = this;
|
||||
|
||||
// create new array of business objects
|
||||
forEach(newObjects, function(obj) {
|
||||
var element = elementHelper.createElement(obj.type, obj.properties, currentObject, self._bpmnFactory);
|
||||
|
||||
childObjects.push(element);
|
||||
});
|
||||
context.childObject = childObjects;
|
||||
|
||||
// adjust array reference in the parent business object
|
||||
context.previousChilds = currentObject[propertyName];
|
||||
currentObject[propertyName] = childObjects;
|
||||
|
||||
context.changed = changed;
|
||||
|
||||
// indicate changed on objects affected by the update
|
||||
return changed;
|
||||
};
|
||||
|
||||
/**
|
||||
* Reverts the update
|
||||
*
|
||||
* @method CreateBusinessObjectListHandler#revert
|
||||
*
|
||||
* @param {Object} context
|
||||
*
|
||||
* @return {djs.mode.Base} the updated element
|
||||
*/
|
||||
CreateBusinessObjectListHandler.prototype.revert = function(context) {
|
||||
|
||||
var currentObject = context.currentObject,
|
||||
propertyName = context.propertyName,
|
||||
previousChilds = context.previousChilds;
|
||||
|
||||
// remove new element
|
||||
currentObject.set(propertyName, previousChilds);
|
||||
|
||||
return context.changed;
|
||||
};
|
||||
@ -0,0 +1,32 @@
|
||||
'use strict';
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
/**
|
||||
* A handler that combines and executes multiple commands.
|
||||
*
|
||||
* All updates are bundled on the command stack and executed in one step.
|
||||
* This also makes it possible to revert the changes in one step.
|
||||
*
|
||||
* Example use case: remove the camunda:formKey attribute and in addition
|
||||
* add all form fields needed for the camunda:formData property.
|
||||
*
|
||||
* @class
|
||||
* @constructor
|
||||
*/
|
||||
function MultiCommandHandler(commandStack) {
|
||||
this._commandStack = commandStack;
|
||||
}
|
||||
|
||||
MultiCommandHandler.$inject = [ 'commandStack' ];
|
||||
|
||||
module.exports = MultiCommandHandler;
|
||||
|
||||
MultiCommandHandler.prototype.preExecute = function(context) {
|
||||
|
||||
var commandStack = this._commandStack;
|
||||
|
||||
forEach(context, function(command) {
|
||||
commandStack.execute(command.cmd, command.context);
|
||||
});
|
||||
};
|
||||
@ -0,0 +1,131 @@
|
||||
'use strict';
|
||||
|
||||
var reduce = require('lodash/transform'),
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
keys = require('lodash/keys'),
|
||||
forEach = require('lodash/forEach');
|
||||
|
||||
/**
|
||||
* A handler that implements a BPMN 2.0 property update
|
||||
* for business objects which are not represented in the
|
||||
* diagram.
|
||||
*
|
||||
* This is useful in the context of the properties panel in
|
||||
* order to update child elements of elements visible in
|
||||
* the diagram.
|
||||
*
|
||||
* Example: perform an update of a specific event definition
|
||||
* of an intermediate event.
|
||||
*
|
||||
* @class
|
||||
* @constructor
|
||||
*/
|
||||
function UpdateBusinessObjectHandler(elementRegistry) {
|
||||
this._elementRegistry = elementRegistry;
|
||||
}
|
||||
|
||||
UpdateBusinessObjectHandler.$inject = [ 'elementRegistry' ];
|
||||
|
||||
module.exports = UpdateBusinessObjectHandler;
|
||||
|
||||
/**
|
||||
* returns the root element
|
||||
*/
|
||||
function getRoot(businessObject) {
|
||||
var parent = businessObject;
|
||||
while (parent.$parent) {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
}
|
||||
|
||||
function getProperties(businessObject, propertyNames) {
|
||||
return reduce(propertyNames, function(result, key) {
|
||||
result[key] = businessObject.get(key);
|
||||
return result;
|
||||
}, {});
|
||||
}
|
||||
|
||||
|
||||
function setProperties(businessObject, properties) {
|
||||
forEach(properties, function(value, key) {
|
||||
businessObject.set(key, value);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// api /////////////////////////////////////////////
|
||||
|
||||
/**
|
||||
* Updates a business object with a list of new properties
|
||||
*
|
||||
* @method UpdateBusinessObjectHandler#execute
|
||||
*
|
||||
* @param {Object} context
|
||||
* @param {djs.model.Base} context.element the element which has a child business object updated
|
||||
* @param {moddle.businessObject} context.businessObject the businessObject to update
|
||||
* @param {Object} context.properties a list of properties to set on the businessObject
|
||||
*
|
||||
* @return {Array<djs.mode.Base>} the updated element
|
||||
*/
|
||||
UpdateBusinessObjectHandler.prototype.execute = function(context) {
|
||||
|
||||
var element = context.element,
|
||||
businessObject = context.businessObject,
|
||||
rootElements = getRoot(businessObject).rootElements,
|
||||
referenceType = context.referenceType,
|
||||
referenceProperty = context.referenceProperty,
|
||||
changed = [ element ]; // this will not change any diagram-js elements
|
||||
|
||||
if (!element) {
|
||||
throw new Error('element required');
|
||||
}
|
||||
|
||||
if (!businessObject) {
|
||||
throw new Error('businessObject required');
|
||||
}
|
||||
|
||||
var properties = context.properties,
|
||||
oldProperties = context.oldProperties || getProperties(businessObject, keys(properties));
|
||||
|
||||
// check if there the update needs an external element for reference
|
||||
if (typeof referenceType !== 'undefined' && typeof referenceProperty !== 'undefined') {
|
||||
forEach(rootElements, function(rootElement) {
|
||||
if (is(rootElement, referenceType)) {
|
||||
if (rootElement.id === properties[referenceProperty]) {
|
||||
properties[referenceProperty] = rootElement;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// update properties
|
||||
setProperties(businessObject, properties);
|
||||
|
||||
// store old values
|
||||
context.oldProperties = oldProperties;
|
||||
context.changed = changed;
|
||||
|
||||
// indicate changed on objects affected by the update
|
||||
return changed;
|
||||
};
|
||||
|
||||
/**
|
||||
* Reverts the update
|
||||
*
|
||||
* @method UpdateBusinessObjectHandler#revert
|
||||
*
|
||||
* @param {Object} context
|
||||
*
|
||||
* @return {djs.mode.Base} the updated element
|
||||
*/
|
||||
UpdateBusinessObjectHandler.prototype.revert = function(context) {
|
||||
|
||||
var oldProperties = context.oldProperties,
|
||||
businessObject = context.businessObject;
|
||||
|
||||
// update properties
|
||||
setProperties(businessObject, oldProperties);
|
||||
|
||||
return context.changed;
|
||||
};
|
||||
@ -0,0 +1,115 @@
|
||||
'use strict';
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
/**
|
||||
* A handler that implements a BPMN 2.0 property update
|
||||
* for business object lists which are not represented in the
|
||||
* diagram.
|
||||
*
|
||||
* This is useful in the context of the properties panel in
|
||||
* order to update child elements of elements visible in
|
||||
* the diagram.
|
||||
*
|
||||
* Example: perform an update of a specific event definition
|
||||
* of an intermediate event.
|
||||
*
|
||||
* @class
|
||||
* @constructor
|
||||
*/
|
||||
function UpdateBusinessObjectListHandler(elementRegistry, bpmnFactory) {
|
||||
this._elementRegistry = elementRegistry;
|
||||
this._bpmnFactory = bpmnFactory;
|
||||
}
|
||||
|
||||
UpdateBusinessObjectListHandler.$inject = [ 'elementRegistry', 'bpmnFactory' ];
|
||||
|
||||
module.exports = UpdateBusinessObjectListHandler;
|
||||
|
||||
function ensureNotNull(prop, name) {
|
||||
if (!prop) {
|
||||
throw new Error(name + 'required');
|
||||
}
|
||||
return prop;
|
||||
}
|
||||
|
||||
// api /////////////////////////////////////////////
|
||||
|
||||
/**
|
||||
* Updates a element under a provided parent.
|
||||
*/
|
||||
UpdateBusinessObjectListHandler.prototype.execute = function(context) {
|
||||
|
||||
var currentObject = ensureNotNull(context.currentObject, 'currentObject'),
|
||||
propertyName = ensureNotNull(context.propertyName, 'propertyName'),
|
||||
updatedObjectList = context.updatedObjectList,
|
||||
objectsToRemove = context.objectsToRemove || [],
|
||||
objectsToAdd = context.objectsToAdd || [],
|
||||
changed = [ context.element], // this will not change any diagram-js elements
|
||||
referencePropertyName;
|
||||
|
||||
if (context.referencePropertyName) {
|
||||
referencePropertyName = context.referencePropertyName;
|
||||
}
|
||||
|
||||
var objectList = currentObject[propertyName];
|
||||
// adjust array reference in the parent business object
|
||||
context.previousList = currentObject[propertyName];
|
||||
|
||||
if (updatedObjectList) {
|
||||
currentObject[propertyName] = updatedObjectList;
|
||||
} else {
|
||||
var listCopy = [];
|
||||
// remove all objects which should be removed
|
||||
forEach(objectList, function(object) {
|
||||
if (objectsToRemove.indexOf(object) == -1) {
|
||||
listCopy.push(object);
|
||||
}
|
||||
});
|
||||
// add all objects which should be added
|
||||
listCopy = listCopy.concat(objectsToAdd);
|
||||
|
||||
// set property to new list
|
||||
if (listCopy.length > 0 || !referencePropertyName) {
|
||||
|
||||
// as long as there are elements in the list update the list
|
||||
currentObject[propertyName] = listCopy;
|
||||
} else if (referencePropertyName) {
|
||||
|
||||
// remove the list when it is empty
|
||||
var parentObject = currentObject.$parent;
|
||||
parentObject.set(referencePropertyName, undefined);
|
||||
}
|
||||
}
|
||||
|
||||
context.changed = changed;
|
||||
|
||||
// indicate changed on objects affected by the update
|
||||
return changed;
|
||||
};
|
||||
|
||||
/**
|
||||
* Reverts the update
|
||||
*
|
||||
* @method CreateBusinessObjectListHandler#revert
|
||||
*
|
||||
* @param {Object} context
|
||||
*
|
||||
* @return {djs.mode.Base} the updated element
|
||||
*/
|
||||
UpdateBusinessObjectListHandler.prototype.revert = function(context) {
|
||||
|
||||
var currentObject = context.currentObject,
|
||||
propertyName = context.propertyName,
|
||||
previousList = context.previousList,
|
||||
parentObject = currentObject.$parent;
|
||||
|
||||
if (context.referencePropertyName) {
|
||||
parentObject.set(context.referencePropertyName, currentObject);
|
||||
}
|
||||
|
||||
// remove new element
|
||||
currentObject.set(propertyName, previousList);
|
||||
|
||||
return context.changed;
|
||||
};
|
||||
@ -0,0 +1,27 @@
|
||||
'use strict';
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
var HANDLERS = {
|
||||
'properties-panel.update-businessobject': require('./UpdateBusinessObjectHandler'),
|
||||
'properties-panel.create-and-reference': require('./CreateAndReferenceHandler'),
|
||||
'properties-panel.create-businessobject-list': require('./CreateBusinessObjectListHandler'),
|
||||
'properties-panel.update-businessobject-list': require('./UpdateBusinessObjectListHandler'),
|
||||
'properties-panel.multi-command-executor': require('./MultiCommandHandler')
|
||||
};
|
||||
|
||||
|
||||
function CommandInitializer(eventBus, commandStack) {
|
||||
|
||||
eventBus.on('diagram.init', function() {
|
||||
forEach(HANDLERS, function(handler, id) {
|
||||
commandStack.registerHandler(id, handler);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
CommandInitializer.$inject = [ 'eventBus', 'commandStack' ];
|
||||
|
||||
module.exports = {
|
||||
__init__: [ CommandInitializer ]
|
||||
};
|
||||
@ -0,0 +1,77 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
cmdHelper = require('../helper/CmdHelper'),
|
||||
escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
|
||||
var checkbox = function(options, defaultParameters) {
|
||||
var resource = defaultParameters,
|
||||
id = resource.id,
|
||||
label = options.label || id,
|
||||
canBeDisabled = !!options.disabled && typeof options.disabled === 'function',
|
||||
canBeHidden = !!options.hidden && typeof options.hidden === 'function',
|
||||
description = options.description;
|
||||
|
||||
resource.html =
|
||||
'<input id="activiti-' + escapeHTML(id) + '" ' +
|
||||
'type="checkbox" ' +
|
||||
'name="' + escapeHTML(options.modelProperty) + '" ' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled"' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden"' : '') +
|
||||
' />' +
|
||||
'<label for="activiti-' + escapeHTML(id) + '" ' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled"' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden"' : '') +
|
||||
'>' + escapeHTML(label) + '</label>';
|
||||
|
||||
// add description below checkbox entry field
|
||||
if (description) {
|
||||
resource.html += entryFieldDescription(description);
|
||||
}
|
||||
|
||||
resource.get = function(element) {
|
||||
var bo = getBusinessObject(element),
|
||||
res = {};
|
||||
|
||||
res[options.modelProperty] = bo.get(options.modelProperty);
|
||||
|
||||
return res;
|
||||
};
|
||||
|
||||
resource.set = function(element, values) {
|
||||
var res = {};
|
||||
|
||||
res[options.modelProperty] = !!values[options.modelProperty];
|
||||
|
||||
return cmdHelper.updateProperties(element, res);
|
||||
};
|
||||
|
||||
if (typeof options.set === 'function') {
|
||||
resource.set = options.set;
|
||||
}
|
||||
|
||||
if (typeof options.get === 'function') {
|
||||
resource.get = options.get;
|
||||
}
|
||||
|
||||
if (canBeDisabled) {
|
||||
resource.isDisabled = function() {
|
||||
return options.disabled.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
if (canBeHidden) {
|
||||
resource.isHidden = function() {
|
||||
return !options.hidden.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
resource.cssClasses = ['bpp-checkbox'];
|
||||
|
||||
return resource;
|
||||
};
|
||||
|
||||
module.exports = checkbox;
|
||||
@ -0,0 +1,118 @@
|
||||
'use strict';
|
||||
|
||||
var assign = require('lodash/assign'),
|
||||
find = require('lodash/find');
|
||||
|
||||
var domQuery = require('min-dom').query;
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var selectEntryFactory = require('./SelectEntryFactory'),
|
||||
entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
|
||||
/**
|
||||
* The combo box is a special implementation of the select entry and adds the option 'custom' to the
|
||||
* select box. If 'custom' is selected, an additional text input field is shown which allows to define
|
||||
* a custom value.
|
||||
*
|
||||
* @param {Object} options
|
||||
* @param {string} options.id
|
||||
* @param {string} options.label
|
||||
* @param {Array<Object>} options.selectOptions list of name/value pairs
|
||||
* @param {string} options.modelProperty
|
||||
* @param {function} options.get
|
||||
* @param {function} options.set
|
||||
* @param {string} [options.customValue] custom select option value (default: 'custom')
|
||||
* @param {string} [options.customName] custom select option name visible in the select box (default: 'custom')
|
||||
*
|
||||
* @return {Object}
|
||||
*/
|
||||
var comboBox = function(options) {
|
||||
|
||||
var selectOptions = options.selectOptions,
|
||||
modelProperty = options.modelProperty,
|
||||
customValue = options.customValue || 'custom',
|
||||
customName = options.customName || 'custom ' + modelProperty,
|
||||
description = options.description;
|
||||
|
||||
// check if a value is not a built in value
|
||||
var isCustomValue = function(value) {
|
||||
if (typeof value[modelProperty] === 'undefined') {
|
||||
return false;
|
||||
}
|
||||
|
||||
var isCustom = !find(selectOptions, function(option) {
|
||||
return value[modelProperty] === option.value;
|
||||
});
|
||||
|
||||
return isCustom;
|
||||
};
|
||||
|
||||
var comboOptions = assign({}, options);
|
||||
|
||||
// true if the selected value in the select box is customValue
|
||||
comboOptions.showCustomInput = function(element, node) {
|
||||
var selectBox = domQuery('[data-entry="'+ options.id +'"] select', node.parentNode);
|
||||
|
||||
if (selectBox) {
|
||||
return selectBox.value === customValue;
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
comboOptions.get = function(element, node) {
|
||||
var value = options.get(element, node);
|
||||
|
||||
var modifiedValues = {};
|
||||
|
||||
if (!isCustomValue(value)) {
|
||||
modifiedValues[modelProperty] = value[modelProperty] || '';
|
||||
|
||||
return modifiedValues;
|
||||
}
|
||||
|
||||
modifiedValues[modelProperty] = customValue;
|
||||
modifiedValues['custom-'+modelProperty] = value[modelProperty];
|
||||
|
||||
return modifiedValues;
|
||||
};
|
||||
|
||||
comboOptions.set = function(element, values, node) {
|
||||
var modifiedValues = {};
|
||||
|
||||
// if the custom select option has been selected
|
||||
// take the value from the text input field
|
||||
if (values[modelProperty] === customValue) {
|
||||
modifiedValues[modelProperty] = values['custom-' + modelProperty] || '';
|
||||
}
|
||||
else if (options.emptyParameter && values[modelProperty] === '') {
|
||||
modifiedValues[modelProperty] = undefined;
|
||||
} else {
|
||||
modifiedValues[modelProperty] = values[modelProperty];
|
||||
}
|
||||
return options.set(element, modifiedValues, node);
|
||||
};
|
||||
|
||||
comboOptions.selectOptions.push({ name: customName, value: customValue });
|
||||
|
||||
var comboBoxEntry = assign({}, selectEntryFactory(comboOptions, comboOptions));
|
||||
|
||||
comboBoxEntry.html += '<div class="bpp-field-wrapper bpp-combo-input" ' +
|
||||
'data-show="showCustomInput"' +
|
||||
'>' +
|
||||
'<input id="activiti-' + escapeHTML(options.id) + '-input" type="text" name="custom-' +
|
||||
escapeHTML(modelProperty) + '" ' +
|
||||
' />' +
|
||||
'</div>';
|
||||
|
||||
// add description below combo box entry field
|
||||
if (description) {
|
||||
comboBoxEntry.html += entryFieldDescription(description);
|
||||
}
|
||||
|
||||
return comboBoxEntry;
|
||||
};
|
||||
|
||||
module.exports = comboBox;
|
||||
@ -0,0 +1,163 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
// input entities
|
||||
var textInputField = require('./TextInputEntryFactory'),
|
||||
checkboxField = require('./CheckboxEntryFactory'),
|
||||
selectBoxField = require('./SelectEntryFactory'),
|
||||
comboBoxField = require('./ComboEntryFactory'),
|
||||
textBoxField = require('./TextBoxEntryFactory'),
|
||||
validationAwareTextInputField = require('./ValidationAwareTextInput'),
|
||||
tableField = require('./TableEntryFactory'),
|
||||
labelEntry = require('./LabelFactory'),
|
||||
link = require('./LinkEntryFactory');
|
||||
|
||||
var cmdHelper = require('../helper/CmdHelper');
|
||||
|
||||
// helpers ////////////////////////////////////////
|
||||
|
||||
function ensureNotNull(prop) {
|
||||
if (!prop) {
|
||||
throw new Error(prop + ' must be set.');
|
||||
}
|
||||
|
||||
return prop;
|
||||
}
|
||||
|
||||
/**
|
||||
* sets the default parameters which are needed to create an entry
|
||||
*
|
||||
* @param options
|
||||
* @returns {{id: *, description: (*|string), get: (*|Function), set: (*|Function),
|
||||
* validate: (*|Function), html: string}}
|
||||
*/
|
||||
var setDefaultParameters = function(options) {
|
||||
|
||||
// default method to fetch the current value of the input field
|
||||
var defaultGet = function(element) {
|
||||
var bo = getBusinessObject(element),
|
||||
res = {},
|
||||
prop = ensureNotNull(options.modelProperty);
|
||||
res[prop] = bo.get(prop);
|
||||
|
||||
return res;
|
||||
};
|
||||
|
||||
// default method to set a new value to the input field
|
||||
var defaultSet = function(element, values) {
|
||||
var res = {},
|
||||
prop = ensureNotNull(options.modelProperty);
|
||||
if (values[prop] !== '') {
|
||||
res[prop] = values[prop];
|
||||
} else {
|
||||
res[prop] = undefined;
|
||||
}
|
||||
|
||||
return cmdHelper.updateProperties(element, res);
|
||||
};
|
||||
|
||||
// default validation method
|
||||
var defaultValidate = function() {
|
||||
return {};
|
||||
};
|
||||
|
||||
return {
|
||||
id : options.id,
|
||||
description : (options.description || ''),
|
||||
get : (options.get || defaultGet),
|
||||
set : (options.set || defaultSet),
|
||||
validate : (options.validate || defaultValidate),
|
||||
html: ''
|
||||
};
|
||||
};
|
||||
|
||||
function EntryFactory() {
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Generates an text input entry object for a property panel.
|
||||
* options are:
|
||||
* - id: id of the entry - String
|
||||
*
|
||||
* - description: description of the property - String
|
||||
*
|
||||
* - label: label for the input field - String
|
||||
*
|
||||
* - set: setter method - Function
|
||||
*
|
||||
* - get: getter method - Function
|
||||
*
|
||||
* - validate: validation mehtod - Function
|
||||
*
|
||||
* - modelProperty: name of the model property - String
|
||||
*
|
||||
* - buttonAction: Object which contains the following properties: - Object
|
||||
* ---- name: name of the [data-action] callback - String
|
||||
* ---- method: callback function for [data-action] - Function
|
||||
*
|
||||
* - buttonShow: Object which contains the following properties: - Object
|
||||
* ---- name: name of the [data-show] callback - String
|
||||
* ---- method: callback function for [data-show] - Function
|
||||
*
|
||||
* @param options
|
||||
* @returns the propertyPanel entry resource object
|
||||
*/
|
||||
EntryFactory.textField = function(options) {
|
||||
return textInputField(options, setDefaultParameters(options));
|
||||
};
|
||||
|
||||
EntryFactory.validationAwareTextField = function(options) {
|
||||
return validationAwareTextInputField(options, setDefaultParameters(options));
|
||||
};
|
||||
|
||||
/**
|
||||
* Generates a checkbox input entry object for a property panel.
|
||||
* options are:
|
||||
* - id: id of the entry - String
|
||||
*
|
||||
* - description: description of the property - String
|
||||
*
|
||||
* - label: label for the input field - String
|
||||
*
|
||||
* - set: setter method - Function
|
||||
*
|
||||
* - get: getter method - Function
|
||||
*
|
||||
* - validate: validation method - Function
|
||||
*
|
||||
* - modelProperty: name of the model property - String
|
||||
*
|
||||
* @param options
|
||||
* @returns the propertyPanel entry resource object
|
||||
*/
|
||||
EntryFactory.checkbox = function(options) {
|
||||
return checkboxField(options, setDefaultParameters(options));
|
||||
};
|
||||
|
||||
EntryFactory.textBox = function(options) {
|
||||
return textBoxField(options, setDefaultParameters(options));
|
||||
};
|
||||
|
||||
EntryFactory.selectBox = function(options) {
|
||||
return selectBoxField(options, setDefaultParameters(options));
|
||||
};
|
||||
|
||||
EntryFactory.comboBox = function(options) {
|
||||
return comboBoxField(options);
|
||||
};
|
||||
|
||||
EntryFactory.table = function(options) {
|
||||
return tableField(options);
|
||||
};
|
||||
|
||||
EntryFactory.label = function(options) {
|
||||
return labelEntry(options);
|
||||
};
|
||||
|
||||
EntryFactory.link = function(options) {
|
||||
return link(options);
|
||||
};
|
||||
|
||||
module.exports = EntryFactory;
|
||||
@ -0,0 +1,49 @@
|
||||
'use strict';
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
/**
|
||||
* Create a linkified and HTML escaped entry field description.
|
||||
*
|
||||
* As a special feature, this description may contain both markdown
|
||||
* and plain <a href> links.
|
||||
*
|
||||
* @param {String} description
|
||||
*/
|
||||
module.exports = function entryFieldDescription(description) {
|
||||
|
||||
// we tokenize the description to extract text, HTML and markdown links
|
||||
// text and links are handled seperately
|
||||
|
||||
var escaped = [];
|
||||
|
||||
// match markdown [{TEXT}]({URL}) and HTML links <a href="{URL}">{TEXT}</a>
|
||||
var pattern = /(?:\[([^\]]+)\]\((https?:\/\/[^"<>\]]+)\))|(?:<a href="(https?:\/\/[^"<>]+)">([^<]*)<\/a>)/gi;
|
||||
|
||||
var index = 0;
|
||||
var match;
|
||||
var link, text;
|
||||
|
||||
while ((match = pattern.exec(description))) {
|
||||
|
||||
// escape + insert text before match
|
||||
if (match.index > index) {
|
||||
escaped.push(escapeHTML(description.substring(index, match.index)));
|
||||
}
|
||||
|
||||
link = match[2] || match[3];
|
||||
text = match[1] || match[4];
|
||||
|
||||
// insert safe link
|
||||
escaped.push('<a href="' + link + '" target="_blank">' + escapeHTML(text) + '</a>');
|
||||
|
||||
index = match.index + match[0].length;
|
||||
}
|
||||
|
||||
// escape and insert text after last match
|
||||
if (index < description.length) {
|
||||
escaped.push(escapeHTML(description.substring(index)));
|
||||
}
|
||||
|
||||
return '<div class="bpp-field-description">' + escaped.join('') + '</div>';
|
||||
};
|
||||
@ -0,0 +1,38 @@
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* The label factory provides a label entry. For the label text
|
||||
* it expects either a string provided by the options.labelText
|
||||
* parameter or it could be generated programmatically using a
|
||||
* function passed as the options.get parameter.
|
||||
*
|
||||
* @param {Object} options
|
||||
* @param {string} options.id
|
||||
* @param {string} [options.labelText]
|
||||
* @param {Function} [options.get]
|
||||
* @param {Function} [options.showLabel]
|
||||
* @param {Boolean} [options.divider] adds a divider at the top of the label if true; default: false
|
||||
*/
|
||||
var label = function(options) {
|
||||
return {
|
||||
id: options.id,
|
||||
html: '<label data-value="label" ' +
|
||||
'data-show="showLabel" ' +
|
||||
'class="entry-label' + (options.divider ? ' divider' : '') + '">' +
|
||||
'</label>',
|
||||
get: function(element, node) {
|
||||
if (typeof options.get === 'function') {
|
||||
return options.get(element, node);
|
||||
}
|
||||
return { label: options.labelText };
|
||||
},
|
||||
showLabel: function(element, node) {
|
||||
if (typeof options.showLabel === 'function') {
|
||||
return options.showLabel(element, node);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
module.exports = label;
|
||||
@ -0,0 +1,78 @@
|
||||
'use strict';
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
var bind = require('lodash/bind');
|
||||
|
||||
/**
|
||||
* An entry that renders a clickable link.
|
||||
*
|
||||
* A passed {@link options#handleClick} handler is responsible
|
||||
* to process the click.
|
||||
*
|
||||
* The link may be conditionally shown or hidden. This can be
|
||||
* controlled via the {@link options.showLink}.
|
||||
*
|
||||
* @param {Object} options
|
||||
* @param {String} options.id
|
||||
* @param {String} [options.label]
|
||||
* @param {Function} options.handleClick
|
||||
* @param {Function} [options.showLink] returning false to hide link
|
||||
* @param {String} [options.description]
|
||||
*
|
||||
* @example
|
||||
*
|
||||
* var linkEntry = link({
|
||||
* id: 'foo',
|
||||
* description: 'Some Description',
|
||||
* handleClick: function(element, node, event) { ... },
|
||||
* showLink: function(element, node) { ... }
|
||||
* });
|
||||
*
|
||||
* @return {Entry} the newly created entry
|
||||
*/
|
||||
function link(options) {
|
||||
|
||||
var id = options.id,
|
||||
label = options.label || id,
|
||||
showLink = options.showLink,
|
||||
handleClick = options.handleClick,
|
||||
description = options.description;
|
||||
|
||||
if (showLink && typeof showLink !== 'function') {
|
||||
throw new Error('options.showLink must be a function');
|
||||
}
|
||||
|
||||
if (typeof handleClick !== 'function') {
|
||||
throw new Error('options.handleClick must be a function');
|
||||
}
|
||||
|
||||
var resource = {
|
||||
id: id
|
||||
};
|
||||
|
||||
resource.html =
|
||||
'<a data-action="handleClick" ' +
|
||||
(showLink ? 'data-show="showLink" ' : '') +
|
||||
'class="bpp-entry-link' + (options.cssClasses ? ' ' + escapeHTML(options.cssClasses) : '') +
|
||||
'">' + escapeHTML(label) + '</a>';
|
||||
|
||||
// add description below link entry field
|
||||
if (description) {
|
||||
resource.html += entryFieldDescription(description);
|
||||
}
|
||||
|
||||
resource.handleClick = bind(handleClick, resource);
|
||||
|
||||
if (typeof showLink === 'function') {
|
||||
resource.showLink = function() {
|
||||
return showLink.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
return resource;
|
||||
}
|
||||
|
||||
module.exports = link;
|
||||
@ -0,0 +1,137 @@
|
||||
'use strict';
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var domify = require('min-dom').domify;
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
var entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
|
||||
var isList = function(list) {
|
||||
return !(!list || Object.prototype.toString.call(list) !== '[object Array]');
|
||||
};
|
||||
|
||||
var addEmptyParameter = function(list) {
|
||||
return list.concat([ { name: '', value: '' } ]);
|
||||
};
|
||||
|
||||
var createOption = function(option) {
|
||||
return '<option value="' + option.value + '">' + option.name + '</option>';
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {Object} options
|
||||
* @param {string} options.id
|
||||
* @param {string} [options.label]
|
||||
* @param {Array<Object>} options.selectOptions
|
||||
* @param {string} options.modelProperty
|
||||
* @param {boolean} options.emptyParameter
|
||||
* @param {function} options.disabled
|
||||
* @param {function} options.hidden
|
||||
* @param {Object} defaultParameters
|
||||
*
|
||||
* @return {Object}
|
||||
*/
|
||||
var selectbox = function(options, defaultParameters) {
|
||||
var resource = defaultParameters,
|
||||
label = options.label || resource.id,
|
||||
selectOptions = options.selectOptions || [ { name: '', value: '' } ],
|
||||
modelProperty = options.modelProperty,
|
||||
emptyParameter = options.emptyParameter,
|
||||
canBeDisabled = !!options.disabled && typeof options.disabled === 'function',
|
||||
canBeHidden = !!options.hidden && typeof options.hidden === 'function',
|
||||
description = options.description;
|
||||
|
||||
|
||||
if (emptyParameter) {
|
||||
selectOptions = addEmptyParameter(selectOptions);
|
||||
}
|
||||
|
||||
|
||||
resource.html =
|
||||
'<label for="activiti-' + escapeHTML(resource.id) + '"' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled" ' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden" ' : '') +
|
||||
'>' + escapeHTML(label) + '</label>' +
|
||||
'<select id="activiti-' + escapeHTML(resource.id) + '-select" name="' +
|
||||
escapeHTML(modelProperty) + '"' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled" ' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden" ' : '') +
|
||||
' data-value>';
|
||||
|
||||
if (isList(selectOptions)) {
|
||||
forEach(selectOptions, function(option) {
|
||||
resource.html += '<option value="' + escapeHTML(option.value) + '">' +
|
||||
(option.name ? escapeHTML(option.name) : '') + '</option>';
|
||||
});
|
||||
}
|
||||
|
||||
resource.html += '</select>';
|
||||
|
||||
// add description below select box entry field
|
||||
if (description && typeof options.showCustomInput !== 'function') {
|
||||
resource.html += entryFieldDescription(description);
|
||||
}
|
||||
|
||||
/**
|
||||
* Fill the select box options dynamically.
|
||||
*
|
||||
* Calls the defined function #selectOptions in the entry to get the
|
||||
* values for the options and set the value to the inputNode.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {HTMLElement} entryNode
|
||||
* @param {EntryDescriptor} inputNode
|
||||
* @param {Object} inputName
|
||||
* @param {Object} newValue
|
||||
*/
|
||||
resource.setControlValue = function(element, entryNode, inputNode, inputName, newValue) {
|
||||
if (typeof selectOptions === 'function') {
|
||||
|
||||
var options = selectOptions(element, inputNode);
|
||||
|
||||
if (options) {
|
||||
|
||||
// remove existing options
|
||||
while (inputNode.firstChild) {
|
||||
inputNode.removeChild(inputNode.firstChild);
|
||||
}
|
||||
|
||||
// add options
|
||||
forEach(options, function(option) {
|
||||
var template = domify(createOption(option));
|
||||
|
||||
inputNode.appendChild(template);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// set select value
|
||||
if (newValue !== undefined) {
|
||||
inputNode.value = newValue;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if (canBeDisabled) {
|
||||
resource.isDisabled = function() {
|
||||
return options.disabled.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
if (canBeHidden) {
|
||||
resource.isHidden = function() {
|
||||
return !options.hidden.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
resource.cssClasses = ['bpp-dropdown'];
|
||||
|
||||
return resource;
|
||||
};
|
||||
|
||||
module.exports = selectbox;
|
||||
@ -0,0 +1,338 @@
|
||||
'use strict';
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var cmdHelper = require('../helper/CmdHelper');
|
||||
|
||||
var domQuery = require('min-dom').query,
|
||||
domAttr = require('min-dom').attr,
|
||||
domClosest = require('min-dom').closest;
|
||||
|
||||
var filter = require('lodash/filter'),
|
||||
forEach = require('lodash/forEach'),
|
||||
keys = require('lodash/keys');
|
||||
|
||||
var domify = require('min-dom').domify;
|
||||
|
||||
var entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
var updateSelection = require('selection-update');
|
||||
|
||||
var TABLE_ROW_DIV_SNIPPET = '<div class="bpp-field-wrapper bpp-table-row">';
|
||||
var DELETE_ROW_BUTTON_SNIPPET = '<button class="clear" data-action="deleteElement">' +
|
||||
'<span>X</span>' +
|
||||
'</button>';
|
||||
|
||||
function createInputRowTemplate(properties, canRemove) {
|
||||
var template = TABLE_ROW_DIV_SNIPPET;
|
||||
template += createInputTemplate(properties, canRemove);
|
||||
template += canRemove ? DELETE_ROW_BUTTON_SNIPPET : '';
|
||||
template += '</div>';
|
||||
|
||||
return template;
|
||||
}
|
||||
|
||||
function createInputTemplate(properties, canRemove) {
|
||||
var columns = properties.length;
|
||||
var template = '';
|
||||
forEach(properties, function(prop) {
|
||||
template += '<input class="bpp-table-row-columns-' + columns + ' ' +
|
||||
(canRemove ? 'bpp-table-row-removable' : '') + '" ' +
|
||||
'id="activiti-table-row-cell-input-value" ' +
|
||||
'type="text" ' +
|
||||
'name="' + escapeHTML(prop) + '" />';
|
||||
});
|
||||
return template;
|
||||
}
|
||||
|
||||
function createLabelRowTemplate(labels) {
|
||||
var template = TABLE_ROW_DIV_SNIPPET;
|
||||
template += createLabelTemplate(labels);
|
||||
template += '</div>';
|
||||
|
||||
return template;
|
||||
}
|
||||
|
||||
function createLabelTemplate(labels) {
|
||||
var columns = labels.length;
|
||||
var template = '';
|
||||
forEach(labels, function(label) {
|
||||
template += '<label class="bpp-table-row-columns-' + columns + '">' + escapeHTML(label) + '</label>';
|
||||
});
|
||||
return template;
|
||||
}
|
||||
|
||||
function pick(elements, properties) {
|
||||
return (elements || []).map(function(elem) {
|
||||
var newElement = {};
|
||||
forEach(properties, function(prop) {
|
||||
newElement[prop] = elem[prop] || '';
|
||||
});
|
||||
return newElement;
|
||||
});
|
||||
}
|
||||
|
||||
function diff(element, node, values, oldValues, editable) {
|
||||
return filter(values, function(value, idx) {
|
||||
return !valueEqual(element, node, value, oldValues[idx], editable, idx);
|
||||
});
|
||||
}
|
||||
|
||||
function valueEqual(element, node, value, oldValue, editable, idx) {
|
||||
if (value && !oldValue) {
|
||||
return false;
|
||||
}
|
||||
var allKeys = keys(value).concat(keys(oldValue));
|
||||
|
||||
return allKeys.every(function(key) {
|
||||
var n = value[key] || undefined;
|
||||
var o = oldValue[key] || undefined;
|
||||
return !editable(element, node, key, idx) || n === o;
|
||||
});
|
||||
}
|
||||
|
||||
function getEntryNode(node) {
|
||||
return domClosest(node, '[data-entry]', true);
|
||||
}
|
||||
|
||||
function getContainer(node) {
|
||||
return domQuery('div[data-list-entry-container]', node);
|
||||
}
|
||||
|
||||
function getSelection(node) {
|
||||
return {
|
||||
start: node.selectionStart,
|
||||
end: node.selectionEnd
|
||||
};
|
||||
}
|
||||
|
||||
function setSelection(node, selection) {
|
||||
node.selectionStart = selection.start;
|
||||
node.selectionEnd = selection.end;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {Object} options
|
||||
* @param {string} options.id
|
||||
* @param {string} options.description
|
||||
* @param {Array<string>} options.modelProperties
|
||||
* @param {Array<string>} options.labels
|
||||
* @param {Function} options.getElements - this callback function must return a list of business object items
|
||||
* @param {Function} options.removeElement
|
||||
* @param {Function} options.addElement
|
||||
* @param {Function} options.updateElement
|
||||
* @param {Function} options.editable
|
||||
* @param {Function} options.setControlValue
|
||||
* @param {Function} options.show
|
||||
*
|
||||
* @return {Object}
|
||||
*/
|
||||
module.exports = function(options) {
|
||||
|
||||
var id = options.id,
|
||||
modelProperties = options.modelProperties,
|
||||
labels = options.labels,
|
||||
description = options.description;
|
||||
|
||||
var labelRow = createLabelRowTemplate(labels);
|
||||
|
||||
var getElements = options.getElements;
|
||||
|
||||
var removeElement = options.removeElement,
|
||||
canRemove = typeof removeElement === 'function';
|
||||
|
||||
var addElement = options.addElement,
|
||||
canAdd = typeof addElement === 'function',
|
||||
addLabel = options.addLabel || 'Add Value';
|
||||
|
||||
var updateElement = options.updateElement,
|
||||
canUpdate = typeof updateElement === 'function';
|
||||
|
||||
var editable = options.editable || function() { return true; },
|
||||
setControlValue = options.setControlValue;
|
||||
|
||||
var show = options.show,
|
||||
canBeShown = typeof show === 'function';
|
||||
|
||||
var elements = function(element, node) {
|
||||
return pick(getElements(element, node), modelProperties);
|
||||
};
|
||||
|
||||
var factory = {
|
||||
id: id,
|
||||
html: (canAdd ?
|
||||
'<div class="bpp-table-add-row" ' + (canBeShown ? 'data-show="show"' : '') + '>' +
|
||||
'<label>' + escapeHTML(addLabel) + '</label>' +
|
||||
'<button class="add" data-action="addElement"><span>+</span></button>' +
|
||||
'</div>' : '') +
|
||||
'<div class="bpp-table" data-show="showTable">' +
|
||||
'<div class="bpp-field-wrapper bpp-table-row">' +
|
||||
labelRow +
|
||||
'</div>' +
|
||||
'<div data-list-entry-container>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
|
||||
// add description below table entry field
|
||||
(description ? entryFieldDescription(description) : ''),
|
||||
|
||||
get: function(element, node) {
|
||||
var boElements = elements(element, node, this.__invalidValues);
|
||||
|
||||
var invalidValues = this.__invalidValues;
|
||||
|
||||
delete this.__invalidValues;
|
||||
|
||||
forEach(invalidValues, function(value, idx) {
|
||||
var element = boElements[idx];
|
||||
|
||||
forEach(modelProperties, function(prop) {
|
||||
element[prop] = value[prop];
|
||||
});
|
||||
});
|
||||
|
||||
return boElements;
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var action = this.__action || {};
|
||||
delete this.__action;
|
||||
|
||||
if (action.id === 'delete-element') {
|
||||
return removeElement(element, node, action.idx);
|
||||
}
|
||||
else if (action.id === 'add-element') {
|
||||
return addElement(element, node);
|
||||
}
|
||||
else if (canUpdate) {
|
||||
var commands = [],
|
||||
valuesToValidate = values;
|
||||
|
||||
if (typeof options.validate !== 'function') {
|
||||
valuesToValidate = diff(element, node, values, elements(element, node), editable);
|
||||
}
|
||||
|
||||
var self = this;
|
||||
|
||||
forEach(valuesToValidate, function(value) {
|
||||
var validationError,
|
||||
idx = values.indexOf(value);
|
||||
|
||||
if (typeof options.validate === 'function') {
|
||||
validationError = options.validate(element, value, node, idx);
|
||||
}
|
||||
|
||||
if (!validationError) {
|
||||
var cmd = updateElement(element, value, node, idx);
|
||||
|
||||
if (cmd) {
|
||||
commands.push(cmd);
|
||||
}
|
||||
} else {
|
||||
// cache invalid value in an object by index as key
|
||||
self.__invalidValues = self.__invalidValues || {};
|
||||
self.__invalidValues[idx] = value;
|
||||
|
||||
// execute a command, which does not do anything
|
||||
commands.push(cmdHelper.updateProperties(element, {}));
|
||||
}
|
||||
});
|
||||
|
||||
return commands;
|
||||
}
|
||||
},
|
||||
createListEntryTemplate: function(value, index, selectBox) {
|
||||
return createInputRowTemplate(modelProperties, canRemove);
|
||||
},
|
||||
|
||||
addElement: function(element, node, event, scopeNode) {
|
||||
var template = domify(createInputRowTemplate(modelProperties, canRemove));
|
||||
|
||||
var container = getContainer(node);
|
||||
container.appendChild(template);
|
||||
|
||||
this.__action = {
|
||||
id: 'add-element'
|
||||
};
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
deleteElement: function(element, node, event, scopeNode) {
|
||||
var container = getContainer(node);
|
||||
var rowToDelete = event.delegateTarget.parentNode;
|
||||
var idx = parseInt(domAttr(rowToDelete, 'data-index'), 10);
|
||||
|
||||
container.removeChild(rowToDelete);
|
||||
|
||||
this.__action = {
|
||||
id: 'delete-element',
|
||||
idx: idx
|
||||
};
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
editable: function(element, rowNode, input, prop, value, idx) {
|
||||
var entryNode = domClosest(rowNode, '[data-entry]');
|
||||
return editable(element, entryNode, prop, idx);
|
||||
},
|
||||
|
||||
show: function(element, entryNode, node, scopeNode) {
|
||||
entryNode = getEntryNode(entryNode);
|
||||
return show(element, entryNode, node, scopeNode);
|
||||
},
|
||||
|
||||
showTable: function(element, entryNode, node, scopeNode) {
|
||||
entryNode = getEntryNode(entryNode);
|
||||
var elems = elements(element, entryNode);
|
||||
return elems && elems.length && (!canBeShown || show(element, entryNode, node, scopeNode));
|
||||
},
|
||||
|
||||
validateListItem: function(element, value, node, idx) {
|
||||
if (typeof options.validate === 'function') {
|
||||
return options.validate(element, value, node, idx);
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// Update/set the selection on the correct position.
|
||||
// It's the same code like for an input value in the PropertiesPanel.js.
|
||||
if (setControlValue) {
|
||||
factory.setControlValue = function(element, rowNode, input, prop, value, idx) {
|
||||
var entryNode = getEntryNode(rowNode);
|
||||
|
||||
var isReadOnly = domAttr(input, 'readonly');
|
||||
var oldValue = input.value;
|
||||
|
||||
var selection;
|
||||
|
||||
// prevents input fields from having the value 'undefined'
|
||||
if (value === undefined) {
|
||||
value = '';
|
||||
}
|
||||
|
||||
// when the attribute 'readonly' exists, ignore the comparison
|
||||
// with 'oldValue' and 'value'
|
||||
if (!!isReadOnly && oldValue === value) {
|
||||
return;
|
||||
}
|
||||
|
||||
// update selection on undo/redo
|
||||
if (document.activeElement === input) {
|
||||
selection = updateSelection(getSelection(input), oldValue, value);
|
||||
}
|
||||
|
||||
setControlValue(element, entryNode, input, prop, value, idx);
|
||||
|
||||
if (selection) {
|
||||
setSelection(input, selection);
|
||||
}
|
||||
|
||||
};
|
||||
}
|
||||
|
||||
return factory;
|
||||
|
||||
};
|
||||
@ -0,0 +1,42 @@
|
||||
'use strict';
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
|
||||
var textBox = function(options, defaultParameters) {
|
||||
|
||||
var resource = defaultParameters,
|
||||
label = options.label || resource.id,
|
||||
canBeShown = !!options.show && typeof options.show === 'function',
|
||||
description = options.description;
|
||||
|
||||
resource.html =
|
||||
'<label for="activiti-' + escapeHTML(resource.id) + '" ' +
|
||||
(canBeShown ? 'data-show="isShown"' : '') +
|
||||
'>' + label + '</label>' +
|
||||
'<div class="bpp-field-wrapper" ' +
|
||||
(canBeShown ? 'data-show="isShown"' : '') +
|
||||
'>' +
|
||||
'<div contenteditable="true" id="activiti-' + escapeHTML(resource.id) + '" ' +
|
||||
'name="' + escapeHTML(options.modelProperty) + '" />' +
|
||||
'</div>';
|
||||
|
||||
// add description below text box entry field
|
||||
if (description) {
|
||||
resource.html += entryFieldDescription(description);
|
||||
}
|
||||
|
||||
if (canBeShown) {
|
||||
resource.isShown = function() {
|
||||
return options.show.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
resource.cssClasses = ['bpp-textbox'];
|
||||
|
||||
return resource;
|
||||
};
|
||||
|
||||
module.exports = textBox;
|
||||
@ -0,0 +1,85 @@
|
||||
'use strict';
|
||||
|
||||
var escapeHTML = require('../Utils').escapeHTML;
|
||||
|
||||
var domQuery = require('min-dom').query;
|
||||
|
||||
var entryFieldDescription = require('./EntryFieldDescription');
|
||||
|
||||
|
||||
var textField = function(options, defaultParameters) {
|
||||
|
||||
// Default action for the button next to the input-field
|
||||
var defaultButtonAction = function(element, inputNode) {
|
||||
var input = domQuery('input[name="' + options.modelProperty + '"]', inputNode);
|
||||
input.value = '';
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
// default method to determine if the button should be visible
|
||||
var defaultButtonShow = function(element, inputNode) {
|
||||
var input = domQuery('input[name="' + options.modelProperty + '"]', inputNode);
|
||||
|
||||
return input.value !== '';
|
||||
};
|
||||
|
||||
|
||||
var resource = defaultParameters,
|
||||
label = options.label || resource.id,
|
||||
dataValueLabel = options.dataValueLabel,
|
||||
buttonLabel = (options.buttonLabel || 'X'),
|
||||
actionName = (typeof options.buttonAction != 'undefined') ? options.buttonAction.name : 'clear',
|
||||
actionMethod = (typeof options.buttonAction != 'undefined') ? options.buttonAction.method : defaultButtonAction,
|
||||
showName = (typeof options.buttonShow != 'undefined') ? options.buttonShow.name : 'canClear',
|
||||
showMethod = (typeof options.buttonShow != 'undefined') ? options.buttonShow.method : defaultButtonShow,
|
||||
canBeDisabled = !!options.disabled && typeof options.disabled === 'function',
|
||||
canBeHidden = !!options.hidden && typeof options.hidden === 'function',
|
||||
description = options.description;
|
||||
|
||||
resource.html =
|
||||
'<label for="activiti-' + escapeHTML(resource.id) + '" ' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled" ' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden" ' : '') +
|
||||
(dataValueLabel ? 'data-value="' + escapeHTML(dataValueLabel) + '"' : '') + '>'+ escapeHTML(label) +'</label>' +
|
||||
'<div class="bpp-field-wrapper" ' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled"' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden"' : '') +
|
||||
'>' +
|
||||
'<input id="activiti-' + escapeHTML(resource.id) + '" type="text" name="' + escapeHTML(options.modelProperty) + '" ' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled"' : '') +
|
||||
(canBeHidden ? 'data-show="isHidden"' : '') +
|
||||
' />' +
|
||||
'<button class="' + escapeHTML(actionName) + '" data-action="' + escapeHTML(actionName) + '" data-show="' + escapeHTML(showName) + '" ' +
|
||||
(canBeDisabled ? 'data-disable="isDisabled"' : '') +
|
||||
(canBeHidden ? ' data-show="isHidden"' : '') + '>' +
|
||||
'<span>' + escapeHTML(buttonLabel) + '</span>' +
|
||||
'</button>' +
|
||||
'</div>';
|
||||
|
||||
// add description below text input entry field
|
||||
if (description) {
|
||||
resource.html += entryFieldDescription(description);
|
||||
}
|
||||
|
||||
resource[actionName] = actionMethod;
|
||||
resource[showName] = showMethod;
|
||||
|
||||
if (canBeDisabled) {
|
||||
resource.isDisabled = function() {
|
||||
return options.disabled.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
if (canBeHidden) {
|
||||
resource.isHidden = function() {
|
||||
return !options.hidden.apply(resource, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
resource.cssClasses = ['bpp-textfield'];
|
||||
|
||||
return resource;
|
||||
};
|
||||
|
||||
module.exports = textField;
|
||||
@ -0,0 +1,56 @@
|
||||
'use strict';
|
||||
|
||||
var textField = require('./TextInputEntryFactory');
|
||||
|
||||
/**
|
||||
* This function is a wrapper around TextInputEntryFactory.
|
||||
* It adds functionality to cache an invalid value entered in the
|
||||
* text input, instead of setting it on the business object.
|
||||
*/
|
||||
var validationAwareTextField = function(options, defaultParameters) {
|
||||
|
||||
var modelProperty = options.modelProperty;
|
||||
|
||||
defaultParameters.get = function(element, node) {
|
||||
var value = this.__lastInvalidValue;
|
||||
|
||||
delete this.__lastInvalidValue;
|
||||
|
||||
var properties = {};
|
||||
|
||||
properties[modelProperty] = value !== undefined ? value : options.getProperty(element, node);
|
||||
|
||||
return properties;
|
||||
};
|
||||
|
||||
defaultParameters.set = function(element, values, node) {
|
||||
var validationErrors = validate.apply(this, [ element, values, node ]),
|
||||
propertyValue = values[modelProperty];
|
||||
|
||||
// make sure we do not update the id
|
||||
if (validationErrors && validationErrors[modelProperty]) {
|
||||
this.__lastInvalidValue = propertyValue;
|
||||
|
||||
return options.setProperty(element, {}, node);
|
||||
} else {
|
||||
var properties = {};
|
||||
|
||||
properties[modelProperty] = propertyValue;
|
||||
|
||||
return options.setProperty(element, properties, node);
|
||||
}
|
||||
};
|
||||
|
||||
var validate = defaultParameters.validate = function(element, values, node) {
|
||||
var value = values[modelProperty] || this.__lastInvalidValue;
|
||||
|
||||
var property = {};
|
||||
property[modelProperty] = value;
|
||||
|
||||
return options.validate(element, property, node);
|
||||
};
|
||||
|
||||
return textField(options, defaultParameters);
|
||||
};
|
||||
|
||||
module.exports = validationAwareTextField;
|
||||
@ -0,0 +1,76 @@
|
||||
'use strict';
|
||||
|
||||
var map = require('lodash/map');
|
||||
|
||||
var extensionElementsHelper = require('./ExtensionElementsHelper');
|
||||
|
||||
/**
|
||||
* Returns true if the attribute 'activiti:asyncBefore' is set
|
||||
* to true.
|
||||
*
|
||||
* @param {ModdleElement} bo
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
function isAsyncBefore(bo) {
|
||||
return !!(bo.get('activiti:asyncBefore') || bo.get('activiti:async'));
|
||||
}
|
||||
|
||||
module.exports.isAsyncBefore = isAsyncBefore;
|
||||
|
||||
/**
|
||||
* Returns true if the attribute 'activiti:asyncAfter' is set
|
||||
* to true.
|
||||
*
|
||||
* @param {ModdleElement} bo
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
function isAsyncAfter(bo) {
|
||||
return !!bo.get('activiti:asyncAfter');
|
||||
}
|
||||
|
||||
module.exports.isAsyncAfter = isAsyncAfter;
|
||||
|
||||
/**
|
||||
* Returns true if the attribute 'activiti:exclusive' is set
|
||||
* to true.
|
||||
*
|
||||
* @param {ModdleElement} bo
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
function isExclusive(bo) {
|
||||
return !!bo.get('activiti:exclusive');
|
||||
}
|
||||
|
||||
module.exports.isExclusive = isExclusive;
|
||||
|
||||
/**
|
||||
* Get first 'activiti:FailedJobRetryTimeCycle' from the business object.
|
||||
*
|
||||
* @param {ModdleElement} bo
|
||||
*
|
||||
* @return {Array<ModdleElement>} a list of 'activiti:FailedJobRetryTimeCycle'
|
||||
*/
|
||||
function getFailedJobRetryTimeCycle(bo) {
|
||||
return (extensionElementsHelper.getExtensionElements(bo, 'activiti:FailedJobRetryTimeCycle') || [])[0];
|
||||
}
|
||||
|
||||
module.exports.getFailedJobRetryTimeCycle = getFailedJobRetryTimeCycle;
|
||||
|
||||
/**
|
||||
* Removes all existing 'activiti:FailedJobRetryTimeCycle' from the business object
|
||||
*
|
||||
* @param {ModdleElement} bo
|
||||
*
|
||||
* @return {Array<ModdleElement>} a list of 'activiti:FailedJobRetryTimeCycle'
|
||||
*/
|
||||
function removeFailedJobRetryTimeCycle(bo, element) {
|
||||
var retryTimeCycles = extensionElementsHelper.getExtensionElements(bo, 'activiti:FailedJobRetryTimeCycle');
|
||||
return map(retryTimeCycles, function(cycle) {
|
||||
return extensionElementsHelper.removeEntry(bo, element, cycle);
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.removeFailedJobRetryTimeCycle = removeFailedJobRetryTimeCycle;
|
||||
@ -0,0 +1,31 @@
|
||||
'use strict';
|
||||
|
||||
var collectionAdd = require('diagram-js/lib/util/Collections').add,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var CategoryHelper = {};
|
||||
|
||||
module.exports = CategoryHelper;
|
||||
|
||||
/**
|
||||
* Creates a new bpmn:CategoryValue inside a new bpmn:Category
|
||||
*
|
||||
* @param {ModdleElement} definitions
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement} categoryValue.
|
||||
*/
|
||||
CategoryHelper.createCategoryValue = function(definitions, bpmnFactory) {
|
||||
var categoryValue = bpmnFactory.create('bpmn:CategoryValue'),
|
||||
category = bpmnFactory.create('bpmn:Category', {
|
||||
categoryValue: [ categoryValue ]
|
||||
});
|
||||
|
||||
// add to correct place
|
||||
collectionAdd(definitions.get('rootElements'), category);
|
||||
getBusinessObject(category).$parent = definitions;
|
||||
getBusinessObject(categoryValue).$parent = category;
|
||||
|
||||
return categoryValue;
|
||||
|
||||
};
|
||||
@ -0,0 +1,77 @@
|
||||
'use strict';
|
||||
|
||||
var CmdHelper = {};
|
||||
module.exports = CmdHelper;
|
||||
|
||||
CmdHelper.updateProperties = function(element, properties) {
|
||||
return {
|
||||
cmd: 'element.updateProperties',
|
||||
context: { element: element, properties: properties }
|
||||
};
|
||||
};
|
||||
|
||||
CmdHelper.updateBusinessObject = function(element, businessObject, newProperties) {
|
||||
return {
|
||||
cmd: 'properties-panel.update-businessobject',
|
||||
context: {
|
||||
element: element,
|
||||
businessObject: businessObject,
|
||||
properties: newProperties
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
CmdHelper.addElementsTolist = function(element, businessObject, listPropertyName, objectsToAdd) {
|
||||
return {
|
||||
cmd: 'properties-panel.update-businessobject-list',
|
||||
context: {
|
||||
element: element,
|
||||
currentObject: businessObject,
|
||||
propertyName: listPropertyName,
|
||||
objectsToAdd: objectsToAdd
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
CmdHelper.removeElementsFromList = function(element, businessObject, listPropertyName, referencePropertyName, objectsToRemove) {
|
||||
|
||||
return {
|
||||
cmd: 'properties-panel.update-businessobject-list',
|
||||
context: {
|
||||
element: element,
|
||||
currentObject: businessObject,
|
||||
propertyName: listPropertyName,
|
||||
referencePropertyName: referencePropertyName,
|
||||
objectsToRemove: objectsToRemove
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
CmdHelper.addAndRemoveElementsFromList = function(element, businessObject, listPropertyName, referencePropertyName, objectsToAdd, objectsToRemove) {
|
||||
|
||||
return {
|
||||
cmd: 'properties-panel.update-businessobject-list',
|
||||
context: {
|
||||
element: element,
|
||||
currentObject: businessObject,
|
||||
propertyName: listPropertyName,
|
||||
referencePropertyName: referencePropertyName,
|
||||
objectsToAdd: objectsToAdd,
|
||||
objectsToRemove: objectsToRemove
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
CmdHelper.setList = function(element, businessObject, listPropertyName, updatedObjectList) {
|
||||
return {
|
||||
cmd: 'properties-panel.update-businessobject-list',
|
||||
context: {
|
||||
element: element,
|
||||
currentObject: businessObject,
|
||||
propertyName: listPropertyName,
|
||||
updatedObjectList: updatedObjectList
|
||||
}
|
||||
};
|
||||
};
|
||||
@ -0,0 +1,23 @@
|
||||
'use strict';
|
||||
|
||||
var ElementHelper = {};
|
||||
module.exports = ElementHelper;
|
||||
|
||||
/**
|
||||
* Creates a new element and set the parent to it
|
||||
*
|
||||
* @method ElementHelper#createElement
|
||||
*
|
||||
* @param {String} elementType of the new element
|
||||
* @param {Object} properties of the new element in key-value pairs
|
||||
* @param {moddle.object} parent of the new element
|
||||
* @param {BpmnFactory} factory which creates the new element
|
||||
*
|
||||
* @returns {djs.model.Base} element which is created
|
||||
*/
|
||||
ElementHelper.createElement = function(elementType, properties, parent, factory) {
|
||||
var element = factory.create(elementType, properties);
|
||||
element.$parent = parent;
|
||||
|
||||
return element;
|
||||
};
|
||||
@ -0,0 +1,57 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
forEach = require('lodash/forEach');
|
||||
|
||||
var EventDefinitionHelper = {};
|
||||
|
||||
module.exports = EventDefinitionHelper;
|
||||
|
||||
EventDefinitionHelper.getEventDefinition = function(element, eventType) {
|
||||
|
||||
var bo = getBusinessObject(element),
|
||||
eventDefinition = null;
|
||||
|
||||
if (bo.eventDefinitions) {
|
||||
forEach(bo.eventDefinitions, function(event) {
|
||||
if (is(event, eventType)) {
|
||||
eventDefinition = event;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return eventDefinition;
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getTimerEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:TimerEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getMessageEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:MessageEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getSignalEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:SignalEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getErrorEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:ErrorEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getEscalationEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:EscalationEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getCompensateEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:CompensateEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getLinkEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:LinkEventDefinition');
|
||||
};
|
||||
|
||||
EventDefinitionHelper.getConditionalEventDefinition = function(element) {
|
||||
return this.getEventDefinition(element, 'bpmn:ConditionalEventDefinition');
|
||||
};
|
||||
@ -0,0 +1,54 @@
|
||||
'use strict';
|
||||
|
||||
var cmdHelper = require('./CmdHelper'),
|
||||
elementHelper = require('./ElementHelper');
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is;
|
||||
|
||||
var ExtensionElementsHelper = {};
|
||||
|
||||
var getExtensionElements = function(bo) {
|
||||
return bo.get('extensionElements');
|
||||
};
|
||||
|
||||
ExtensionElementsHelper.getExtensionElements = function(bo, type) {
|
||||
var extensionElements = getExtensionElements(bo);
|
||||
if (typeof extensionElements !== 'undefined') {
|
||||
var extensionValues = extensionElements.get('values');
|
||||
if (typeof extensionValues !== 'undefined') {
|
||||
var elements = extensionValues.filter(function(value) {
|
||||
return is(value, type);
|
||||
});
|
||||
if (elements.length) {
|
||||
return elements;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ExtensionElementsHelper.addEntry = function(bo, element, entry, bpmnFactory) {
|
||||
var extensionElements = bo.get('extensionElements');
|
||||
|
||||
// if there is no extensionElements list, create one
|
||||
if (!extensionElements) {
|
||||
extensionElements = elementHelper.createElement('bpmn:ExtensionElements', { values: [entry] }, bo, bpmnFactory);
|
||||
return { extensionElements : extensionElements };
|
||||
} else {
|
||||
// add new failedJobRetryExtensionElement to existing extensionElements list
|
||||
return cmdHelper.addElementsTolist(element, extensionElements, 'values', [entry]);
|
||||
}
|
||||
};
|
||||
|
||||
ExtensionElementsHelper.removeEntry = function(bo, element, entry) {
|
||||
var extensionElements = bo.get('extensionElements');
|
||||
|
||||
if (!extensionElements) {
|
||||
|
||||
// return an empty command when there is no extensionElements list
|
||||
return {};
|
||||
}
|
||||
|
||||
return cmdHelper.removeElementsFromList(element, extensionElements, 'values', 'extensionElements', [entry]);
|
||||
};
|
||||
|
||||
module.exports = ExtensionElementsHelper;
|
||||
@ -0,0 +1,97 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
getExtensionElements = require('./ExtensionElementsHelper').getExtensionElements;
|
||||
|
||||
var FormHelper = {};
|
||||
|
||||
module.exports = FormHelper;
|
||||
|
||||
/**
|
||||
* Return form data from business object or undefined if none exist
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {ModdleElement|undefined} formData
|
||||
*
|
||||
* 此方法废弃
|
||||
*
|
||||
*/
|
||||
FormHelper.getFormData = function(element) {
|
||||
/* var bo = getBusinessObject(element);
|
||||
|
||||
var formFields = getExtensionElements(bo, 'activiti:FormProperty');
|
||||
|
||||
var formData = {}
|
||||
|
||||
if (typeof formData !== 'undefined') {
|
||||
return formData[0];
|
||||
}*/
|
||||
return {};
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Return all form fields existing in the business object, and
|
||||
* an empty array if none exist.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {Array} a list of form field objects
|
||||
*/
|
||||
FormHelper.getFormFields = function(element) {
|
||||
|
||||
/**直接获取 ExtensionElements的 activiti:FormProperty元素*/
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
var formFields = getExtensionElements(bo, 'activiti:FormProperty');
|
||||
|
||||
return formFields || [];
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Get a form field from the business object at given index
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {number} idx
|
||||
*
|
||||
* @return {ModdleElement} the form field
|
||||
*/
|
||||
FormHelper.getFormField = function(element, idx) {
|
||||
|
||||
var formFields = this.getFormFields(element);
|
||||
|
||||
return formFields[idx];
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Get all constraints for a specific form field from the business object
|
||||
*
|
||||
* @param {ModdleElement} formField
|
||||
*
|
||||
* @return {Array<ModdleElement>} a list of constraint objects
|
||||
*/
|
||||
FormHelper.getConstraints = function(formField) {
|
||||
if (formField && formField.validation && formField.validation.constraints) {
|
||||
return formField.validation.constraints;
|
||||
}
|
||||
return [];
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Get all activiti:value objects for a specific form field from the business object
|
||||
*
|
||||
* @param {ModdleElement} formField
|
||||
*
|
||||
* @return {Array<ModdleElement>} a list of activiti:value objects
|
||||
*/
|
||||
FormHelper.getEnumValues = function(formField) {
|
||||
if (formField && formField.values) {
|
||||
return formField.values;
|
||||
}
|
||||
return [];
|
||||
};
|
||||
|
||||
@ -0,0 +1,192 @@
|
||||
'use strict';
|
||||
|
||||
var ModelUtil = require('bpmn-js/lib/util/ModelUtil'),
|
||||
is = ModelUtil.is,
|
||||
getBusinessObject = ModelUtil.getBusinessObject;
|
||||
|
||||
var eventDefinitionHelper = require('./EventDefinitionHelper');
|
||||
var extensionsElementHelper = require('./ExtensionElementsHelper');
|
||||
|
||||
var ImplementationTypeHelper = {};
|
||||
|
||||
module.exports = ImplementationTypeHelper;
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'activiti:ServiceTaskLike'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isServiceTaskLike = function(element) {
|
||||
return is(element, 'activiti:ServiceTaskLike');
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'activiti:DmnCapable'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isDmnCapable = function(element) {
|
||||
return is(element, 'activiti:DmnCapable');
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'activiti:ExternalCapable'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isExternalCapable = function(element) {
|
||||
return is(element, 'activiti:ExternalCapable');
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'activiti:TaskListener'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isTaskListener = function(element) {
|
||||
return is(element, 'activiti:TaskListener');
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'activiti:ExecutionListener'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isExecutionListener = function(element) {
|
||||
return is(element, 'activiti:ExecutionListener');
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'activiti:ExecutionListener' or
|
||||
* 'activiti:TaskListener'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isListener = function(element) {
|
||||
return this.isTaskListener(element) || this.isExecutionListener(element);
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element is 'bpmn:SequenceFlow'
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
ImplementationTypeHelper.isSequenceFlow = function(element) {
|
||||
return is(element, 'bpmn:SequenceFlow');
|
||||
};
|
||||
|
||||
/**
|
||||
* Get a 'activiti:ServiceTaskLike' business object.
|
||||
*
|
||||
* If the given element is not a 'activiti:ServiceTaskLike', then 'false'
|
||||
* is returned.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {ModdleElement} the 'activiti:ServiceTaskLike' business object
|
||||
*/
|
||||
ImplementationTypeHelper.getServiceTaskLikeBusinessObject = function(element) {
|
||||
|
||||
if (is(element, 'bpmn:IntermediateThrowEvent') || is(element, 'bpmn:EndEvent')) {
|
||||
|
||||
// change business object to 'messageEventDefinition' when
|
||||
// the element is a message intermediate throw event or message end event
|
||||
// because the activiti extensions (e.g. activiti:class) are in the message
|
||||
// event definition tag and not in the intermediate throw event or end event tag
|
||||
var messageEventDefinition = eventDefinitionHelper.getMessageEventDefinition(element);
|
||||
if (messageEventDefinition) {
|
||||
element = messageEventDefinition;
|
||||
}
|
||||
}
|
||||
|
||||
return this.isServiceTaskLike(element) && getBusinessObject(element);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns the implementation type of the given element.
|
||||
*
|
||||
* Possible implementation types are:
|
||||
* - dmn
|
||||
* - connector
|
||||
* - external
|
||||
* - class
|
||||
* - expression
|
||||
* - delegateExpression
|
||||
* - script
|
||||
* - or undefined, when no matching implementation type is found
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {String} the implementation type
|
||||
*/
|
||||
ImplementationTypeHelper.getImplementationType = function(element) {
|
||||
|
||||
var bo = this.getServiceTaskLikeBusinessObject(element);
|
||||
|
||||
if (!bo) {
|
||||
if (this.isListener(element)) {
|
||||
bo = element;
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.isDmnCapable(bo)) {
|
||||
var decisionRef = bo.get('activiti:decisionRef');
|
||||
if (typeof decisionRef !== 'undefined') {
|
||||
return 'dmn';
|
||||
}
|
||||
}
|
||||
|
||||
if (this.isServiceTaskLike(bo)) {
|
||||
var connectors = extensionsElementHelper.getExtensionElements(bo, 'activiti:Connector');
|
||||
if (typeof connectors !== 'undefined') {
|
||||
return 'connector';
|
||||
}
|
||||
}
|
||||
|
||||
if (this.isExternalCapable(bo)) {
|
||||
var type = bo.get('activiti:type');
|
||||
if (type === 'external') {
|
||||
return 'external';
|
||||
}
|
||||
}
|
||||
|
||||
var cls = bo.get('activiti:class');
|
||||
if (typeof cls !== 'undefined') {
|
||||
return 'class';
|
||||
}
|
||||
|
||||
var expression = bo.get('activiti:expression');
|
||||
if (typeof expression !== 'undefined') {
|
||||
return 'expression';
|
||||
}
|
||||
|
||||
var delegateExpression = bo.get('activiti:delegateExpression');
|
||||
if (typeof delegateExpression !== 'undefined') {
|
||||
return 'delegateExpression';
|
||||
}
|
||||
|
||||
if (this.isListener(bo)) {
|
||||
var script = bo.get('script');
|
||||
if (typeof script !== 'undefined') {
|
||||
return 'script';
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
@ -0,0 +1,144 @@
|
||||
'use strict';
|
||||
|
||||
var ModelUtil = require('bpmn-js/lib/util/ModelUtil'),
|
||||
is = ModelUtil.is,
|
||||
getBusinessObject = ModelUtil.getBusinessObject;
|
||||
|
||||
var extensionElementsHelper = require('./ExtensionElementsHelper'),
|
||||
implementationTypeHelper = require('./ImplementationTypeHelper');
|
||||
|
||||
var InputOutputHelper = {};
|
||||
|
||||
module.exports = InputOutputHelper;
|
||||
|
||||
function getElements(bo, type, prop) {
|
||||
var elems = extensionElementsHelper.getExtensionElements(bo, type) || [];
|
||||
return !prop ? elems : (elems[0] || {})[prop] || [];
|
||||
}
|
||||
|
||||
function getParameters(element, prop, insideConnector) {
|
||||
var inputOutput = InputOutputHelper.getInputOutput(element, insideConnector);
|
||||
return (inputOutput && inputOutput.get(prop)) || [];
|
||||
}
|
||||
|
||||
/**
|
||||
* Get a inputOutput from the business object
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
*
|
||||
* @return {ModdleElement} the inputOutput object
|
||||
*/
|
||||
InputOutputHelper.getInputOutput = function(element, insideConnector) {
|
||||
if (!insideConnector) {
|
||||
var bo = getBusinessObject(element);
|
||||
return (getElements(bo, 'activiti:InputOutput') || [])[0];
|
||||
}
|
||||
var connector = this.getConnector(element);
|
||||
return connector && connector.get('inputOutput');
|
||||
};
|
||||
|
||||
/**
|
||||
* Get a connector from the business object
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {ModdleElement} the connector object
|
||||
*/
|
||||
InputOutputHelper.getConnector = function(element) {
|
||||
var bo = implementationTypeHelper.getServiceTaskLikeBusinessObject(element);
|
||||
return bo && (getElements(bo, 'activiti:Connector') || [])[0];
|
||||
};
|
||||
|
||||
/**
|
||||
* Return all input parameters existing in the business object, and
|
||||
* an empty array if none exist.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
*
|
||||
* @return {Array} a list of input parameter objects
|
||||
*/
|
||||
InputOutputHelper.getInputParameters = function(element, insideConnector) {
|
||||
return getParameters.apply(this, [ element, 'inputParameters', insideConnector ]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Return all output parameters existing in the business object, and
|
||||
* an empty array if none exist.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
*
|
||||
* @return {Array} a list of output parameter objects
|
||||
*/
|
||||
InputOutputHelper.getOutputParameters = function(element, insideConnector) {
|
||||
return getParameters.apply(this, [ element, 'outputParameters', insideConnector ]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Get a input parameter from the business object at given index
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
* @param {number} idx
|
||||
*
|
||||
* @return {ModdleElement} input parameter
|
||||
*/
|
||||
InputOutputHelper.getInputParameter = function(element, insideConnector, idx) {
|
||||
return this.getInputParameters(element, insideConnector)[idx];
|
||||
};
|
||||
|
||||
/**
|
||||
* Get a output parameter from the business object at given index
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
* @param {number} idx
|
||||
*
|
||||
* @return {ModdleElement} output parameter
|
||||
*/
|
||||
InputOutputHelper.getOutputParameter = function(element, insideConnector, idx) {
|
||||
return this.getOutputParameters(element, insideConnector)[idx];
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element supports inputOutput
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
InputOutputHelper.isInputOutputSupported = function(element, insideConnector) {
|
||||
|
||||
if (insideConnector) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
return (
|
||||
is(bo, 'bpmn:FlowNode') && !(
|
||||
is(bo, 'bpmn:StartEvent') ||
|
||||
is(bo, 'bpmn:Gateway') ||
|
||||
is(bo, 'bpmn:BoundaryEvent') ||
|
||||
(
|
||||
is(bo, 'bpmn:SubProcess') && bo.get('triggeredByEvent')
|
||||
)
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns 'true' if the given element supports output parameters
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {boolean} insideConnector
|
||||
*
|
||||
* @return {boolean} a boolean value
|
||||
*/
|
||||
InputOutputHelper.areOutputParametersSupported = function(element, insideConnector) {
|
||||
var bo = getBusinessObject(element);
|
||||
return insideConnector || (!is(bo, 'bpmn:EndEvent') && !bo.loopCharacteristics);
|
||||
};
|
||||
@ -0,0 +1,36 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
cmdHelper = require('./CmdHelper');
|
||||
|
||||
|
||||
var ParticipantHelper = {};
|
||||
|
||||
module.exports = ParticipantHelper;
|
||||
|
||||
ParticipantHelper.modifyProcessBusinessObject = function(element, property, values) {
|
||||
if (!is(element, 'bpmn:Participant')) {
|
||||
return {};
|
||||
}
|
||||
|
||||
var bo = getBusinessObject(element).get('processRef'),
|
||||
properties = {};
|
||||
|
||||
properties[property] = values[property];
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, bo, properties);
|
||||
};
|
||||
|
||||
ParticipantHelper.getProcessBusinessObject = function(element, propertyName) {
|
||||
if (!is(element, 'bpmn:Participant')) {
|
||||
return {};
|
||||
}
|
||||
|
||||
var bo = getBusinessObject(element).get('processRef'),
|
||||
properties = {};
|
||||
|
||||
properties[propertyName] = bo.get(propertyName);
|
||||
|
||||
return properties;
|
||||
};
|
||||
@ -0,0 +1,8 @@
|
||||
module.exports = {
|
||||
__depends__: [
|
||||
require('./index'),
|
||||
require('diagram-js/lib/i18n/translate').default
|
||||
],
|
||||
__init__: [ 'propertiesPanel' ],
|
||||
propertiesPanel: [ 'type', require('./PropertiesPanel') ]
|
||||
};
|
||||
@ -0,0 +1,103 @@
|
||||
'use strict';
|
||||
|
||||
var domQuery = require('min-dom').query,
|
||||
domClasses = require('min-dom').classes,
|
||||
domify = require('min-dom').domify,
|
||||
bind = require('lodash/bind');
|
||||
|
||||
/**
|
||||
* @class
|
||||
* @constructor
|
||||
*/
|
||||
function Popup(options) {
|
||||
options = options || {};
|
||||
this.template = options.template || this.template;
|
||||
var el = this.el = domify(this.template);
|
||||
|
||||
this.header = domQuery('.popup-header', el);
|
||||
this.body = domQuery('.popup-body', el);
|
||||
this.footer = domQuery('.popup-footer', el);
|
||||
|
||||
document.body.appendChild(el);
|
||||
|
||||
this._attachEvents();
|
||||
}
|
||||
|
||||
Popup.prototype.template = '<div class="bpp-properties-panel-popup">' +
|
||||
'<div class="underlay"></div>' +
|
||||
'<div class="popup">' +
|
||||
'<button class="popup-close"><span>Close</span></button>' +
|
||||
'<div class="popup-header"></div>' +
|
||||
'<div class="popup-body"></div>' +
|
||||
'<div class="popup-footer"></div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
|
||||
|
||||
Popup.prototype._attachEvents = function() {
|
||||
var self = this;
|
||||
var events = this.events;
|
||||
var el = this.el;
|
||||
|
||||
Object.keys(events).forEach(function(instruction) {
|
||||
var cb = bind(self[events[instruction]], self);
|
||||
var parts = instruction.split(' ');
|
||||
var evtName = parts.shift();
|
||||
var target = parts.length ? parts.shift() : false;
|
||||
target = target ? domQuery(target, el) : el;
|
||||
if (!target) { return; }
|
||||
target.addEventListener(evtName, cb);
|
||||
});
|
||||
};
|
||||
|
||||
Popup.prototype._detachEvents = function() {
|
||||
var self = this;
|
||||
var events = this.events;
|
||||
var el = this.el;
|
||||
|
||||
Object.keys(events).forEach(function(instruction) {
|
||||
var cb = bind(self[events[instruction]], self);
|
||||
var parts = instruction.split(' ');
|
||||
var evtName = parts.shift();
|
||||
var target = parts.length ? parts.shift() : false;
|
||||
target = target ? domQuery(target, el) : el;
|
||||
if (!target) { return; }
|
||||
target.removeEventListener(evtName, cb);
|
||||
});
|
||||
};
|
||||
|
||||
Popup.prototype.events = {
|
||||
// 'keydown:esc': '_handleClose',
|
||||
'click .underlay': '_handleClose',
|
||||
'click .popup-close': '_handleClose'
|
||||
};
|
||||
|
||||
|
||||
Popup.prototype._handleClose = function(evt) {
|
||||
this.close();
|
||||
};
|
||||
|
||||
|
||||
Popup.prototype.open = function(content) {
|
||||
domClasses(this.el).add('open');
|
||||
};
|
||||
|
||||
Popup.prototype.close = function() {
|
||||
domClasses(this.el).remove('open');
|
||||
};
|
||||
|
||||
Popup.prototype.remove = function() {
|
||||
this._detachEvents();
|
||||
if (document.body.contains(this.el)) {
|
||||
document.body.removeChild(this.el);
|
||||
}
|
||||
};
|
||||
|
||||
var popup;
|
||||
module.exports = function() {
|
||||
if (!popup) {
|
||||
popup = new Popup();
|
||||
}
|
||||
return popup;
|
||||
};
|
||||
@ -0,0 +1,542 @@
|
||||
'use strict';
|
||||
|
||||
var inherits = require('inherits');
|
||||
|
||||
var PropertiesActivator = require('../../PropertiesActivator');
|
||||
|
||||
var asyncCapableHelper = require('../../helper/AsyncCapableHelper'),
|
||||
ImplementationTypeHelper = require('../../helper/ImplementationTypeHelper');
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is;
|
||||
|
||||
// bpmn properties
|
||||
var processProps = require('../../provider/bpmn/parts/ProcessProps'),
|
||||
eventProps = require('../../provider/bpmn/parts/EventProps'),
|
||||
linkProps = require('../../provider/bpmn/parts/LinkProps'),
|
||||
documentationProps = require('../../provider/bpmn/parts/DocumentationProps'),
|
||||
idProps = require('../../provider/bpmn/parts/IdProps'),
|
||||
nameProps = require('../../provider/bpmn/parts/NameProps'),
|
||||
executableProps = require('../../provider/bpmn/parts/ExecutableProps');
|
||||
|
||||
// activiti properties
|
||||
var serviceTaskDelegateProps = require('./parts/ServiceTaskDelegateProps'),
|
||||
userTaskProps = require('./parts/UserTaskProps'),
|
||||
asynchronousContinuationProps = require('./parts/AsynchronousContinuationProps'),
|
||||
callActivityProps = require('./parts/CallActivityProps'),
|
||||
multiInstanceProps = require('./parts/MultiInstanceLoopProps'),
|
||||
conditionalProps = require('./parts/ConditionalProps'),
|
||||
scriptProps = require('./parts/ScriptTaskProps'),
|
||||
errorProps = require('./parts/ErrorEventProps'),
|
||||
formProps = require('./parts/FormProps'),
|
||||
startEventInitiator = require('./parts/StartEventInitiator'),
|
||||
variableMapping = require('./parts/VariableMappingProps'),
|
||||
versionTag = require('./parts/VersionTagProps');
|
||||
|
||||
var listenerProps = require('./parts/ListenerProps'),
|
||||
listenerDetails = require('./parts/ListenerDetailProps'),
|
||||
listenerFields = require('./parts/ListenerFieldInjectionProps');
|
||||
|
||||
var elementTemplateChooserProps = require('./element-templates/parts/ChooserProps'),
|
||||
elementTemplateCustomProps = require('./element-templates/parts/CustomProps');
|
||||
|
||||
// Input/Output
|
||||
var inputOutput = require('./parts/InputOutputProps'),
|
||||
inputOutputParameter = require('./parts/InputOutputParameterProps');
|
||||
|
||||
// Connector
|
||||
var connectorDetails = require('./parts/ConnectorDetailProps'),
|
||||
connectorInputOutput = require('./parts/ConnectorInputOutputProps'),
|
||||
connectorInputOutputParameter = require('./parts/ConnectorInputOutputParameterProps');
|
||||
|
||||
// properties
|
||||
var properties = require('./parts/PropertiesProps');
|
||||
|
||||
// job configuration
|
||||
var jobConfiguration = require('./parts/JobConfigurationProps');
|
||||
|
||||
// history time to live
|
||||
var historyTimeToLive = require('./parts/HistoryTimeToLiveProps');
|
||||
|
||||
// candidate starter groups/users
|
||||
var candidateStarter = require('./parts/CandidateStarterProps');
|
||||
|
||||
// tasklist
|
||||
var tasklist = require('./parts/TasklistProps');
|
||||
|
||||
// external task configuration
|
||||
var externalTaskConfiguration = require('./parts/ExternalTaskConfigurationProps');
|
||||
|
||||
// field injection
|
||||
var fieldInjections = require('./parts/FieldInjectionProps');
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
eventDefinitionHelper = require('../../helper/EventDefinitionHelper'),
|
||||
implementationTypeHelper = require('../../helper/ImplementationTypeHelper');
|
||||
|
||||
// helpers ////////////////////////////////////////
|
||||
|
||||
var isExternalTaskPriorityEnabled = function(element) {
|
||||
var businessObject = getBusinessObject(element);
|
||||
|
||||
// show only if element is a process, a participant ...
|
||||
if (is(element, 'bpmn:Process') || is(element, 'bpmn:Participant') && businessObject.get('processRef')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var externalBo = ImplementationTypeHelper.getServiceTaskLikeBusinessObject(element),
|
||||
isExternalTask = ImplementationTypeHelper.getImplementationType(externalBo) === 'external';
|
||||
|
||||
// ... or an external task with selected external implementation type
|
||||
return !!ImplementationTypeHelper.isExternalCapable(externalBo) && isExternalTask;
|
||||
};
|
||||
|
||||
var isJobConfigEnabled = function(element) {
|
||||
var businessObject = getBusinessObject(element);
|
||||
|
||||
if (is(element, 'bpmn:Process') || is(element, 'bpmn:Participant') && businessObject.get('processRef')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// async behavior
|
||||
var bo = getBusinessObject(element);
|
||||
if (asyncCapableHelper.isAsyncBefore(bo) || asyncCapableHelper.isAsyncAfter(bo)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// timer definition
|
||||
if (is(element, 'bpmn:Event')) {
|
||||
return !!eventDefinitionHelper.getTimerEventDefinition(element);
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
var getInputOutputParameterLabel = function(param, translate) {
|
||||
|
||||
if (is(param, 'activiti:InputParameter')) {
|
||||
return translate('Input Parameter');
|
||||
}
|
||||
|
||||
if (is(param, 'activiti:OutputParameter')) {
|
||||
return translate('Output Parameter');
|
||||
}
|
||||
|
||||
return '';
|
||||
};
|
||||
|
||||
var getListenerLabel = function(param, translate) {
|
||||
|
||||
if (is(param, 'activiti:ExecutionListener')) {
|
||||
return translate('Execution Listener');
|
||||
}
|
||||
|
||||
if (is(param, 'activiti:TaskListener')) {
|
||||
return translate('Task Listener');
|
||||
}
|
||||
|
||||
return '';
|
||||
};
|
||||
|
||||
var PROCESS_KEY_HINT = 'This maps to the process definition key.';
|
||||
var TASK_KEY_HINT = 'This maps to the task definition key.';
|
||||
|
||||
function createGeneralTabGroups(
|
||||
element, canvas, bpmnFactory,
|
||||
elementRegistry, elementTemplates, translate) {
|
||||
|
||||
// refer to target element for external labels
|
||||
element = element.labelTarget || element;
|
||||
|
||||
var generalGroup = {
|
||||
id: 'general',
|
||||
label: translate('General'),
|
||||
entries: []
|
||||
};
|
||||
|
||||
var idOptions;
|
||||
var processOptions;
|
||||
|
||||
if (is(element, 'bpmn:Process')) {
|
||||
idOptions = { description: PROCESS_KEY_HINT };
|
||||
}
|
||||
|
||||
if (is(element, 'bpmn:UserTask')) {
|
||||
idOptions = { description: TASK_KEY_HINT };
|
||||
}
|
||||
|
||||
if (is(element, 'bpmn:Participant')) {
|
||||
processOptions = { processIdDescription: PROCESS_KEY_HINT };
|
||||
}
|
||||
|
||||
idProps(generalGroup, element, translate, idOptions);
|
||||
nameProps(generalGroup, element, bpmnFactory, canvas, translate);
|
||||
processProps(generalGroup, element, translate, processOptions);
|
||||
versionTag(generalGroup, element, translate);
|
||||
executableProps(generalGroup, element, translate);
|
||||
elementTemplateChooserProps(generalGroup, element, elementTemplates, translate);
|
||||
|
||||
var customFieldsGroups = elementTemplateCustomProps(element, elementTemplates, bpmnFactory, translate);
|
||||
|
||||
var detailsGroup = {
|
||||
id: 'details',
|
||||
label: translate('Details'),
|
||||
entries: []
|
||||
};
|
||||
serviceTaskDelegateProps(detailsGroup, element, bpmnFactory, translate);
|
||||
userTaskProps(detailsGroup, element, translate);
|
||||
scriptProps(detailsGroup, element, bpmnFactory, translate);
|
||||
linkProps(detailsGroup, element, translate);
|
||||
callActivityProps(detailsGroup, element, bpmnFactory, translate);
|
||||
eventProps(detailsGroup, element, bpmnFactory, elementRegistry, translate);
|
||||
errorProps(detailsGroup, element, bpmnFactory, translate);
|
||||
conditionalProps(detailsGroup, element, bpmnFactory, translate);
|
||||
startEventInitiator(detailsGroup, element, translate); // this must be the last element of the details group!
|
||||
|
||||
var multiInstanceGroup = {
|
||||
id: 'multiInstance',
|
||||
label: translate('Multi Instance'),
|
||||
entries: []
|
||||
};
|
||||
multiInstanceProps(multiInstanceGroup, element, bpmnFactory, translate);
|
||||
|
||||
var asyncGroup = {
|
||||
id : 'async',
|
||||
label: translate('Asynchronous Continuations'),
|
||||
entries : []
|
||||
};
|
||||
asynchronousContinuationProps(asyncGroup, element, bpmnFactory, translate);
|
||||
|
||||
var jobConfigurationGroup = {
|
||||
id : 'jobConfiguration',
|
||||
label : translate('Job Configuration'),
|
||||
entries : [],
|
||||
enabled: isJobConfigEnabled
|
||||
};
|
||||
jobConfiguration(jobConfigurationGroup, element, bpmnFactory, translate);
|
||||
|
||||
var externalTaskGroup = {
|
||||
id : 'externalTaskConfiguration',
|
||||
label : translate('External Task Configuration'),
|
||||
entries : [],
|
||||
enabled: isExternalTaskPriorityEnabled
|
||||
};
|
||||
externalTaskConfiguration(externalTaskGroup, element, bpmnFactory, translate);
|
||||
|
||||
|
||||
var candidateStarterGroup = {
|
||||
id: 'candidateStarterConfiguration',
|
||||
label: translate('Candidate Starter Configuration'),
|
||||
entries: []
|
||||
};
|
||||
candidateStarter(candidateStarterGroup, element, bpmnFactory, translate);
|
||||
|
||||
var historyTimeToLiveGroup = {
|
||||
id: 'historyConfiguration',
|
||||
label: translate('History Configuration'),
|
||||
entries: []
|
||||
};
|
||||
historyTimeToLive(historyTimeToLiveGroup, element, bpmnFactory, translate);
|
||||
|
||||
var tasklistGroup = {
|
||||
id: 'tasklist',
|
||||
label: translate('Tasklist Configuration'),
|
||||
entries: []
|
||||
};
|
||||
tasklist(tasklistGroup, element, bpmnFactory, translate);
|
||||
|
||||
var documentationGroup = {
|
||||
id: 'documentation',
|
||||
label: translate('Documentation'),
|
||||
entries: []
|
||||
};
|
||||
documentationProps(documentationGroup, element, bpmnFactory, translate);
|
||||
|
||||
var groups = [];
|
||||
groups.push(generalGroup);
|
||||
customFieldsGroups.forEach(function(group) {
|
||||
groups.push(group);
|
||||
});
|
||||
groups.push(detailsGroup);
|
||||
groups.push(externalTaskGroup);
|
||||
groups.push(multiInstanceGroup);
|
||||
groups.push(asyncGroup);
|
||||
groups.push(jobConfigurationGroup);
|
||||
groups.push(candidateStarterGroup);
|
||||
groups.push(historyTimeToLiveGroup);
|
||||
groups.push(tasklistGroup);
|
||||
groups.push(documentationGroup);
|
||||
|
||||
return groups;
|
||||
}
|
||||
|
||||
function createVariablesTabGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
var variablesGroup = {
|
||||
id : 'variables',
|
||||
label : translate('Variables'),
|
||||
entries: []
|
||||
};
|
||||
variableMapping(variablesGroup, element, bpmnFactory, translate);
|
||||
|
||||
return [
|
||||
variablesGroup
|
||||
];
|
||||
}
|
||||
|
||||
function createFormsTabGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
var formGroup = {
|
||||
id : 'forms',
|
||||
label : translate('Forms'),
|
||||
entries: []
|
||||
};
|
||||
formProps(formGroup, element, bpmnFactory, translate);
|
||||
|
||||
return [
|
||||
formGroup
|
||||
];
|
||||
}
|
||||
|
||||
function createListenersTabGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
|
||||
var listenersGroup = {
|
||||
id : 'listeners',
|
||||
label: translate('Listeners'),
|
||||
entries: []
|
||||
};
|
||||
|
||||
var options = listenerProps(listenersGroup, element, bpmnFactory, translate);
|
||||
|
||||
var listenerDetailsGroup = {
|
||||
id: 'listener-details',
|
||||
entries: [],
|
||||
enabled: function(element, node) {
|
||||
return options.getSelectedListener(element, node);
|
||||
},
|
||||
label: function(element, node) {
|
||||
var param = options.getSelectedListener(element, node);
|
||||
return getListenerLabel(param, translate);
|
||||
}
|
||||
};
|
||||
|
||||
listenerDetails(listenerDetailsGroup, element, bpmnFactory, options, translate);
|
||||
|
||||
var listenerFieldsGroup = {
|
||||
id: 'listener-fields',
|
||||
label: translate('Field Injection'),
|
||||
entries: [],
|
||||
enabled: function(element, node) {
|
||||
return options.getSelectedListener(element, node);
|
||||
}
|
||||
};
|
||||
|
||||
listenerFields(listenerFieldsGroup, element, bpmnFactory, options, translate);
|
||||
|
||||
return [
|
||||
listenersGroup,
|
||||
listenerDetailsGroup,
|
||||
listenerFieldsGroup
|
||||
];
|
||||
}
|
||||
|
||||
function createInputOutputTabGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
|
||||
var inputOutputGroup = {
|
||||
id: 'input-output',
|
||||
label: translate('Parameters'),
|
||||
entries: []
|
||||
};
|
||||
|
||||
var options = inputOutput(inputOutputGroup, element, bpmnFactory, translate);
|
||||
|
||||
var inputOutputParameterGroup = {
|
||||
id: 'input-output-parameter',
|
||||
entries: [],
|
||||
enabled: function(element, node) {
|
||||
return options.getSelectedParameter(element, node);
|
||||
},
|
||||
label: function(element, node) {
|
||||
var param = options.getSelectedParameter(element, node);
|
||||
return getInputOutputParameterLabel(param, translate);
|
||||
}
|
||||
};
|
||||
|
||||
inputOutputParameter(inputOutputParameterGroup, element, bpmnFactory, options, translate);
|
||||
|
||||
return [
|
||||
inputOutputGroup,
|
||||
inputOutputParameterGroup
|
||||
];
|
||||
}
|
||||
|
||||
function createConnectorTabGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
var connectorDetailsGroup = {
|
||||
id: 'connector-details',
|
||||
label: translate('Details'),
|
||||
entries: []
|
||||
};
|
||||
|
||||
connectorDetails(connectorDetailsGroup, element, bpmnFactory, translate);
|
||||
|
||||
var connectorInputOutputGroup = {
|
||||
id: 'connector-input-output',
|
||||
label: translate('Input/Output'),
|
||||
entries: []
|
||||
};
|
||||
|
||||
var options = connectorInputOutput(connectorInputOutputGroup, element, bpmnFactory, translate);
|
||||
|
||||
var connectorInputOutputParameterGroup = {
|
||||
id: 'connector-input-output-parameter',
|
||||
entries: [],
|
||||
enabled: function(element, node) {
|
||||
return options.getSelectedParameter(element, node);
|
||||
},
|
||||
label: function(element, node) {
|
||||
var param = options.getSelectedParameter(element, node);
|
||||
return getInputOutputParameterLabel(param, translate);
|
||||
}
|
||||
};
|
||||
|
||||
connectorInputOutputParameter(connectorInputOutputParameterGroup, element, bpmnFactory, options, translate);
|
||||
|
||||
return [
|
||||
connectorDetailsGroup,
|
||||
connectorInputOutputGroup,
|
||||
connectorInputOutputParameterGroup
|
||||
];
|
||||
}
|
||||
|
||||
function createFieldInjectionsTabGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
|
||||
var fieldGroup = {
|
||||
id: 'field-injections-properties',
|
||||
label: translate('Field Injections'),
|
||||
entries: []
|
||||
};
|
||||
|
||||
fieldInjections(fieldGroup, element, bpmnFactory, translate);
|
||||
|
||||
return [
|
||||
fieldGroup
|
||||
];
|
||||
}
|
||||
|
||||
function createExtensionElementsGroups(element, bpmnFactory, elementRegistry, translate) {
|
||||
|
||||
var propertiesGroup = {
|
||||
id : 'extensionElements-properties',
|
||||
label: translate('Properties'),
|
||||
entries: []
|
||||
};
|
||||
properties(propertiesGroup, element, bpmnFactory, translate);
|
||||
|
||||
return [
|
||||
propertiesGroup
|
||||
];
|
||||
}
|
||||
|
||||
// activiti Properties Provider /////////////////////////////////////
|
||||
|
||||
|
||||
/**
|
||||
* A properties provider for activiti related properties.
|
||||
*
|
||||
* @param {EventBus} eventBus
|
||||
* @param {Canvas} canvas
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
* @param {ElementRegistry} elementRegistry
|
||||
* @param {ElementTemplates} elementTemplates
|
||||
* @param {Translate} translate
|
||||
*/
|
||||
function ActivitiPropertiesProvider(
|
||||
eventBus, canvas, bpmnFactory,
|
||||
elementRegistry, elementTemplates, translate) {
|
||||
|
||||
PropertiesActivator.call(this, eventBus);
|
||||
|
||||
this.getTabs = function(element) {
|
||||
|
||||
var generalTab = {
|
||||
id: 'general',
|
||||
label: translate('General'),
|
||||
groups: createGeneralTabGroups(
|
||||
element, canvas, bpmnFactory,
|
||||
elementRegistry, elementTemplates, translate)
|
||||
};
|
||||
|
||||
var variablesTab = {
|
||||
id: 'variables',
|
||||
label: translate('Variables'),
|
||||
groups: createVariablesTabGroups(element, bpmnFactory, elementRegistry, translate)
|
||||
};
|
||||
|
||||
var formsTab = {
|
||||
id: 'forms',
|
||||
label: translate('Forms'),
|
||||
groups: createFormsTabGroups(element, bpmnFactory, elementRegistry, translate)
|
||||
};
|
||||
|
||||
var listenersTab = {
|
||||
id: 'listeners',
|
||||
label: translate('Listeners'),
|
||||
groups: createListenersTabGroups(element, bpmnFactory, elementRegistry, translate),
|
||||
enabled: function(element) {
|
||||
return !eventDefinitionHelper.getLinkEventDefinition(element)
|
||||
|| (!is(element, 'bpmn:IntermediateThrowEvent')
|
||||
&& eventDefinitionHelper.getLinkEventDefinition(element));
|
||||
}
|
||||
};
|
||||
|
||||
var inputOutputTab = {
|
||||
id: 'input-output',
|
||||
label: translate('Input/Output'),
|
||||
groups: createInputOutputTabGroups(element, bpmnFactory, elementRegistry, translate)
|
||||
};
|
||||
|
||||
var connectorTab = {
|
||||
id: 'connector',
|
||||
label: translate('Connector'),
|
||||
groups: createConnectorTabGroups(element, bpmnFactory, elementRegistry, translate),
|
||||
enabled: function(element) {
|
||||
var bo = implementationTypeHelper.getServiceTaskLikeBusinessObject(element);
|
||||
return bo && implementationTypeHelper.getImplementationType(bo) === 'connector';
|
||||
}
|
||||
};
|
||||
|
||||
var fieldInjectionsTab = {
|
||||
id: 'field-injections',
|
||||
label: translate('Field Injections'),
|
||||
groups: createFieldInjectionsTabGroups(element, bpmnFactory, elementRegistry, translate)
|
||||
};
|
||||
|
||||
var extensionsTab = {
|
||||
id: 'extensionElements',
|
||||
label: translate('Extensions'),
|
||||
groups: createExtensionElementsGroups(element, bpmnFactory, elementRegistry, translate)
|
||||
};
|
||||
|
||||
return [
|
||||
generalTab,
|
||||
variablesTab,
|
||||
connectorTab,
|
||||
formsTab,
|
||||
listenersTab,
|
||||
inputOutputTab,
|
||||
fieldInjectionsTab,
|
||||
extensionsTab
|
||||
];
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
ActivitiPropertiesProvider.$inject = [
|
||||
'eventBus',
|
||||
'canvas',
|
||||
'bpmnFactory',
|
||||
'elementRegistry',
|
||||
'elementTemplates',
|
||||
'translate'
|
||||
];
|
||||
|
||||
inherits(ActivitiPropertiesProvider, PropertiesActivator);
|
||||
|
||||
module.exports = ActivitiPropertiesProvider;
|
||||
@ -0,0 +1,251 @@
|
||||
'use strict';
|
||||
|
||||
var assign = require('lodash/assign');
|
||||
|
||||
/**
|
||||
* Create an input parameter representing the given
|
||||
* binding and value.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createInputParameter(binding, value, bpmnFactory) {
|
||||
var scriptFormat = binding.scriptFormat,
|
||||
parameterValue,
|
||||
parameterDefinition;
|
||||
|
||||
if (scriptFormat) {
|
||||
parameterDefinition = bpmnFactory.create('activiti:Script', {
|
||||
scriptFormat: scriptFormat,
|
||||
value: value
|
||||
});
|
||||
} else {
|
||||
parameterValue = value;
|
||||
}
|
||||
|
||||
return bpmnFactory.create('activiti:InputParameter', {
|
||||
name: binding.name,
|
||||
value: parameterValue,
|
||||
definition: parameterDefinition
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.createInputParameter = createInputParameter;
|
||||
|
||||
|
||||
/**
|
||||
* Create an output parameter representing the given
|
||||
* binding and value.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createOutputParameter(binding, value, bpmnFactory) {
|
||||
var scriptFormat = binding.scriptFormat,
|
||||
parameterValue,
|
||||
parameterDefinition;
|
||||
|
||||
if (scriptFormat) {
|
||||
parameterDefinition = bpmnFactory.create('activiti:Script', {
|
||||
scriptFormat: scriptFormat,
|
||||
value: binding.source
|
||||
});
|
||||
} else {
|
||||
parameterValue = binding.source;
|
||||
}
|
||||
|
||||
return bpmnFactory.create('activiti:OutputParameter', {
|
||||
name: value,
|
||||
value: parameterValue,
|
||||
definition: parameterDefinition
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.createOutputParameter = createOutputParameter;
|
||||
|
||||
|
||||
/**
|
||||
* Create activiti property from the given binding.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createActivitiProperty(binding, value, bpmnFactory) {
|
||||
return bpmnFactory.create('activiti:Property', {
|
||||
name: binding.name,
|
||||
value: value || ''
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.createActivitiProperty = createActivitiProperty;
|
||||
|
||||
|
||||
/**
|
||||
* Create activiti:in element from given binding.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createActivitiIn(binding, value, bpmnFactory) {
|
||||
|
||||
var properties = createActivitiInOutAttrs(binding, value);
|
||||
|
||||
return bpmnFactory.create('activiti:In', properties);
|
||||
}
|
||||
|
||||
module.exports.createActivitiIn = createActivitiIn;
|
||||
|
||||
|
||||
/**
|
||||
* Create activiti:in with businessKey element from given binding.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createActivitiInWithBusinessKey(binding, value, bpmnFactory) {
|
||||
return bpmnFactory.create('activiti:In', {
|
||||
businessKey: value
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.createActivitiInWithBusinessKey = createActivitiInWithBusinessKey;
|
||||
|
||||
|
||||
/**
|
||||
* Create activiti:out element from given binding.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createActivitiOut(binding, value, bpmnFactory) {
|
||||
var properties = createActivitiInOutAttrs(binding, value);
|
||||
|
||||
return bpmnFactory.create('activiti:Out', properties);
|
||||
}
|
||||
|
||||
module.exports.createActivitiOut = createActivitiOut;
|
||||
|
||||
|
||||
/**
|
||||
* Create activiti:executionListener element containing an inline script from given binding.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createActivitiExecutionListenerScript(binding, value, bpmnFactory) {
|
||||
var scriptFormat = binding.scriptFormat,
|
||||
parameterValue,
|
||||
parameterDefinition;
|
||||
|
||||
if (scriptFormat) {
|
||||
parameterDefinition = bpmnFactory.create('activiti:Script', {
|
||||
scriptFormat: scriptFormat,
|
||||
value: value
|
||||
});
|
||||
} else {
|
||||
parameterValue = value;
|
||||
}
|
||||
|
||||
return bpmnFactory.create('activiti:ExecutionListener', {
|
||||
event: binding.event,
|
||||
value: parameterValue,
|
||||
script: parameterDefinition
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.createActivitiExecutionListenerScript = createActivitiExecutionListenerScript;
|
||||
|
||||
/**
|
||||
* Create activiti:field element containing string or expression from given binding.
|
||||
*
|
||||
* @param {PropertyBinding} binding
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {ModdleElement}
|
||||
*/
|
||||
function createActivitiFieldInjection(binding, value, bpmnFactory) {
|
||||
var DEFAULT_PROPS = {
|
||||
'string': undefined,
|
||||
'expression': undefined,
|
||||
'name': undefined
|
||||
};
|
||||
|
||||
var props = assign({}, DEFAULT_PROPS);
|
||||
|
||||
if (!binding.expression) {
|
||||
props.string = value;
|
||||
} else {
|
||||
props.expression = value;
|
||||
}
|
||||
props.name = binding.name;
|
||||
|
||||
return bpmnFactory.create('activiti:Field', props);
|
||||
}
|
||||
module.exports.createActivitiFieldInjection = createActivitiFieldInjection;
|
||||
|
||||
|
||||
// helpers ////////////////////////////
|
||||
|
||||
/**
|
||||
* Create properties for activiti:in and activiti:out types.
|
||||
*/
|
||||
function createActivitiInOutAttrs(binding, value) {
|
||||
|
||||
var properties = {};
|
||||
|
||||
// activiti:in source(Expression) target
|
||||
if (binding.target) {
|
||||
|
||||
properties.target = binding.target;
|
||||
|
||||
if (binding.expression) {
|
||||
properties.sourceExpression = value;
|
||||
} else {
|
||||
properties.source = value;
|
||||
}
|
||||
} else
|
||||
|
||||
// activiti:(in|out) variables local
|
||||
if (binding.variables) {
|
||||
properties.variables = 'all';
|
||||
|
||||
if (binding.variables === 'local') {
|
||||
properties.local = true;
|
||||
}
|
||||
}
|
||||
|
||||
// activiti:out source(Expression) target
|
||||
else {
|
||||
properties.target = value;
|
||||
|
||||
[ 'source', 'sourceExpression' ].forEach(function(k) {
|
||||
if (binding[k]) {
|
||||
properties[k] = binding[k];
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return properties;
|
||||
}
|
||||
@ -0,0 +1,132 @@
|
||||
'use strict';
|
||||
|
||||
var inherits = require('inherits');
|
||||
|
||||
var getTemplate = require('./Helper').getTemplate;
|
||||
|
||||
var PropertiesActivator = require('../../../PropertiesActivator');
|
||||
|
||||
var HIGHER_PRIORITY = 1100;
|
||||
|
||||
/**
|
||||
* Applies template visibility settings.
|
||||
*
|
||||
* Controlled using `entriesVisible` on template config object:
|
||||
*
|
||||
* ```json
|
||||
* "entriesVisible": {
|
||||
* "_all": true|false,
|
||||
* "entryName": true|false,
|
||||
* ...
|
||||
* }
|
||||
* ```
|
||||
*
|
||||
* @param {EventBus} eventBus
|
||||
* @param {ElementTemplates} elementTemplates
|
||||
*/
|
||||
function CustomElementsPropertiesActivator(eventBus, elementTemplates) {
|
||||
PropertiesActivator.call(this, eventBus, HIGHER_PRIORITY);
|
||||
|
||||
this.isEntryVisible = function(entry, element) {
|
||||
|
||||
var template = getTemplate(element, elementTemplates);
|
||||
|
||||
if (template && !isEntryVisible(entry, template)) {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
this.isPropertyEditable = function(entry, propertyName, element) {
|
||||
|
||||
var template = getTemplate(element, elementTemplates);
|
||||
|
||||
if (template && !isEntryEditable(entry, template)) {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
CustomElementsPropertiesActivator.$inject = [ 'eventBus', 'elementTemplates' ];
|
||||
|
||||
inherits(CustomElementsPropertiesActivator, PropertiesActivator);
|
||||
|
||||
module.exports = CustomElementsPropertiesActivator;
|
||||
|
||||
|
||||
|
||||
// helpers ////////////////////////////////////
|
||||
|
||||
|
||||
var CUSTOM_PROPERTIES_PATTERN = /^custom-/;
|
||||
|
||||
var DEFAULT_ENTRIES_VISIBLE = {
|
||||
_all: false,
|
||||
id: true,
|
||||
name: true
|
||||
};
|
||||
|
||||
function isCustomEntry(entry) {
|
||||
return CUSTOM_PROPERTIES_PATTERN.test(entry.id);
|
||||
}
|
||||
|
||||
function isEntryVisible(entry, template) {
|
||||
|
||||
var entryId = entry.id;
|
||||
|
||||
if (entryId === 'elementTemplate-chooser' || isCustomEntry(entry)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var entriesVisible = template.entriesVisible || DEFAULT_ENTRIES_VISIBLE;
|
||||
|
||||
if (typeof entriesVisible === 'boolean') {
|
||||
return entriesVisible;
|
||||
}
|
||||
|
||||
var defaultVisible = entriesVisible._all || false,
|
||||
entryVisible = entriesVisible[entryId];
|
||||
|
||||
// d = true, e = false => false
|
||||
// d = false, e = true => true
|
||||
// d = false, e = false
|
||||
return (
|
||||
(defaultVisible === true && entryVisible !== false) ||
|
||||
(defaultVisible === false && entryVisible === true)
|
||||
);
|
||||
}
|
||||
|
||||
function isEntryEditable(entry, template) {
|
||||
|
||||
var property;
|
||||
|
||||
if (isCustomEntry(entry)) {
|
||||
property = getProperty(template, entry);
|
||||
|
||||
return property && property.editable !== false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function getProperty(template, entry) {
|
||||
|
||||
var index;
|
||||
var idx = entry.id.replace('custom-' + template.id + '-', '');
|
||||
if (idx.indexOf('-') !== -1) {
|
||||
var indexes = idx.split('-');
|
||||
if (indexes.length == 2) {
|
||||
var scopeName = indexes[0].replace(/_/g, ':');
|
||||
index = parseInt(indexes[1], 10);
|
||||
if (scopeName && !isNaN(index)) {
|
||||
return template.scopes[scopeName].properties[index];
|
||||
}
|
||||
}
|
||||
} else {
|
||||
index = parseInt(idx, 10);
|
||||
if (!isNaN(index)) {
|
||||
return template.properties[index];
|
||||
}
|
||||
}
|
||||
|
||||
throw new Error('cannot extract property index for entry <' + entry.id + '>');
|
||||
}
|
||||
@ -0,0 +1,56 @@
|
||||
'use strict';
|
||||
|
||||
var values = require('lodash/values');
|
||||
|
||||
/**
|
||||
* The guy knowing all configured element templates.
|
||||
*
|
||||
* This registry won't validate. Use the {@link Validator}
|
||||
* to verify a template is valid prior to adding it to
|
||||
* this registry.
|
||||
*/
|
||||
function ElementTemplates() {
|
||||
|
||||
this._templates = {};
|
||||
|
||||
/**
|
||||
* Sets the known element templates.
|
||||
*
|
||||
* @param {Array<TemplateDescriptor>} descriptors
|
||||
*
|
||||
* @return {ElementTemplates}
|
||||
*/
|
||||
this.set = function(descriptors) {
|
||||
|
||||
var templates = this._templates = {};
|
||||
|
||||
descriptors.forEach(function(descriptor) {
|
||||
templates[descriptor.id] = descriptor;
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Get template descriptor with given id.
|
||||
*
|
||||
* @param {String} id
|
||||
*
|
||||
* @return {TemplateDescriptor}
|
||||
*/
|
||||
this.get = function(id) {
|
||||
return this._templates[id];
|
||||
};
|
||||
|
||||
/**
|
||||
* Return all known template descriptors.
|
||||
*
|
||||
* @return {Array<TemplateDescriptor>}
|
||||
*/
|
||||
this.getAll = function() {
|
||||
return values(this._templates);
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
module.exports = ElementTemplates;
|
||||
@ -0,0 +1,96 @@
|
||||
'use strict';
|
||||
|
||||
var Validator = require('./Validator');
|
||||
|
||||
/**
|
||||
* The guy responsible for template loading.
|
||||
*
|
||||
* Provide the actual templates via the `config.elementTemplates`.
|
||||
*
|
||||
* That configuration can either be an array of template
|
||||
* descriptors or a node style callback to retrieve
|
||||
* the templates asynchronously.
|
||||
*
|
||||
* @param {Array<TemplateDescriptor>|Function} loadTemplates
|
||||
* @param {EventBus} eventBus
|
||||
* @param {ElementTemplates} elementTemplates
|
||||
*/
|
||||
function ElementTemplatesLoader(loadTemplates, eventBus, elementTemplates) {
|
||||
this._loadTemplates = loadTemplates;
|
||||
this._eventBus = eventBus;
|
||||
this._elementTemplates = elementTemplates;
|
||||
|
||||
var self = this;
|
||||
|
||||
eventBus.on('diagram.init', function() {
|
||||
self.reload();
|
||||
});
|
||||
}
|
||||
|
||||
module.exports = ElementTemplatesLoader;
|
||||
|
||||
ElementTemplatesLoader.$inject = [
|
||||
'config.elementTemplates',
|
||||
'eventBus',
|
||||
'elementTemplates'
|
||||
];
|
||||
|
||||
|
||||
ElementTemplatesLoader.prototype.reload = function() {
|
||||
|
||||
var self = this;
|
||||
|
||||
var loadTemplates = this._loadTemplates;
|
||||
|
||||
// no templates specified
|
||||
if (typeof loadTemplates === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
// template loader function specified
|
||||
if (typeof loadTemplates === 'function') {
|
||||
|
||||
return loadTemplates(function(err, templates) {
|
||||
|
||||
if (err) {
|
||||
return self.templateErrors([ err ]);
|
||||
}
|
||||
|
||||
self.setTemplates(templates);
|
||||
});
|
||||
}
|
||||
|
||||
// templates array specified
|
||||
if (loadTemplates.length) {
|
||||
return this.setTemplates(loadTemplates);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
ElementTemplatesLoader.prototype.setTemplates = function(templates) {
|
||||
|
||||
var elementTemplates = this._elementTemplates;
|
||||
|
||||
var validator = new Validator().addAll(templates);
|
||||
|
||||
var errors = validator.getErrors(),
|
||||
validTemplates = validator.getValidTemplates();
|
||||
|
||||
elementTemplates.set(validTemplates);
|
||||
|
||||
if (errors.length) {
|
||||
this.templateErrors(errors);
|
||||
}
|
||||
|
||||
this.templatesChanged();
|
||||
};
|
||||
|
||||
ElementTemplatesLoader.prototype.templatesChanged = function() {
|
||||
this._eventBus.fire('elementTemplates.changed');
|
||||
};
|
||||
|
||||
ElementTemplatesLoader.prototype.templateErrors = function(errors) {
|
||||
this._eventBus.fire('elementTemplates.errors', {
|
||||
errors: errors
|
||||
});
|
||||
};
|
||||
@ -0,0 +1,239 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
isAny = require('bpmn-js/lib/features/modeling/util/ModelingUtil').isAny;
|
||||
|
||||
var find = require('lodash/find');
|
||||
|
||||
|
||||
var TEMPLATE_ATTR = 'activiti:modelerTemplate';
|
||||
|
||||
/**
|
||||
* The BPMN 2.0 extension attribute name under
|
||||
* which the element template is stored.
|
||||
*
|
||||
* @type {String}
|
||||
*/
|
||||
module.exports.TEMPLATE_ATTR = TEMPLATE_ATTR;
|
||||
|
||||
|
||||
/**
|
||||
* Get template id for a given diagram element.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
*
|
||||
* @return {String}
|
||||
*/
|
||||
function getTemplateId(element) {
|
||||
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (bo) {
|
||||
return bo.get(TEMPLATE_ATTR);
|
||||
}
|
||||
}
|
||||
|
||||
module.exports.getTemplateId = getTemplateId;
|
||||
|
||||
|
||||
/**
|
||||
* Get template of a given element.
|
||||
*
|
||||
* @param {Element} element
|
||||
* @param {ElementTemplates} elementTemplates
|
||||
*
|
||||
* @return {TemplateDefinition}
|
||||
*/
|
||||
function getTemplate(element, elementTemplates) {
|
||||
var id = getTemplateId(element);
|
||||
|
||||
return id && elementTemplates.get(id);
|
||||
}
|
||||
|
||||
module.exports.getTemplate = getTemplate;
|
||||
|
||||
/**
|
||||
* Get default template for a given element.
|
||||
*
|
||||
* @param {Element} element
|
||||
* @param {ElementTemplates} elementTemplates
|
||||
*
|
||||
* @return {TemplateDefinition}
|
||||
*/
|
||||
function getDefaultTemplate(element, elementTemplates) {
|
||||
|
||||
// return first default template, if any exists
|
||||
return (
|
||||
elementTemplates.getAll().filter(function(t) {
|
||||
return isAny(element, t.appliesTo) && t.isDefault;
|
||||
})
|
||||
)[0];
|
||||
}
|
||||
|
||||
module.exports.getDefaultTemplate = getDefaultTemplate;
|
||||
|
||||
|
||||
/**
|
||||
* Find extension with given type in
|
||||
* BPMN element, diagram element or ExtensionElement.
|
||||
*
|
||||
* @param {ModdleElement|djs.model.Base} element
|
||||
* @param {String} type
|
||||
*
|
||||
* @return {ModdleElement} the extension
|
||||
*/
|
||||
function findExtension(element, type) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
var extensionElements;
|
||||
|
||||
if (is(bo, 'bpmn:ExtensionElements')) {
|
||||
extensionElements = bo;
|
||||
} else {
|
||||
extensionElements = bo.extensionElements;
|
||||
}
|
||||
|
||||
if (!extensionElements) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return find(extensionElements.get('values'), function(e) {
|
||||
return is(e, type);
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.findExtension = findExtension;
|
||||
|
||||
|
||||
function findExtensions(element, types) {
|
||||
var extensionElements = getExtensionElements(element);
|
||||
|
||||
if (!extensionElements) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return extensionElements.get('values').filter(function(e) {
|
||||
return isAny(e, types);
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.findExtensions = findExtensions;
|
||||
|
||||
|
||||
function findActivitiInOut(element, binding) {
|
||||
|
||||
var extensionElements = getExtensionElements(element);
|
||||
|
||||
if (!extensionElements) {
|
||||
return;
|
||||
}
|
||||
|
||||
var matcher;
|
||||
|
||||
if (binding.type === 'activiti:in') {
|
||||
matcher = function(e) {
|
||||
return is(e, 'activiti:In') && isInOut(e, binding);
|
||||
};
|
||||
} else
|
||||
if (binding.type === 'activiti:out') {
|
||||
matcher = function(e) {
|
||||
return is(e, 'activiti:Out') && isInOut(e, binding);
|
||||
};
|
||||
} else
|
||||
if (binding.type === 'activiti:in:businessKey') {
|
||||
matcher = function(e) {
|
||||
return is(e, 'activiti:In') && 'businessKey' in e;
|
||||
};
|
||||
}
|
||||
|
||||
return find(extensionElements.get('values'), matcher);
|
||||
}
|
||||
|
||||
module.exports.findActivitiInOut = findActivitiInOut;
|
||||
|
||||
function findActivitiProperty(activitiProperties, binding) {
|
||||
return find(activitiProperties.get('values'), function(p) {
|
||||
return p.name === binding.name;
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.findActivitiProperty = findActivitiProperty;
|
||||
|
||||
|
||||
function findInputParameter(inputOutput, binding) {
|
||||
var parameters = inputOutput.get('inputParameters');
|
||||
|
||||
return find(parameters, function(p) {
|
||||
return p.name === binding.name;
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.findInputParameter = findInputParameter;
|
||||
|
||||
|
||||
function findOutputParameter(inputOutput, binding) {
|
||||
var parameters = inputOutput.get('outputParameters');
|
||||
|
||||
return find(parameters, function(p) {
|
||||
var value = p.value;
|
||||
|
||||
if (!binding.scriptFormat) {
|
||||
return value === binding.source;
|
||||
}
|
||||
|
||||
var definition = p.definition;
|
||||
|
||||
if (!definition || binding.scriptFormat !== definition.scriptFormat) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return definition.value === binding.source;
|
||||
});
|
||||
}
|
||||
|
||||
module.exports.findOutputParameter = findOutputParameter;
|
||||
|
||||
|
||||
|
||||
// helpers /////////////////////////////////
|
||||
|
||||
function getExtensionElements(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (is(bo, 'bpmn:ExtensionElements')) {
|
||||
return bo;
|
||||
} else {
|
||||
return bo.extensionElements;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function isInOut(element, binding) {
|
||||
|
||||
if (binding.type === 'activiti:in') {
|
||||
// find based on target attribute
|
||||
if (binding.target) {
|
||||
return element.target === binding.target;
|
||||
}
|
||||
}
|
||||
|
||||
if (binding.type === 'activiti:out') {
|
||||
// find based on source / sourceExpression
|
||||
if (binding.source) {
|
||||
return element.source === binding.source;
|
||||
}
|
||||
|
||||
if (binding.sourceExpression) {
|
||||
return element.sourceExpression === binding.sourceExpression;
|
||||
}
|
||||
}
|
||||
|
||||
// find based variables / local combination
|
||||
if (binding.variables) {
|
||||
return element.variables === 'all' && (
|
||||
binding.variables !== 'local' || element.local
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,303 @@
|
||||
'use strict';
|
||||
|
||||
var isArray = require('lodash/isArray');
|
||||
var isObject = require('lodash/isObject');
|
||||
|
||||
var DROPDOWN_TYPE = 'Dropdown';
|
||||
|
||||
var VALID_TYPES = [ 'String', 'Text', 'Boolean', 'Hidden', DROPDOWN_TYPE ];
|
||||
|
||||
var PROPERTY_TYPE = 'property',
|
||||
ACTIVITI_PROPERTY_TYPE = 'activiti:property',
|
||||
ACTIVITI_INPUT_PARAMETER_TYPE = 'activiti:inputParameter',
|
||||
ACTIVITI_OUTPUT_PARAMETER_TYPE = 'activiti:outputParameter',
|
||||
ACTIVITI_IN_TYPE = 'activiti:in',
|
||||
ACTIVITI_OUT_TYPE = 'activiti:out',
|
||||
ACTIVITI_IN_BUSINESS_KEY_TYPE = 'activiti:in:businessKey',
|
||||
ACTIVITI_EXECUTION_LISTENER = 'activiti:executionListener',
|
||||
ACTIVITI_FIELD = 'activiti:field';
|
||||
|
||||
var VALID_BINDING_TYPES = [
|
||||
PROPERTY_TYPE,
|
||||
ACTIVITI_PROPERTY_TYPE,
|
||||
ACTIVITI_INPUT_PARAMETER_TYPE,
|
||||
ACTIVITI_OUTPUT_PARAMETER_TYPE,
|
||||
ACTIVITI_IN_TYPE,
|
||||
ACTIVITI_OUT_TYPE,
|
||||
ACTIVITI_IN_BUSINESS_KEY_TYPE,
|
||||
ACTIVITI_EXECUTION_LISTENER,
|
||||
ACTIVITI_FIELD
|
||||
];
|
||||
|
||||
|
||||
/**
|
||||
* A element template validator.
|
||||
*/
|
||||
function Validator() {
|
||||
|
||||
this._templatesById = {};
|
||||
|
||||
this._validTemplates = [];
|
||||
this._errors = [];
|
||||
|
||||
|
||||
/**
|
||||
* Adds the templates.
|
||||
*
|
||||
* @param {Array<TemplateDescriptor>} templates
|
||||
*
|
||||
* @return {Validator} self
|
||||
*/
|
||||
this.addAll = function(templates) {
|
||||
|
||||
if (!isArray(templates)) {
|
||||
this._logError('templates must be []');
|
||||
} else {
|
||||
templates.forEach(this.add, this);
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Add the given element template, if it is valid.
|
||||
*
|
||||
* @param {TemplateDescriptor} template
|
||||
*
|
||||
* @return {Validator} self
|
||||
*/
|
||||
this.add = function(template) {
|
||||
|
||||
var err = this._validateTemplate(template);
|
||||
|
||||
if (!err) {
|
||||
this._templatesById[template.id] = template;
|
||||
|
||||
this._validTemplates.push(template);
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Validate given template and return error (if any).
|
||||
*
|
||||
* @param {TemplateDescriptor} template
|
||||
*
|
||||
* @return {Error} validation error, if any
|
||||
*/
|
||||
this._validateTemplate = function(template) {
|
||||
|
||||
var err,
|
||||
id = template.id,
|
||||
appliesTo = template.appliesTo,
|
||||
properties = template.properties,
|
||||
scopes = template.scopes;
|
||||
|
||||
if (!id) {
|
||||
return this._logError('missing template id');
|
||||
}
|
||||
|
||||
if (id in this._templatesById) {
|
||||
return this._logError('template id <' + id + '> already used');
|
||||
}
|
||||
|
||||
if (!isArray(appliesTo)) {
|
||||
err = this._logError('missing appliesTo=[]', template);
|
||||
}
|
||||
|
||||
if (!isArray(properties)) {
|
||||
err = this._logError('missing properties=[]', template);
|
||||
} else {
|
||||
if (!this._validateProperties(properties)) {
|
||||
err = new Error('invalid properties');
|
||||
}
|
||||
}
|
||||
|
||||
if (scopes) {
|
||||
err = this._validateScopes(template, scopes);
|
||||
}
|
||||
|
||||
return err;
|
||||
};
|
||||
|
||||
this._validateScopes = function(template, scopes) {
|
||||
|
||||
var err,
|
||||
scope,
|
||||
scopeName;
|
||||
|
||||
if (!isObject(scopes) || isArray(scopes)) {
|
||||
return this._logError('invalid scopes, should be scopes={}', template);
|
||||
}
|
||||
|
||||
for (scopeName in scopes) {
|
||||
scope = scopes[scopeName];
|
||||
|
||||
if (!isObject(scope) || isArray(scope)) {
|
||||
err = this._logError('invalid scope, should be scope={}', template);
|
||||
}
|
||||
|
||||
if (!isArray(scope.properties)) {
|
||||
err = this._logError(
|
||||
'missing properties=[] in scope <' + scopeName + '>', template
|
||||
);
|
||||
} else {
|
||||
if (!this._validateProperties(scope.properties)) {
|
||||
err = new Error('invalid properties in scope <' + scopeName + '>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return err;
|
||||
};
|
||||
|
||||
/**
|
||||
* Validate properties and return false if any is invalid.
|
||||
*
|
||||
* @param {Array<PropertyDescriptor>} properties
|
||||
*
|
||||
* @return {Boolean} true if all properties are valid
|
||||
*/
|
||||
this._validateProperties = function(properties) {
|
||||
var validProperties = properties.filter(this._validateProperty, this);
|
||||
|
||||
return properties.length === validProperties.length;
|
||||
};
|
||||
|
||||
/**
|
||||
* Validate property and return false, if there was
|
||||
* a validation error.
|
||||
*
|
||||
* @param {PropertyDescriptor} property
|
||||
*
|
||||
* @return {Boolean} true if property is valid
|
||||
*/
|
||||
this._validateProperty = function(property) {
|
||||
|
||||
var type = property.type,
|
||||
binding = property.binding;
|
||||
|
||||
var err;
|
||||
|
||||
var bindingType = binding.type;
|
||||
|
||||
if (VALID_TYPES.indexOf(type) === -1) {
|
||||
err = this._logError(
|
||||
'invalid property type <' + type + '>; ' +
|
||||
'must be any of { ' + VALID_TYPES.join(', ') + ' }'
|
||||
);
|
||||
}
|
||||
|
||||
if (type === DROPDOWN_TYPE && bindingType !== ACTIVITI_EXECUTION_LISTENER) {
|
||||
if (!isArray(property.choices)) {
|
||||
err = this._logError(
|
||||
'must provide choices=[] with ' + DROPDOWN_TYPE + ' type'
|
||||
);
|
||||
} else
|
||||
|
||||
if (!property.choices.every(isDropdownChoiceValid)) {
|
||||
err = this._logError(
|
||||
'{ name, value } must be specified for ' +
|
||||
DROPDOWN_TYPE + ' choices'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (!binding) {
|
||||
return this._logError('property missing binding');
|
||||
}
|
||||
|
||||
if (VALID_BINDING_TYPES.indexOf(bindingType) === -1) {
|
||||
err = this._logError(
|
||||
'invalid property.binding type <' + bindingType + '>; ' +
|
||||
'must be any of { ' + VALID_BINDING_TYPES.join(', ') + ' }'
|
||||
);
|
||||
}
|
||||
|
||||
if (bindingType === PROPERTY_TYPE ||
|
||||
bindingType === ACTIVITI_PROPERTY_TYPE ||
|
||||
bindingType === ACTIVITI_INPUT_PARAMETER_TYPE ||
|
||||
bindingType === ACTIVITI_FIELD) {
|
||||
|
||||
if (!binding.name) {
|
||||
err = this._logError(
|
||||
'property.binding <' + bindingType + '> requires name'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_OUTPUT_PARAMETER_TYPE) {
|
||||
if (!binding.source) {
|
||||
err = this._logError(
|
||||
'property.binding <' + bindingType + '> requires source'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_IN_TYPE) {
|
||||
|
||||
if (!binding.variables && !binding.target) {
|
||||
err = this._logError(
|
||||
'property.binding <' + bindingType + '> requires ' +
|
||||
'variables or target'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_OUT_TYPE) {
|
||||
|
||||
if (!binding.variables && !binding.source && !binding.sourceExpression) {
|
||||
err = this._logError(
|
||||
'property.binding <' + bindingType + '> requires ' +
|
||||
'variables, sourceExpression or source'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_EXECUTION_LISTENER) {
|
||||
|
||||
if (type !== 'Hidden') {
|
||||
err = this._logError(
|
||||
'invalid property type <' + type + '> for ' + ACTIVITI_EXECUTION_LISTENER + '; ' +
|
||||
'must be <Hidden>'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return !err;
|
||||
};
|
||||
|
||||
|
||||
this._logError = function(err, template) {
|
||||
|
||||
if (typeof err === 'string') {
|
||||
if (template) {
|
||||
err = 'template(id: ' + template.id + ') ' + err;
|
||||
}
|
||||
|
||||
err = new Error(err);
|
||||
}
|
||||
|
||||
this._errors.push(err);
|
||||
|
||||
return err;
|
||||
};
|
||||
|
||||
this.getErrors = function() {
|
||||
return this._errors;
|
||||
};
|
||||
|
||||
this.getValidTemplates = function() {
|
||||
return this._validTemplates;
|
||||
};
|
||||
}
|
||||
|
||||
module.exports = Validator;
|
||||
|
||||
|
||||
// helpers ///////////////////////////////////
|
||||
|
||||
function isDropdownChoiceValid(c) {
|
||||
return 'name' in c && 'value' in c;
|
||||
}
|
||||
@ -0,0 +1,471 @@
|
||||
'use strict';
|
||||
|
||||
var findExtension = require('../Helper').findExtension,
|
||||
findExtensions = require('../Helper').findExtensions;
|
||||
|
||||
var createActivitiProperty = require('../CreateHelper').createActivitiProperty,
|
||||
createInputParameter = require('../CreateHelper').createInputParameter,
|
||||
createOutputParameter = require('../CreateHelper').createOutputParameter,
|
||||
createActivitiIn = require('../CreateHelper').createActivitiIn,
|
||||
createActivitiOut = require('../CreateHelper').createActivitiOut,
|
||||
createActivitiInWithBusinessKey = require('../CreateHelper').createActivitiInWithBusinessKey,
|
||||
createActivitiExecutionListenerScript = require('../CreateHelper').createActivitiExecutionListenerScript,
|
||||
createActivitiFieldInjection = require('../CreateHelper').createActivitiFieldInjection;
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
var ACTIVITI_SERVICE_TASK_LIKE = [
|
||||
'activiti:class',
|
||||
'activiti:delegateExpression',
|
||||
'activiti:expression'
|
||||
];
|
||||
|
||||
/**
|
||||
* A handler that changes the modeling template of a BPMN element.
|
||||
*/
|
||||
function ChangeElementTemplateHandler(modeling, commandStack, bpmnFactory) {
|
||||
|
||||
function getOrCreateExtensionElements(element) {
|
||||
|
||||
var bo = element.businessObject;
|
||||
|
||||
var extensionElements = bo.extensionElements;
|
||||
|
||||
// add extension elements
|
||||
if (!extensionElements) {
|
||||
extensionElements = bpmnFactory.create('bpmn:ExtensionElements', {
|
||||
values: []
|
||||
});
|
||||
|
||||
modeling.updateProperties(element, {
|
||||
extensionElements: extensionElements
|
||||
});
|
||||
}
|
||||
|
||||
return extensionElements;
|
||||
}
|
||||
|
||||
function updateModelerTemplate(element, newTemplate) {
|
||||
modeling.updateProperties(element, {
|
||||
'activiti:modelerTemplate': newTemplate && newTemplate.id
|
||||
});
|
||||
}
|
||||
|
||||
function updateIoMappings(element, newTemplate, context) {
|
||||
|
||||
var newMappings = createInputOutputMappings(newTemplate, bpmnFactory),
|
||||
oldMappings;
|
||||
|
||||
if (!newMappings) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (context) {
|
||||
commandStack.execute('properties-panel.update-businessobject', {
|
||||
element: element,
|
||||
businessObject: context,
|
||||
properties: { inputOutput: newMappings }
|
||||
});
|
||||
} else {
|
||||
context = getOrCreateExtensionElements(element);
|
||||
oldMappings = findExtension(element, 'activiti:InputOutput');
|
||||
commandStack.execute('properties-panel.update-businessobject-list', {
|
||||
element: element,
|
||||
currentObject: context,
|
||||
propertyName: 'values',
|
||||
objectsToAdd: [ newMappings ],
|
||||
objectsToRemove: oldMappings ? [ oldMappings ] : []
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function updateActivitiField(element, newTemplate, context) {
|
||||
|
||||
var newMappings = createActivitiFieldInjections(newTemplate, bpmnFactory),
|
||||
oldMappings;
|
||||
|
||||
if (!newMappings) {
|
||||
return;
|
||||
}
|
||||
if (context) {
|
||||
commandStack.execute('properties-panel.update-businessobject', {
|
||||
element: element,
|
||||
businessObject: context,
|
||||
properties: { field: newMappings }
|
||||
});
|
||||
} else {
|
||||
context = getOrCreateExtensionElements(element);
|
||||
oldMappings = findExtensions(element, ['activiti:Field']);
|
||||
|
||||
commandStack.execute('properties-panel.update-businessobject-list', {
|
||||
element: element,
|
||||
currentObject: context,
|
||||
propertyName: 'values',
|
||||
objectsToAdd: newMappings,
|
||||
objectsToRemove: oldMappings ? oldMappings : []
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function updateActivitiProperties(element, newTemplate, context) {
|
||||
|
||||
var newProperties = createActivitiProperties(newTemplate, bpmnFactory),
|
||||
oldProperties;
|
||||
|
||||
if (!newProperties) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (context) {
|
||||
commandStack.execute('properties-panel.update-businessobject', {
|
||||
element: element,
|
||||
businessObject: context,
|
||||
properties: { properties: newProperties }
|
||||
});
|
||||
} else {
|
||||
context = getOrCreateExtensionElements(element);
|
||||
oldProperties = findExtension(element, 'activiti:Properties');
|
||||
|
||||
commandStack.execute('properties-panel.update-businessobject-list', {
|
||||
element: element,
|
||||
currentObject: context,
|
||||
propertyName: 'values',
|
||||
objectsToAdd: [ newProperties ],
|
||||
objectsToRemove: oldProperties ? [ oldProperties ] : []
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function updateProperties(element, newTemplate, context) {
|
||||
|
||||
var newProperties = createBpmnPropertyUpdates(newTemplate, bpmnFactory);
|
||||
|
||||
var newPropertiesCount = Object.keys(newProperties).length;
|
||||
|
||||
if (!newPropertiesCount) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (context) {
|
||||
commandStack.execute('properties-panel.update-businessobject', {
|
||||
element: element,
|
||||
businessObject: context,
|
||||
properties: newProperties
|
||||
});
|
||||
} else {
|
||||
modeling.updateProperties(element, newProperties);
|
||||
}
|
||||
}
|
||||
|
||||
function updateInOut(element, newTemplate, context) {
|
||||
|
||||
var newInOut = createActivitiInOut(newTemplate, bpmnFactory),
|
||||
oldInOut;
|
||||
|
||||
if (!newInOut) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (context) {
|
||||
commandStack.execute('properties-panel.update-businessobject', {
|
||||
element: element,
|
||||
businessObject: context,
|
||||
properties: { inout: newInOut }
|
||||
});
|
||||
} else {
|
||||
context = getOrCreateExtensionElements(element);
|
||||
oldInOut = findExtensions(context, [ 'activiti:In', 'activiti:Out' ]);
|
||||
|
||||
commandStack.execute('properties-panel.update-businessobject-list', {
|
||||
element: element,
|
||||
currentObject: context,
|
||||
propertyName: 'values',
|
||||
objectsToAdd: newInOut,
|
||||
objectsToRemove: oldInOut
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function updateExecutionListener(element, newTemplate, context) {
|
||||
|
||||
var newExecutionListeners = createActivitiExecutionListeners(newTemplate, bpmnFactory),
|
||||
oldExecutionsListeners;
|
||||
|
||||
if (!newExecutionListeners.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (context) {
|
||||
commandStack.execute('properties-panel.update-businessobject', {
|
||||
element: element,
|
||||
businessObject: context,
|
||||
properties: { executionListener: newExecutionListeners }
|
||||
});
|
||||
} else {
|
||||
context = getOrCreateExtensionElements(element);
|
||||
oldExecutionsListeners = findExtensions(context, [ 'activiti:ExecutionListener' ]);
|
||||
|
||||
commandStack.execute('properties-panel.update-businessobject-list', {
|
||||
element: element,
|
||||
currentObject: context,
|
||||
propertyName: 'values',
|
||||
objectsToAdd: newExecutionListeners,
|
||||
objectsToRemove: oldExecutionsListeners
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Update / recreate a scoped element.
|
||||
*
|
||||
* @param {djs.model.Base} element the diagram parent element
|
||||
* @param {String} scopeName name of the scope, i.e. activiti:Connector
|
||||
* @param {Object} scopeDefinition
|
||||
*/
|
||||
function updateScopeElements(element, scopeName, scopeDefinition) {
|
||||
|
||||
var scopeElement = bpmnFactory.create(scopeName);
|
||||
|
||||
// update activiti:inputOutput
|
||||
updateIoMappings(element, scopeDefinition, scopeElement);
|
||||
|
||||
// update activiti:field
|
||||
updateActivitiField(element, scopeDefinition, scopeElement);
|
||||
|
||||
// update activiti:properties
|
||||
updateActivitiProperties(element, scopeDefinition, scopeElement);
|
||||
|
||||
// update other properties (bpmn:condition, activiti:async, ...)
|
||||
updateProperties(element, scopeDefinition, scopeElement);
|
||||
|
||||
// update activiti:in and activiti:out
|
||||
updateInOut(element, scopeDefinition, scopeElement);
|
||||
|
||||
// update activiti:executionListener
|
||||
updateExecutionListener(element, scopeDefinition, scopeElement);
|
||||
|
||||
var extensionElements = getOrCreateExtensionElements(element);
|
||||
var oldScope = findExtension(extensionElements, scopeName);
|
||||
|
||||
commandStack.execute('properties-panel.update-businessobject-list', {
|
||||
element: element,
|
||||
currentObject: extensionElements,
|
||||
propertyName: 'values',
|
||||
objectsToAdd: [ scopeElement ],
|
||||
objectsToRemove: oldScope ? [ oldScope ] : []
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Compose an element template change action, updating all
|
||||
* necessary underlying properties.
|
||||
*
|
||||
* @param {Object} context
|
||||
* @param {Object} context.element
|
||||
* @param {Object} context.oldTemplate
|
||||
* @param {Object} context.newTemplate
|
||||
*/
|
||||
this.preExecute = function(context) {
|
||||
|
||||
var element = context.element,
|
||||
newTemplate = context.newTemplate;
|
||||
|
||||
// update activiti:modelerTemplate attribute
|
||||
updateModelerTemplate(element, newTemplate);
|
||||
|
||||
if (newTemplate) {
|
||||
|
||||
// update activiti:inputOutput
|
||||
updateIoMappings(element, newTemplate);
|
||||
|
||||
// update activiti:field
|
||||
updateActivitiField(element, newTemplate);
|
||||
|
||||
// update activiti:properties
|
||||
updateActivitiProperties(element, newTemplate);
|
||||
|
||||
// update other properties (bpmn:condition, activiti:async, ...)
|
||||
updateProperties(element, newTemplate);
|
||||
|
||||
// update activiti:in and activiti:out
|
||||
updateInOut(element, newTemplate);
|
||||
|
||||
// update activiti:executionListener
|
||||
updateExecutionListener(element, newTemplate);
|
||||
|
||||
// loop on scopes properties
|
||||
forEach(newTemplate.scopes, function(scopeDefinition, scopeName) {
|
||||
updateScopeElements(element, scopeName, scopeDefinition);
|
||||
});
|
||||
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
ChangeElementTemplateHandler.$inject = [ 'modeling', 'commandStack', 'bpmnFactory' ];
|
||||
|
||||
module.exports = ChangeElementTemplateHandler;
|
||||
|
||||
|
||||
|
||||
// helpers /////////////////////////////
|
||||
|
||||
function createBpmnPropertyUpdates(template, bpmnFactory) {
|
||||
|
||||
var propertyUpdates = {};
|
||||
|
||||
template.properties.forEach(function(p) {
|
||||
|
||||
var binding = p.binding,
|
||||
bindingTarget = binding.name,
|
||||
propertyValue;
|
||||
|
||||
if (binding.type === 'property') {
|
||||
|
||||
if (bindingTarget === 'conditionExpression') {
|
||||
propertyValue = bpmnFactory.create('bpmn:FormalExpression', {
|
||||
body: p.value,
|
||||
language: binding.scriptFormat
|
||||
});
|
||||
} else {
|
||||
propertyValue = p.value;
|
||||
}
|
||||
|
||||
// assigning activiti:async to true|false
|
||||
// assigning bpmn:conditionExpression to { $type: 'bpmn:FormalExpression', ... }
|
||||
propertyUpdates[bindingTarget] = propertyValue;
|
||||
|
||||
// make sure we unset other "implementation types"
|
||||
// when applying a activiti:class template onto a preconfigured
|
||||
// activiti:delegateExpression element
|
||||
if (ACTIVITI_SERVICE_TASK_LIKE.indexOf(bindingTarget) !== -1) {
|
||||
ACTIVITI_SERVICE_TASK_LIKE.forEach(function(prop) {
|
||||
if (prop !== bindingTarget) {
|
||||
propertyUpdates[prop] = undefined;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return propertyUpdates;
|
||||
}
|
||||
|
||||
function createActivitiFieldInjections(template, bpmnFactory) {
|
||||
var injections = [];
|
||||
|
||||
template.properties.forEach(function(p) {
|
||||
var binding = p.binding,
|
||||
bindingType = binding.type;
|
||||
if (bindingType === 'activiti:field') {
|
||||
injections.push(createActivitiFieldInjection(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
}
|
||||
});
|
||||
|
||||
if (injections.length) {
|
||||
return injections;
|
||||
}
|
||||
}
|
||||
|
||||
function createActivitiProperties(template, bpmnFactory) {
|
||||
|
||||
var properties = [];
|
||||
|
||||
template.properties.forEach(function(p) {
|
||||
var binding = p.binding,
|
||||
bindingType = binding.type;
|
||||
|
||||
if (bindingType === 'activiti:property') {
|
||||
properties.push(createActivitiProperty(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
}
|
||||
});
|
||||
|
||||
if (properties.length) {
|
||||
return bpmnFactory.create('activiti:Properties', {
|
||||
values: properties
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function createInputOutputMappings(template, bpmnFactory) {
|
||||
|
||||
var inputParameters = [],
|
||||
outputParameters = [];
|
||||
|
||||
template.properties.forEach(function(p) {
|
||||
var binding = p.binding,
|
||||
bindingType = binding.type;
|
||||
|
||||
if (bindingType === 'activiti:inputParameter') {
|
||||
inputParameters.push(createInputParameter(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
}
|
||||
|
||||
if (bindingType === 'activiti:outputParameter') {
|
||||
outputParameters.push(createOutputParameter(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
}
|
||||
});
|
||||
|
||||
// do we need to create new ioMappings (?)
|
||||
if (outputParameters.length || inputParameters.length) {
|
||||
return bpmnFactory.create('activiti:InputOutput', {
|
||||
inputParameters: inputParameters,
|
||||
outputParameters: outputParameters
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function createActivitiInOut(template, bpmnFactory) {
|
||||
|
||||
var inOuts = [];
|
||||
|
||||
template.properties.forEach(function(p) {
|
||||
var binding = p.binding,
|
||||
bindingType = binding.type;
|
||||
|
||||
if (bindingType === 'activiti:in') {
|
||||
inOuts.push(createActivitiIn(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
} else
|
||||
if (bindingType === 'activiti:out') {
|
||||
inOuts.push(createActivitiOut(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
} else
|
||||
if (bindingType === 'activiti:in:businessKey') {
|
||||
inOuts.push(createActivitiInWithBusinessKey(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
}
|
||||
});
|
||||
|
||||
return inOuts;
|
||||
}
|
||||
|
||||
|
||||
function createActivitiExecutionListeners(template, bpmnFactory) {
|
||||
|
||||
var executionListener = [];
|
||||
|
||||
template.properties.forEach(function(p) {
|
||||
var binding = p.binding,
|
||||
bindingType = binding.type;
|
||||
|
||||
if (bindingType === 'activiti:executionListener') {
|
||||
executionListener.push(createActivitiExecutionListenerScript(
|
||||
binding, p.value, bpmnFactory
|
||||
));
|
||||
}
|
||||
});
|
||||
|
||||
return executionListener;
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
'use strict';
|
||||
|
||||
var ChangeElementTemplateHandler = require('./ChangeElementTemplateHandler');
|
||||
|
||||
var getTemplate = require('../Helper').getTemplate,
|
||||
getDefaultTemplate = require('../Helper').getDefaultTemplate;
|
||||
|
||||
function registerHandlers(commandStack, elementTemplates, eventBus, elementRegistry) {
|
||||
commandStack.registerHandler(
|
||||
'propertiesPanel.activiti.changeTemplate',
|
||||
ChangeElementTemplateHandler
|
||||
);
|
||||
|
||||
// apply default element templates on shape creation
|
||||
eventBus.on([ 'commandStack.shape.create.postExecuted' ], function(context) {
|
||||
applyDefaultTemplate(context.context.shape, elementTemplates, commandStack);
|
||||
});
|
||||
|
||||
// apply default element templates on connection creation
|
||||
eventBus.on([ 'commandStack.connection.create.postExecuted' ], function(context) {
|
||||
applyDefaultTemplate(context.context.connection, elementTemplates, commandStack);
|
||||
});
|
||||
}
|
||||
|
||||
registerHandlers.$inject = [ 'commandStack', 'elementTemplates', 'eventBus', 'elementRegistry' ];
|
||||
|
||||
|
||||
module.exports = {
|
||||
__init__: [ registerHandlers ]
|
||||
};
|
||||
|
||||
|
||||
function applyDefaultTemplate(element, elementTemplates, commandStack) {
|
||||
|
||||
if (!getTemplate(element, elementTemplates)
|
||||
&& getDefaultTemplate(element, elementTemplates)) {
|
||||
|
||||
var command = 'propertiesPanel.activiti.changeTemplate';
|
||||
var commandContext = {
|
||||
element: element,
|
||||
newTemplate: getDefaultTemplate(element, elementTemplates)
|
||||
};
|
||||
|
||||
commandStack.execute(command, commandContext);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
module.exports = {
|
||||
__depends__: [
|
||||
require('./cmd/index'),
|
||||
require('diagram-js/lib/i18n/translate').default
|
||||
],
|
||||
__init__: [
|
||||
'customElementsPropertiesActivator',
|
||||
'elementTemplatesLoader'
|
||||
],
|
||||
customElementsPropertiesActivator: [ 'type', require('./CustomElementsPropertiesActivator') ],
|
||||
elementTemplates: [ 'type', require('./ElementTemplates') ],
|
||||
elementTemplatesLoader: [ 'type', require('./ElementTemplatesLoader') ]
|
||||
};
|
||||
@ -0,0 +1,151 @@
|
||||
'use strict';
|
||||
|
||||
var entryFactory = require('../../../../factory/EntryFactory'),
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getTemplate = require('../Helper').getTemplate,
|
||||
getTemplateId = require('../Helper').getTemplateId;
|
||||
|
||||
var find = require('lodash/find');
|
||||
|
||||
var TEMPLATE_ATTR = require('../Helper').TEMPLATE_ATTR;
|
||||
|
||||
function isAny(element, types) {
|
||||
return types.reduce(function(result, type) {
|
||||
return result || is(element, type);
|
||||
}, false);
|
||||
}
|
||||
|
||||
|
||||
module.exports = function(group, element, elementTemplates, translate) {
|
||||
|
||||
var options = getTemplateOptions(element, elementTemplates, translate);
|
||||
|
||||
if (options.length === 1 && !options[0].isDefault) {
|
||||
return;
|
||||
}
|
||||
|
||||
// select element template (via dropdown)
|
||||
group.entries.push(entryFactory.selectBox({
|
||||
id: 'elementTemplate-chooser',
|
||||
label: translate('Element Template'),
|
||||
modelProperty: 'activiti:modelerTemplate',
|
||||
selectOptions: options,
|
||||
set: function(element, properties) {
|
||||
return applyTemplate(element, properties[TEMPLATE_ATTR], elementTemplates);
|
||||
},
|
||||
disabled: function() {
|
||||
var template = getTemplate(element, elementTemplates);
|
||||
|
||||
return template && isDefaultTemplate(template);
|
||||
}
|
||||
}));
|
||||
|
||||
};
|
||||
|
||||
|
||||
// helpers //////////////////////////////////////
|
||||
|
||||
function applyTemplate(element, newTemplateId, elementTemplates) {
|
||||
|
||||
// cleanup
|
||||
// clear input output mappings
|
||||
// undo changes to properties defined in template
|
||||
|
||||
// re-establish
|
||||
// set input output mappings
|
||||
// apply changes to properties as defined in new template
|
||||
|
||||
var oldTemplate = getTemplate(element, elementTemplates),
|
||||
newTemplate = elementTemplates.get(newTemplateId);
|
||||
|
||||
if (oldTemplate === newTemplate) {
|
||||
return;
|
||||
}
|
||||
|
||||
return {
|
||||
cmd: 'propertiesPanel.activiti.changeTemplate',
|
||||
context: {
|
||||
element: element,
|
||||
oldTemplate: oldTemplate,
|
||||
newTemplate: newTemplate
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function getTemplateOptions(element, elementTemplates, translate) {
|
||||
|
||||
var currentTemplateId = getTemplateId(element);
|
||||
|
||||
var emptyOption = {
|
||||
name: '',
|
||||
value: ''
|
||||
};
|
||||
|
||||
var allOptions = elementTemplates.getAll().reduce(function(templates, t) {
|
||||
if (!isAny(element, t.appliesTo)) {
|
||||
return templates;
|
||||
}
|
||||
|
||||
return templates.concat({
|
||||
name: translate(t.name),
|
||||
value: t.id,
|
||||
isDefault: t.isDefault
|
||||
});
|
||||
}, [ emptyOption ]);
|
||||
|
||||
|
||||
var defaultOption = find(allOptions, function(option) {
|
||||
return isDefaultTemplate(option);
|
||||
});
|
||||
|
||||
var currentOption = find(allOptions, function(option) {
|
||||
return option.value === currentTemplateId;
|
||||
});
|
||||
|
||||
if (currentTemplateId && !currentOption) {
|
||||
currentOption = unknownTemplate(currentTemplateId, translate);
|
||||
|
||||
allOptions.push(currentOption);
|
||||
}
|
||||
|
||||
if (!defaultOption) {
|
||||
|
||||
// return all options, including empty
|
||||
// and optionally unknownTemplate option
|
||||
return allOptions;
|
||||
}
|
||||
|
||||
// special limited handling for
|
||||
// default options
|
||||
|
||||
var options = [];
|
||||
|
||||
// current template not set
|
||||
if (!currentTemplateId) {
|
||||
options.push({
|
||||
name: '',
|
||||
value: ''
|
||||
});
|
||||
}
|
||||
|
||||
// current template not default
|
||||
if (currentOption && currentOption !== defaultOption) {
|
||||
options.push(currentOption);
|
||||
}
|
||||
|
||||
options.push(defaultOption);
|
||||
|
||||
// [ (empty), (current), defaultOption ]
|
||||
return options;
|
||||
}
|
||||
|
||||
function unknownTemplate(templateId, translate) {
|
||||
return {
|
||||
name: translate('[unknown template: {templateId}]', { templateId: templateId }),
|
||||
value: templateId
|
||||
};
|
||||
}
|
||||
|
||||
function isDefaultTemplate(elementTemplate) {
|
||||
return elementTemplate.isDefault;
|
||||
}
|
||||
@ -0,0 +1,770 @@
|
||||
'use strict';
|
||||
|
||||
var assign = require('lodash/assign');
|
||||
|
||||
var entryFactory = require('../../../../factory/EntryFactory'),
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
getTemplate = require('../Helper').getTemplate,
|
||||
cmdHelper = require('../../../../helper/CmdHelper'),
|
||||
elementHelper = require('../../../../helper/ElementHelper');
|
||||
|
||||
var findExtension = require('../Helper').findExtension,
|
||||
findExtensions = require('../Helper').findExtensions,
|
||||
findInputParameter = require('../Helper').findInputParameter,
|
||||
findOutputParameter = require('../Helper').findOutputParameter,
|
||||
findActivitiProperty = require('../Helper').findActivitiProperty,
|
||||
findActivitiInOut = require('../Helper').findActivitiInOut;
|
||||
|
||||
var createActivitiProperty = require('../CreateHelper').createActivitiProperty,
|
||||
createInputParameter = require('../CreateHelper').createInputParameter,
|
||||
createOutputParameter = require('../CreateHelper').createOutputParameter,
|
||||
createActivitiIn = require('../CreateHelper').createActivitiIn,
|
||||
createActivitiOut = require('../CreateHelper').createActivitiOut,
|
||||
createActivitiInWithBusinessKey = require('../CreateHelper').createActivitiInWithBusinessKey,
|
||||
createActivitiFieldInjection = require('../CreateHelper').createActivitiFieldInjection;
|
||||
|
||||
var ACTIVITI_PROPERTY_TYPE = 'activiti:property',
|
||||
ACTIVITI_INPUT_PARAMETER_TYPE = 'activiti:inputParameter',
|
||||
ACTIVITI_OUTPUT_PARAMETER_TYPE = 'activiti:outputParameter',
|
||||
ACTIVITI_IN_TYPE = 'activiti:in',
|
||||
ACTIVITI_OUT_TYPE = 'activiti:out',
|
||||
ACTIVITI_IN_BUSINESS_KEY_TYPE = 'activiti:in:businessKey',
|
||||
ACTIVITI_EXECUTION_LISTENER_TYPE = 'activiti:executionListener',
|
||||
ACTIVITI_FIELD = 'activiti:field';
|
||||
|
||||
var BASIC_MODDLE_TYPES = [
|
||||
'Boolean',
|
||||
'Integer',
|
||||
'String'
|
||||
];
|
||||
|
||||
var EXTENSION_BINDING_TYPES = [
|
||||
ACTIVITI_PROPERTY_TYPE,
|
||||
ACTIVITI_INPUT_PARAMETER_TYPE,
|
||||
ACTIVITI_OUTPUT_PARAMETER_TYPE,
|
||||
ACTIVITI_IN_TYPE,
|
||||
ACTIVITI_OUT_TYPE,
|
||||
ACTIVITI_IN_BUSINESS_KEY_TYPE,
|
||||
ACTIVITI_FIELD
|
||||
];
|
||||
|
||||
var IO_BINDING_TYPES = [
|
||||
ACTIVITI_INPUT_PARAMETER_TYPE,
|
||||
ACTIVITI_OUTPUT_PARAMETER_TYPE
|
||||
];
|
||||
|
||||
var IN_OUT_BINDING_TYPES = [
|
||||
ACTIVITI_IN_TYPE,
|
||||
ACTIVITI_OUT_TYPE,
|
||||
ACTIVITI_IN_BUSINESS_KEY_TYPE
|
||||
];
|
||||
|
||||
/**
|
||||
* Injects custom properties into the given group.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {ElementTemplates} elementTemplates
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
* @param {Function} translate
|
||||
*/
|
||||
module.exports = function(element, elementTemplates, bpmnFactory, translate) {
|
||||
|
||||
var template = getTemplate(element, elementTemplates);
|
||||
|
||||
if (!template) {
|
||||
return [];
|
||||
}
|
||||
|
||||
var renderCustomField = function(id, p, idx) {
|
||||
var propertyType = p.type;
|
||||
|
||||
var entryOptions = {
|
||||
id: id,
|
||||
description: p.description,
|
||||
label: p.label ? translate(p.label) : p.label,
|
||||
modelProperty: id,
|
||||
get: propertyGetter(id, p),
|
||||
set: propertySetter(id, p, bpmnFactory),
|
||||
validate: propertyValidator(id, p, translate)
|
||||
};
|
||||
|
||||
var entry;
|
||||
|
||||
if (propertyType === 'Boolean') {
|
||||
entry = entryFactory.checkbox(entryOptions);
|
||||
}
|
||||
|
||||
if (propertyType === 'String') {
|
||||
entry = entryFactory.textField(entryOptions);
|
||||
}
|
||||
|
||||
if (propertyType === 'Text') {
|
||||
entry = entryFactory.textBox(entryOptions);
|
||||
}
|
||||
|
||||
if (propertyType === 'Dropdown') {
|
||||
entryOptions.selectOptions = p.choices;
|
||||
|
||||
entry = entryFactory.selectBox(entryOptions);
|
||||
}
|
||||
|
||||
return entry;
|
||||
};
|
||||
|
||||
var groups = [];
|
||||
var id, entry;
|
||||
|
||||
var customFieldsGroup = {
|
||||
id: 'customField',
|
||||
label: translate('Custom Fields'),
|
||||
entries: []
|
||||
};
|
||||
template.properties.forEach(function(p, idx) {
|
||||
|
||||
id = 'custom-' + template.id + '-' + idx;
|
||||
|
||||
entry = renderCustomField(id, p, idx);
|
||||
if (entry) {
|
||||
customFieldsGroup.entries.push(entry);
|
||||
}
|
||||
});
|
||||
if (customFieldsGroup.entries.length > 0) {
|
||||
groups.push(customFieldsGroup);
|
||||
}
|
||||
|
||||
if (template.scopes) {
|
||||
for (var scopeName in template.scopes) {
|
||||
|
||||
var scope = template.scopes[scopeName];
|
||||
var idScopeName = scopeName.replace(/:/g, '_');
|
||||
|
||||
var customScopeFieldsGroup = {
|
||||
id: 'customField-' + idScopeName,
|
||||
label: translate('Custom Fields for scope: ') + scopeName,
|
||||
entries: []
|
||||
};
|
||||
|
||||
scope.properties.forEach(function(p, idx) {
|
||||
|
||||
var propertyId = 'custom-' + template.id + '-' + idScopeName + '-' + idx;
|
||||
|
||||
var scopedProperty = propertyWithScope(p, scopeName);
|
||||
|
||||
entry = renderCustomField(propertyId, scopedProperty, idx);
|
||||
if (entry) {
|
||||
customScopeFieldsGroup.entries.push(entry);
|
||||
}
|
||||
});
|
||||
|
||||
if (customScopeFieldsGroup.entries.length > 0) {
|
||||
groups.push(customScopeFieldsGroup);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return groups;
|
||||
};
|
||||
|
||||
|
||||
// getters, setters and validators ///////////////
|
||||
|
||||
|
||||
/**
|
||||
* Return a getter that retrieves the given property.
|
||||
*
|
||||
* @param {String} name
|
||||
* @param {PropertyDescriptor} property
|
||||
*
|
||||
* @return {Function}
|
||||
*/
|
||||
function propertyGetter(name, property) {
|
||||
|
||||
/* getter */
|
||||
return function get(element) {
|
||||
var value = getPropertyValue(element, property);
|
||||
|
||||
return objectWithKey(name, value);
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Return a setter that updates the given property.
|
||||
*
|
||||
* @param {String} name
|
||||
* @param {PropertyDescriptor} property
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {Function}
|
||||
*/
|
||||
function propertySetter(name, property, bpmnFactory) {
|
||||
|
||||
/* setter */
|
||||
return function set(element, values) {
|
||||
|
||||
var value = values[name];
|
||||
|
||||
return setPropertyValue(element, property, value, bpmnFactory);
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Return a validator that ensures the property is ok.
|
||||
*
|
||||
* @param {String} name
|
||||
* @param {PropertyDescriptor} property
|
||||
* @param {Function} translate
|
||||
*
|
||||
* @return {Function}
|
||||
*/
|
||||
function propertyValidator(name, property, translate) {
|
||||
|
||||
/* validator */
|
||||
return function validate(element, values) {
|
||||
var value = values[name];
|
||||
|
||||
var error = validateValue(value, property, translate);
|
||||
|
||||
if (error) {
|
||||
return objectWithKey(name, error);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// get, set and validate helpers ///////////////////
|
||||
|
||||
/**
|
||||
* Return the value of the specified property descriptor,
|
||||
* on the passed diagram element.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {PropertyDescriptor} property
|
||||
*
|
||||
* @return {Any}
|
||||
*/
|
||||
function getPropertyValue(element, property) {
|
||||
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
var binding = property.binding,
|
||||
scope = property.scope;
|
||||
|
||||
var bindingType = binding.type,
|
||||
bindingName = binding.name;
|
||||
|
||||
var propertyValue = property.value || '';
|
||||
|
||||
if (scope) {
|
||||
bo = findExtension(bo, scope.name);
|
||||
if (!bo) {
|
||||
return propertyValue;
|
||||
}
|
||||
}
|
||||
|
||||
// property
|
||||
if (bindingType === 'property') {
|
||||
|
||||
var value = bo.get(bindingName);
|
||||
|
||||
if (bindingName === 'conditionExpression') {
|
||||
if (value) {
|
||||
return value.body;
|
||||
} else {
|
||||
// return defined default
|
||||
return propertyValue;
|
||||
}
|
||||
} else {
|
||||
// return value; default to defined default
|
||||
return typeof value !== 'undefined' ? value : propertyValue;
|
||||
}
|
||||
}
|
||||
|
||||
var activitiProperties,
|
||||
activitiProperty;
|
||||
|
||||
if (bindingType === ACTIVITI_PROPERTY_TYPE) {
|
||||
if (scope) {
|
||||
activitiProperties = bo.get('properties');
|
||||
} else {
|
||||
activitiProperties = findExtension(bo, 'activiti:Properties');
|
||||
}
|
||||
|
||||
if (activitiProperties) {
|
||||
activitiProperty = findActivitiProperty(activitiProperties, binding);
|
||||
|
||||
if (activitiProperty) {
|
||||
return activitiProperty.value;
|
||||
}
|
||||
}
|
||||
|
||||
return propertyValue;
|
||||
}
|
||||
|
||||
var inputOutput,
|
||||
ioParameter;
|
||||
|
||||
if (IO_BINDING_TYPES.indexOf(bindingType) !== -1) {
|
||||
|
||||
if (scope) {
|
||||
inputOutput = bo.get('inputOutput');
|
||||
} else {
|
||||
inputOutput = findExtension(bo, 'activiti:InputOutput');
|
||||
}
|
||||
|
||||
if (!inputOutput) {
|
||||
// ioParameter cannot exist yet, return property value
|
||||
return propertyValue;
|
||||
}
|
||||
}
|
||||
|
||||
// activiti input parameter
|
||||
if (bindingType === ACTIVITI_INPUT_PARAMETER_TYPE) {
|
||||
ioParameter = findInputParameter(inputOutput, binding);
|
||||
|
||||
if (ioParameter) {
|
||||
if (binding.scriptFormat) {
|
||||
if (ioParameter.definition) {
|
||||
return ioParameter.definition.value;
|
||||
}
|
||||
} else {
|
||||
return ioParameter.value || '';
|
||||
}
|
||||
}
|
||||
|
||||
return propertyValue;
|
||||
}
|
||||
|
||||
// activiti output parameter
|
||||
if (binding.type === ACTIVITI_OUTPUT_PARAMETER_TYPE) {
|
||||
ioParameter = findOutputParameter(inputOutput, binding);
|
||||
|
||||
if (ioParameter) {
|
||||
return ioParameter.name;
|
||||
}
|
||||
|
||||
return propertyValue;
|
||||
}
|
||||
|
||||
|
||||
var ioElement;
|
||||
|
||||
if (IN_OUT_BINDING_TYPES.indexOf(bindingType) != -1) {
|
||||
ioElement = findActivitiInOut(bo, binding);
|
||||
|
||||
if (ioElement) {
|
||||
if (bindingType === ACTIVITI_IN_BUSINESS_KEY_TYPE) {
|
||||
return ioElement.businessKey;
|
||||
} else
|
||||
if (bindingType === ACTIVITI_OUT_TYPE) {
|
||||
return ioElement.target;
|
||||
} else
|
||||
if (bindingType === ACTIVITI_IN_TYPE) {
|
||||
return ioElement[binding.expression ? 'sourceExpression' : 'source'];
|
||||
}
|
||||
}
|
||||
|
||||
return propertyValue;
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_EXECUTION_LISTENER_TYPE) {
|
||||
var executionListener;
|
||||
if (scope) {
|
||||
executionListener = bo.get('executionListener');
|
||||
} else {
|
||||
executionListener = findExtension(bo, 'activiti:ExecutionListener');
|
||||
}
|
||||
|
||||
return executionListener.script.value;
|
||||
}
|
||||
|
||||
var fieldInjection;
|
||||
if (ACTIVITI_FIELD === bindingType) {
|
||||
var fieldInjections = findExtensions(bo, [ 'activiti:Field' ]);
|
||||
fieldInjections.forEach(function(item) {
|
||||
if (item.name === binding.name) {
|
||||
fieldInjection = item;
|
||||
}
|
||||
});
|
||||
if (fieldInjection) {
|
||||
return fieldInjection.string || fieldInjection.expression;
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
throw unknownPropertyBinding(property);
|
||||
}
|
||||
|
||||
module.exports.getPropertyValue = getPropertyValue;
|
||||
|
||||
|
||||
/**
|
||||
* Return an update operation that changes the diagram
|
||||
* element's custom property to the given value.
|
||||
*
|
||||
* The response of this method will be processed via
|
||||
* {@link PropertiesPanel#applyChanges}.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {PropertyDescriptor} property
|
||||
* @param {String} value
|
||||
* @param {BpmnFactory} bpmnFactory
|
||||
*
|
||||
* @return {Object|Array<Object>} results to be processed
|
||||
*/
|
||||
function setPropertyValue(element, property, value, bpmnFactory) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
var binding = property.binding,
|
||||
scope = property.scope;
|
||||
|
||||
var bindingType = binding.type,
|
||||
bindingName = binding.name;
|
||||
|
||||
var propertyValue;
|
||||
|
||||
var updates = [];
|
||||
|
||||
var extensionElements;
|
||||
|
||||
if (EXTENSION_BINDING_TYPES.indexOf(bindingType) !== -1) {
|
||||
extensionElements = bo.get('extensionElements');
|
||||
|
||||
// create extension elements, if they do not exist (yet)
|
||||
if (!extensionElements) {
|
||||
extensionElements = elementHelper.createElement('bpmn:ExtensionElements', null, element, bpmnFactory);
|
||||
|
||||
updates.push(cmdHelper.updateBusinessObject(
|
||||
element, bo, objectWithKey('extensionElements', extensionElements)
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
if (scope) {
|
||||
bo = findExtension(bo, scope.name);
|
||||
if (!bo) {
|
||||
bo = elementHelper.createElement(scope.name, null, element, bpmnFactory);
|
||||
|
||||
updates.push(cmdHelper.addElementsTolist(
|
||||
bo, extensionElements, 'values', [ bo ]
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
// property
|
||||
if (bindingType === 'property') {
|
||||
|
||||
if (bindingName === 'conditionExpression') {
|
||||
|
||||
propertyValue = elementHelper.createElement('bpmn:FormalExpression', {
|
||||
body: value,
|
||||
language: binding.scriptFormat
|
||||
}, bo, bpmnFactory);
|
||||
} else {
|
||||
|
||||
var moddlePropertyDescriptor = bo.$descriptor.propertiesByName[bindingName];
|
||||
|
||||
var moddleType = moddlePropertyDescriptor.type;
|
||||
|
||||
// make sure we only update String, Integer, Real and
|
||||
// Boolean properties (do not accidentally override complex objects...)
|
||||
if (BASIC_MODDLE_TYPES.indexOf(moddleType) === -1) {
|
||||
throw new Error('cannot set moddle type <' + moddleType + '>');
|
||||
}
|
||||
|
||||
if (moddleType === 'Boolean') {
|
||||
propertyValue = !!value;
|
||||
} else
|
||||
if (moddleType === 'Integer') {
|
||||
propertyValue = parseInt(value, 10);
|
||||
|
||||
if (isNaN(propertyValue)) {
|
||||
// do not write NaN value
|
||||
propertyValue = undefined;
|
||||
}
|
||||
} else {
|
||||
propertyValue = value;
|
||||
}
|
||||
}
|
||||
|
||||
if (propertyValue !== undefined) {
|
||||
updates.push(cmdHelper.updateBusinessObject(
|
||||
element, bo, objectWithKey(bindingName, propertyValue)
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
// activiti:property
|
||||
var activitiProperties,
|
||||
existingActivitiProperty,
|
||||
newActivitiProperty;
|
||||
|
||||
if (bindingType === ACTIVITI_PROPERTY_TYPE) {
|
||||
|
||||
if (scope) {
|
||||
activitiProperties = bo.get('properties');
|
||||
} else {
|
||||
activitiProperties = findExtension(extensionElements, 'activiti:Properties');
|
||||
}
|
||||
|
||||
if (!activitiProperties) {
|
||||
activitiProperties = elementHelper.createElement('activiti:Properties', null, bo, bpmnFactory);
|
||||
|
||||
if (scope) {
|
||||
updates.push(cmdHelper.updateBusinessObject(
|
||||
element, bo, { properties: activitiProperties }
|
||||
));
|
||||
}
|
||||
else {
|
||||
updates.push(cmdHelper.addElementsTolist(
|
||||
element, extensionElements, 'values', [ activitiProperties ]
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
existingActivitiProperty = findActivitiProperty(activitiProperties, binding);
|
||||
|
||||
newActivitiProperty = createActivitiProperty(binding, value, bpmnFactory);
|
||||
|
||||
updates.push(cmdHelper.addAndRemoveElementsFromList(
|
||||
element,
|
||||
activitiProperties,
|
||||
'values',
|
||||
null,
|
||||
[ newActivitiProperty ],
|
||||
existingActivitiProperty ? [ existingActivitiProperty ] : []
|
||||
));
|
||||
}
|
||||
|
||||
// activiti:inputParameter
|
||||
// activiti:outputParameter
|
||||
var inputOutput,
|
||||
existingIoParameter,
|
||||
newIoParameter;
|
||||
|
||||
if (IO_BINDING_TYPES.indexOf(bindingType) !== -1) {
|
||||
|
||||
if (scope) {
|
||||
inputOutput = bo.get('inputOutput');
|
||||
} else {
|
||||
inputOutput = findExtension(extensionElements, 'activiti:InputOutput');
|
||||
}
|
||||
|
||||
// create inputOutput element, if it do not exist (yet)
|
||||
if (!inputOutput) {
|
||||
inputOutput = elementHelper.createElement('activiti:InputOutput', null, bo, bpmnFactory);
|
||||
|
||||
if (scope) {
|
||||
updates.push(cmdHelper.updateBusinessObject(
|
||||
element, bo, { inputOutput: inputOutput }
|
||||
));
|
||||
}
|
||||
else {
|
||||
updates.push(cmdHelper.addElementsTolist(
|
||||
element, extensionElements, 'values', inputOutput
|
||||
));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_INPUT_PARAMETER_TYPE) {
|
||||
|
||||
existingIoParameter = findInputParameter(inputOutput, binding);
|
||||
|
||||
newIoParameter = createInputParameter(binding, value, bpmnFactory);
|
||||
|
||||
updates.push(cmdHelper.addAndRemoveElementsFromList(
|
||||
element,
|
||||
inputOutput,
|
||||
'inputParameters',
|
||||
null,
|
||||
[ newIoParameter ],
|
||||
existingIoParameter ? [ existingIoParameter ] : []
|
||||
));
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_OUTPUT_PARAMETER_TYPE) {
|
||||
|
||||
existingIoParameter = findOutputParameter(inputOutput, binding);
|
||||
|
||||
newIoParameter = createOutputParameter(binding, value, bpmnFactory);
|
||||
|
||||
updates.push(cmdHelper.addAndRemoveElementsFromList(
|
||||
element,
|
||||
inputOutput,
|
||||
'outputParameters',
|
||||
null,
|
||||
[ newIoParameter ],
|
||||
existingIoParameter ? [ existingIoParameter ] : []
|
||||
));
|
||||
}
|
||||
|
||||
|
||||
// activiti:in
|
||||
// activiti:out
|
||||
// activiti:in:businessKey
|
||||
var existingInOut,
|
||||
newInOut;
|
||||
|
||||
if (IN_OUT_BINDING_TYPES.indexOf(bindingType) !== -1) {
|
||||
|
||||
existingInOut = findActivitiInOut(bo, binding);
|
||||
|
||||
if (bindingType === ACTIVITI_IN_TYPE) {
|
||||
newInOut = createActivitiIn(binding, value, bpmnFactory);
|
||||
} else
|
||||
if (bindingType === ACTIVITI_OUT_TYPE) {
|
||||
newInOut = createActivitiOut(binding, value, bpmnFactory);
|
||||
} else {
|
||||
newInOut = createActivitiInWithBusinessKey(binding, value, bpmnFactory);
|
||||
}
|
||||
|
||||
updates.push(cmdHelper.addAndRemoveElementsFromList(
|
||||
element,
|
||||
extensionElements,
|
||||
'values',
|
||||
null,
|
||||
[ newInOut ],
|
||||
existingInOut ? [ existingInOut ] : []
|
||||
));
|
||||
}
|
||||
|
||||
if (bindingType === ACTIVITI_FIELD) {
|
||||
var existingFieldInjections = findExtensions(bo, [ 'activiti:Field' ]);
|
||||
var newFieldInjections = [];
|
||||
|
||||
if (existingFieldInjections.length > 0) {
|
||||
existingFieldInjections.forEach(function(item) {
|
||||
if (item.name === binding.name) {
|
||||
newFieldInjections.push(createActivitiFieldInjection(binding, value, bpmnFactory));
|
||||
} else {
|
||||
newFieldInjections.push(item);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
newFieldInjections.push(createActivitiFieldInjection(binding, value, bpmnFactory));
|
||||
}
|
||||
|
||||
updates.push(cmdHelper.addAndRemoveElementsFromList(
|
||||
element,
|
||||
extensionElements,
|
||||
'values',
|
||||
null,
|
||||
newFieldInjections,
|
||||
existingFieldInjections ? existingFieldInjections : []
|
||||
));
|
||||
}
|
||||
|
||||
if (updates.length) {
|
||||
return updates;
|
||||
}
|
||||
|
||||
// quick warning for better debugging
|
||||
console.warn('no update', element, property, value);
|
||||
}
|
||||
|
||||
module.exports.setPropertyValue = setPropertyValue;
|
||||
|
||||
/**
|
||||
* Validate value of a given property.
|
||||
*
|
||||
* @param {String} value
|
||||
* @param {PropertyDescriptor} property
|
||||
* @param {Function} translate
|
||||
*
|
||||
* @return {Object} with validation errors
|
||||
*/
|
||||
function validateValue(value, property, translate) {
|
||||
|
||||
var constraints = property.constraints || {};
|
||||
|
||||
if (constraints.notEmpty && isEmpty(value)) {
|
||||
return translate('Must not be empty');
|
||||
}
|
||||
|
||||
if (constraints.maxLength && value.length > constraints.maxLength) {
|
||||
return translate('Must have max length {length}', { length: constraints.maxLength });
|
||||
}
|
||||
|
||||
if (constraints.minLength && value.length < constraints.minLength) {
|
||||
return translate('Must have min length {length}', { length: constraints.minLength });
|
||||
}
|
||||
|
||||
var pattern = constraints.pattern,
|
||||
message;
|
||||
|
||||
if (pattern) {
|
||||
|
||||
if (typeof pattern !== 'string') {
|
||||
message = pattern.message;
|
||||
pattern = pattern.value;
|
||||
}
|
||||
|
||||
if (!matchesPattern(value, pattern)) {
|
||||
return message || translate('Must match pattern {pattern}', { pattern: pattern });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// misc helpers ///////////////////////////////
|
||||
|
||||
function propertyWithScope(property, scopeName) {
|
||||
if (!scopeName) {
|
||||
return property;
|
||||
}
|
||||
|
||||
return assign({}, property, {
|
||||
scope: {
|
||||
name: scopeName
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Return an object with a single key -> value association.
|
||||
*
|
||||
* @param {String} key
|
||||
* @param {Any} value
|
||||
*
|
||||
* @return {Object}
|
||||
*/
|
||||
function objectWithKey(key, value) {
|
||||
var obj = {};
|
||||
|
||||
obj[key] = value;
|
||||
|
||||
return obj;
|
||||
}
|
||||
|
||||
/**
|
||||
* Does the given string match the specified pattern?
|
||||
*
|
||||
* @param {String} str
|
||||
* @param {String} pattern
|
||||
*
|
||||
* @return {Boolean}
|
||||
*/
|
||||
function matchesPattern(str, pattern) {
|
||||
var regexp = new RegExp(pattern);
|
||||
|
||||
return regexp.test(str);
|
||||
}
|
||||
|
||||
function isEmpty(str) {
|
||||
return !str || /^\s*$/.test(str);
|
||||
}
|
||||
|
||||
/**
|
||||
* Create a new {@link Error} indicating an unknown
|
||||
* property binding.
|
||||
*
|
||||
* @param {PropertyDescriptor} property
|
||||
*
|
||||
* @return {Error}
|
||||
*/
|
||||
function unknownPropertyBinding(property) {
|
||||
var binding = property.binding;
|
||||
|
||||
return new Error('unknown binding: <' + binding.type + '>');
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var Validator = require('../Validator');
|
||||
|
||||
/**
|
||||
* Validate the given template descriptors and
|
||||
* return a list of errors.
|
||||
*
|
||||
* @param {Array<TemplateDescriptor>} descriptors
|
||||
*
|
||||
* @return {Array<Error>}
|
||||
*/
|
||||
module.exports = function validate(descriptors) {
|
||||
|
||||
return new Validator().addAll(descriptors).getErrors();
|
||||
};
|
||||
@ -0,0 +1,9 @@
|
||||
module.exports = {
|
||||
__depends__: [
|
||||
require('./element-templates/index'),
|
||||
require('diagram-js/lib/i18n/translate').default
|
||||
],
|
||||
__init__: [ 'propertiesProvider' ],
|
||||
propertiesProvider: [ 'type', require('./ActivitiPropertiesProvider') ]
|
||||
};
|
||||
|
||||
@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
asyncContinuation = require('./implementation/AsyncContinuation');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
if (is(element, 'activiti:AsyncCapable')) {
|
||||
|
||||
group.entries = group.entries.concat(asyncContinuation(element, bpmnFactory, {
|
||||
getBusinessObject: getBusinessObject
|
||||
}, translate));
|
||||
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,90 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is;
|
||||
|
||||
var entryFactory = require('../../../factory/EntryFactory');
|
||||
|
||||
var callable = require('./implementation/Callable');
|
||||
|
||||
var cmdHelper = require('../../../helper/CmdHelper');
|
||||
|
||||
var flattenDeep = require('lodash/flattenDeep');
|
||||
var assign = require('lodash/assign');
|
||||
|
||||
function getCallableType(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
var boCalledElement = bo.get('calledElement'),
|
||||
boCaseRef = bo.get('activiti:caseRef');
|
||||
|
||||
var callActivityType = '';
|
||||
if (typeof boCalledElement !== 'undefined') {
|
||||
callActivityType = 'bpmn';
|
||||
} else
|
||||
|
||||
if (typeof boCaseRef !== 'undefined') {
|
||||
callActivityType = 'cmmn';
|
||||
}
|
||||
|
||||
return callActivityType;
|
||||
}
|
||||
|
||||
var DEFAULT_PROPS = {
|
||||
calledElement: undefined,
|
||||
'activiti:calledElementBinding': 'latest',
|
||||
'activiti:calledElementVersion': undefined,
|
||||
'activiti:calledElementTenantId': undefined,
|
||||
'activiti:variableMappingClass' : undefined,
|
||||
'activiti:variableMappingDelegateExpression' : undefined,
|
||||
'activiti:caseRef': undefined,
|
||||
'activiti:caseBinding': 'latest',
|
||||
'activiti:caseVersion': undefined,
|
||||
'activiti:caseTenantId': undefined
|
||||
};
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
if (!is(element, 'activiti:CallActivity')) {
|
||||
return;
|
||||
}
|
||||
|
||||
group.entries.push(entryFactory.selectBox({
|
||||
id : 'callActivity',
|
||||
label: translate('CallActivity Type'),
|
||||
selectOptions: [
|
||||
{ name: 'BPMN', value: 'bpmn' },
|
||||
{ name: 'CMMN', value: 'cmmn' }
|
||||
],
|
||||
emptyParameter: true,
|
||||
modelProperty: 'callActivityType',
|
||||
|
||||
get: function(element, node) {
|
||||
return {
|
||||
callActivityType: getCallableType(element)
|
||||
};
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var type = values.callActivityType;
|
||||
|
||||
var props = assign({}, DEFAULT_PROPS);
|
||||
|
||||
if (type === 'bpmn') {
|
||||
props.calledElement = '';
|
||||
}
|
||||
else if (type === 'cmmn') {
|
||||
props['activiti:caseRef'] = '';
|
||||
}
|
||||
|
||||
return cmdHelper.updateProperties(element, props);
|
||||
}
|
||||
|
||||
}));
|
||||
|
||||
group.entries.push(callable(element, bpmnFactory, {
|
||||
getCallableType: getCallableType
|
||||
}, translate));
|
||||
|
||||
group.entries = flattenDeep(group.entries);
|
||||
};
|
||||
@ -0,0 +1,27 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var candidateStarter = require('./implementation/CandidateStarter');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
var businessObject = getBusinessObject(element);
|
||||
|
||||
if (is(element, 'activiti:Process') ||
|
||||
is(element, 'bpmn:Participant') && businessObject.get('processRef')) {
|
||||
|
||||
group.entries = group.entries.concat(candidateStarter(element, bpmnFactory, {
|
||||
getBusinessObject: function(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (!is(bo, 'bpmn:Participant')) {
|
||||
return bo;
|
||||
}
|
||||
|
||||
return bo.get('processRef');
|
||||
}
|
||||
}, translate));
|
||||
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,185 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
isAny = require('bpmn-js/lib/features/modeling/util/ModelingUtil').isAny,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
escapeHTML = require('../../../Utils').escapeHTML,
|
||||
domQuery = require('min-dom').query,
|
||||
cmdHelper = require('../../../helper/CmdHelper'),
|
||||
elementHelper = require('../../../helper/ElementHelper'),
|
||||
eventDefinitionHelper = require('../../../helper/EventDefinitionHelper'),
|
||||
scriptImplementation = require('./implementation/Script');
|
||||
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (!bo) {
|
||||
return;
|
||||
}
|
||||
|
||||
var conditionalEventDefinition = eventDefinitionHelper.getConditionalEventDefinition(element);
|
||||
|
||||
if (!(is(element, 'bpmn:SequenceFlow') && isConditionalSource(element.source))
|
||||
&& !conditionalEventDefinition) {
|
||||
return;
|
||||
}
|
||||
|
||||
var script = scriptImplementation('language', 'body', true, translate);
|
||||
group.entries.push({
|
||||
id: 'condition',
|
||||
label: translate('Condition'),
|
||||
html: '<div class="bpp-row">' +
|
||||
'<label for="cam-condition-type">'+ escapeHTML(translate('Condition Type')) + '</label>' +
|
||||
'<div class="bpp-field-wrapper">' +
|
||||
'<select id="cam-condition-type" name="conditionType" data-value>' +
|
||||
'<option value="expression">'+ escapeHTML(translate('Expression')) + '</option>' +
|
||||
'<option value="script">'+ escapeHTML(translate('Script')) + '</option>' +
|
||||
'<option value="" selected></option>' +
|
||||
'</select>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
|
||||
// expression
|
||||
'<div class="bpp-row">' +
|
||||
'<label for="cam-condition" data-show="isExpression">' + escapeHTML(translate('Expression')) + '</label>' +
|
||||
'<div class="bpp-field-wrapper" data-show="isExpression">' +
|
||||
'<input id="cam-condition" type="text" name="condition" />' +
|
||||
'<button class="clear" data-action="clear" data-show="canClear">' +
|
||||
'<span>X</span>' +
|
||||
'</button>' +
|
||||
'</div>' +
|
||||
'<div data-show="isScript">' +
|
||||
script.template +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
|
||||
get: function(element, propertyName) {
|
||||
var conditionalEventDefinition = eventDefinitionHelper.getConditionalEventDefinition(element);
|
||||
|
||||
var conditionExpression = conditionalEventDefinition
|
||||
? conditionalEventDefinition.condition
|
||||
: bo.conditionExpression;
|
||||
|
||||
var values = {},
|
||||
conditionType = '';
|
||||
|
||||
if (conditionExpression) {
|
||||
var conditionLanguage = conditionExpression.language;
|
||||
if (typeof conditionLanguage !== 'undefined') {
|
||||
conditionType = 'script';
|
||||
values = script.get(element, conditionExpression);
|
||||
} else {
|
||||
conditionType = 'expression';
|
||||
values.condition = conditionExpression.get('body');
|
||||
}
|
||||
}
|
||||
|
||||
values.conditionType = conditionType;
|
||||
|
||||
return values;
|
||||
|
||||
},
|
||||
|
||||
set: function(element, values, containerElement) {
|
||||
var conditionType = values.conditionType;
|
||||
var commands = [];
|
||||
|
||||
var conditionProps = {
|
||||
body: undefined
|
||||
};
|
||||
|
||||
if (conditionType === 'script') {
|
||||
conditionProps = script.set(element, values, containerElement);
|
||||
} else {
|
||||
var condition = values.condition;
|
||||
|
||||
conditionProps.body = condition;
|
||||
}
|
||||
|
||||
var conditionOrConditionExpression;
|
||||
|
||||
if (conditionType) {
|
||||
conditionOrConditionExpression = elementHelper.createElement(
|
||||
'bpmn:FormalExpression',
|
||||
conditionProps,
|
||||
conditionalEventDefinition || bo,
|
||||
bpmnFactory
|
||||
);
|
||||
|
||||
var source = element.source;
|
||||
|
||||
// if default-flow, remove default-property from source
|
||||
if (source && source.businessObject.default === bo) {
|
||||
commands.push(cmdHelper.updateProperties(source, { 'default': undefined }));
|
||||
}
|
||||
}
|
||||
|
||||
var update = conditionalEventDefinition
|
||||
? { condition: conditionOrConditionExpression }
|
||||
: { conditionExpression: conditionOrConditionExpression };
|
||||
|
||||
commands.push(cmdHelper.updateBusinessObject(element, conditionalEventDefinition || bo, update));
|
||||
|
||||
return commands;
|
||||
},
|
||||
|
||||
validate: function(element, values) {
|
||||
var validationResult = {};
|
||||
|
||||
if (!values.condition && values.conditionType === 'expression') {
|
||||
validationResult.condition = translate('Must provide a value');
|
||||
}
|
||||
else if (values.conditionType === 'script') {
|
||||
validationResult = script.validate(element, values);
|
||||
}
|
||||
|
||||
return validationResult;
|
||||
},
|
||||
|
||||
isExpression: function(element, inputNode) {
|
||||
var conditionType = domQuery('select[name=conditionType]', inputNode);
|
||||
if (conditionType.selectedIndex >= 0) {
|
||||
return conditionType.options[conditionType.selectedIndex].value === 'expression';
|
||||
}
|
||||
},
|
||||
|
||||
isScript: function(element, inputNode) {
|
||||
var conditionType = domQuery('select[name=conditionType]', inputNode);
|
||||
if (conditionType.selectedIndex >= 0) {
|
||||
return conditionType.options[conditionType.selectedIndex].value === 'script';
|
||||
}
|
||||
},
|
||||
|
||||
clear: function(element, inputNode) {
|
||||
// clear text input
|
||||
domQuery('input[name=condition]', inputNode).value='';
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
canClear: function(element, inputNode) {
|
||||
var input = domQuery('input[name=condition]', inputNode);
|
||||
|
||||
return input.value !== '';
|
||||
},
|
||||
|
||||
script : script,
|
||||
|
||||
cssClasses: [ 'bpp-textfield' ]
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
// utilities //////////////////////////
|
||||
|
||||
var CONDITIONAL_SOURCES = [
|
||||
'bpmn:Activity',
|
||||
'bpmn:ExclusiveGateway',
|
||||
'bpmn:InclusiveGateway',
|
||||
'bpmn:ComplexGateway'
|
||||
];
|
||||
|
||||
function isConditionalSource(element) {
|
||||
return isAny(element, CONDITIONAL_SOURCES);
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
'use strict';
|
||||
|
||||
var ImplementationTypeHelper = require('../../../helper/ImplementationTypeHelper'),
|
||||
InputOutputHelper = require('../../../helper/InputOutputHelper');
|
||||
|
||||
var entryFactory = require('../../../factory/EntryFactory'),
|
||||
cmdHelper = require('../../../helper/CmdHelper');
|
||||
|
||||
function getImplementationType(element) {
|
||||
return ImplementationTypeHelper.getImplementationType(element);
|
||||
}
|
||||
|
||||
function getBusinessObject(element) {
|
||||
return ImplementationTypeHelper.getServiceTaskLikeBusinessObject(element);
|
||||
}
|
||||
|
||||
function getConnector(bo) {
|
||||
return InputOutputHelper.getConnector(bo);
|
||||
}
|
||||
|
||||
function isConnector(element) {
|
||||
return getImplementationType(element) === 'connector';
|
||||
}
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
group.entries.push(entryFactory.textField({
|
||||
id: 'connectorId',
|
||||
label: translate('Connector Id'),
|
||||
modelProperty: 'connectorId',
|
||||
|
||||
get: function(element, node) {
|
||||
var bo = getBusinessObject(element);
|
||||
var connector = bo && getConnector(bo);
|
||||
var value = connector && connector.get('connectorId');
|
||||
return { connectorId: value };
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var bo = getBusinessObject(element);
|
||||
var connector = getConnector(bo);
|
||||
return cmdHelper.updateBusinessObject(element, connector, {
|
||||
connectorId: values.connectorId || undefined
|
||||
});
|
||||
},
|
||||
|
||||
validate: function(element, values, node) {
|
||||
return isConnector(element) && !values.connectorId ? { connectorId: translate('Must provide a value') } : {};
|
||||
},
|
||||
|
||||
hidden: function(element, node) {
|
||||
return !isConnector(element);
|
||||
}
|
||||
|
||||
}));
|
||||
|
||||
};
|
||||
@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var assign = require('lodash/assign');
|
||||
|
||||
var inputOutputParameter = require('./implementation/InputOutputParameter');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, options, translate) {
|
||||
|
||||
options = assign({
|
||||
idPrefix: 'connector-',
|
||||
insideConnector: true
|
||||
}, options);
|
||||
|
||||
group.entries = group.entries.concat(inputOutputParameter(element, bpmnFactory, options, translate));
|
||||
|
||||
};
|
||||
@ -0,0 +1,18 @@
|
||||
'use strict';
|
||||
|
||||
var inputOutput = require('./implementation/InputOutput');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var inputOutputEntry = inputOutput(element, bpmnFactory, {
|
||||
idPrefix: 'connector-',
|
||||
insideConnector: true
|
||||
}, translate);
|
||||
|
||||
group.entries = group.entries.concat(inputOutputEntry.entries);
|
||||
|
||||
return {
|
||||
getSelectedParameter: inputOutputEntry.getSelectedParameter
|
||||
};
|
||||
|
||||
};
|
||||
@ -0,0 +1,40 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
eventDefinitionHelper = require('../../../helper/EventDefinitionHelper'),
|
||||
error = require('./implementation/ErrorEventDefinition');
|
||||
|
||||
var forEach = require('lodash/forEach');
|
||||
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var errorEvents = [
|
||||
'bpmn:StartEvent',
|
||||
'bpmn:BoundaryEvent',
|
||||
'bpmn:EndEvent'
|
||||
];
|
||||
|
||||
forEach(errorEvents, function(event) {
|
||||
if (is(element, event)) {
|
||||
|
||||
var errorEventDefinition = eventDefinitionHelper.getErrorEventDefinition(element);
|
||||
|
||||
if (errorEventDefinition) {
|
||||
var isCatchingErrorEvent = is(element, 'bpmn:StartEvent') || is (element, 'bpmn:BoundaryEvent');
|
||||
|
||||
var showErrorCodeVariable = isCatchingErrorEvent,
|
||||
showErrorMessageVariable = isCatchingErrorEvent;
|
||||
|
||||
error(
|
||||
group,
|
||||
element,
|
||||
bpmnFactory,
|
||||
errorEventDefinition,
|
||||
showErrorCodeVariable,
|
||||
showErrorMessageVariable,
|
||||
translate);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
@ -0,0 +1,40 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var ImplementationTypeHelper = require('../../../helper/ImplementationTypeHelper');
|
||||
|
||||
var externalTaskPriority = require('./implementation/ExternalTaskPriority');
|
||||
|
||||
function getServiceTaskLikeBusinessObject(element) {
|
||||
var bo = ImplementationTypeHelper.getServiceTaskLikeBusinessObject(element);
|
||||
|
||||
// if the element is not a serviceTaskLike element, fetch the normal business object
|
||||
// This avoids the loss of the process / participant business object
|
||||
if (!bo) {
|
||||
bo = getBusinessObject(element);
|
||||
}
|
||||
|
||||
return bo;
|
||||
}
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var bo = getServiceTaskLikeBusinessObject(element);
|
||||
|
||||
if (!bo) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (is(bo, 'activiti:TaskPriorized') || (is(bo, 'bpmn:Participant')) && bo.get('processRef')) {
|
||||
group.entries = group.entries.concat(externalTaskPriority(element, bpmnFactory, {
|
||||
getBusinessObject: function(element) {
|
||||
if (!is(bo, 'bpmn:Participant')) {
|
||||
return bo;
|
||||
}
|
||||
return bo.get('processRef');
|
||||
}
|
||||
}, translate));
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,21 @@
|
||||
'use strict';
|
||||
|
||||
var ImplementationTypeHelper = require('../../../helper/ImplementationTypeHelper');
|
||||
|
||||
var fieldInjection = require('./implementation/FieldInjection');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var bo = ImplementationTypeHelper.getServiceTaskLikeBusinessObject(element);
|
||||
|
||||
if (!bo) {
|
||||
return;
|
||||
}
|
||||
|
||||
var fieldInjectionEntry = fieldInjection(element, bpmnFactory, translate, { businessObject: bo });
|
||||
|
||||
if (fieldInjectionEntry && fieldInjectionEntry.length > 0) {
|
||||
group.entries = group.entries.concat(fieldInjectionEntry);
|
||||
}
|
||||
|
||||
};
|
||||
@ -0,0 +1,476 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
getExtensionElements = require('../../../helper/ExtensionElementsHelper').getExtensionElements,
|
||||
removeEntry = require('../../../helper/ExtensionElementsHelper').removeEntry,
|
||||
extensionElements = require('./implementation/ExtensionElements'),
|
||||
properties = require('./implementation/Properties'),
|
||||
entryFactory = require('../../../factory/EntryFactory'),
|
||||
elementHelper = require('../../../helper/ElementHelper'),
|
||||
cmdHelper = require('../../../helper/CmdHelper'),
|
||||
formHelper = require('../../../helper/FormHelper'),
|
||||
utils = require('../../../Utils'),
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
find = require('lodash/find'),
|
||||
each = require('lodash/forEach');
|
||||
|
||||
function generateValueId() {
|
||||
return utils.nextId('Value_');
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate a form field specific textField using entryFactory.
|
||||
*
|
||||
* @param {string} options.id
|
||||
* @param {string} options.label
|
||||
* @param {string} options.modelProperty
|
||||
* @param {function} options.validate
|
||||
*
|
||||
* @return {Object} an entryFactory.textField object
|
||||
*/
|
||||
function formFieldTextField(options, getSelectedFormField) {
|
||||
|
||||
var id = options.id,
|
||||
label = options.label,
|
||||
modelProperty = options.modelProperty,
|
||||
validate = options.validate;
|
||||
|
||||
return entryFactory.textField({
|
||||
id: id,
|
||||
label: label,
|
||||
modelProperty: modelProperty,
|
||||
get: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node) || {},
|
||||
values = {};
|
||||
|
||||
values[modelProperty] = selectedFormField[modelProperty];
|
||||
|
||||
return values;
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var commands = [];
|
||||
|
||||
if (typeof options.set === 'function') {
|
||||
var cmd = options.set(element, values, node);
|
||||
|
||||
if (cmd) {
|
||||
commands.push(cmd);
|
||||
}
|
||||
}
|
||||
|
||||
var formField = getSelectedFormField(element, node),
|
||||
properties = {};
|
||||
|
||||
properties[modelProperty] = values[modelProperty] || undefined;
|
||||
|
||||
commands.push(cmdHelper.updateBusinessObject(element, formField, properties));
|
||||
|
||||
return commands;
|
||||
},
|
||||
hidden: function(element, node) {
|
||||
return !getSelectedFormField(element, node);
|
||||
},
|
||||
validate: validate
|
||||
});
|
||||
}
|
||||
|
||||
function ensureFormKeyAndDataSupported(element) {
|
||||
return (
|
||||
is(element, 'bpmn:StartEvent') && !is(element.parent, 'bpmn:SubProcess')
|
||||
) || is(element, 'bpmn:UserTask');
|
||||
}
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
if (!ensureFormKeyAndDataSupported(element)) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Return the currently selected form field querying the form field select box
|
||||
* from the DOM.
|
||||
*
|
||||
* @param {djs.model.Base} element
|
||||
* @param {DOMElement} node - DOM element of any form field text input
|
||||
*
|
||||
* @return {ModdleElement} the currently selected form field
|
||||
*/
|
||||
function getSelectedFormField(element, node) {
|
||||
var selected = formFieldsEntry.getSelected(element, node.parentNode);
|
||||
|
||||
if (selected.idx === -1) {
|
||||
return;
|
||||
}
|
||||
|
||||
return formHelper.getFormField(element, selected.idx);
|
||||
}
|
||||
|
||||
// [FormKey] form key text input field
|
||||
group.entries.push(entryFactory.textField({
|
||||
id : 'form-key',
|
||||
label : translate('Form Key'),
|
||||
modelProperty: 'formKey',
|
||||
get: function(element, node) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
return {
|
||||
formKey: bo.get('activiti:formKey')
|
||||
};
|
||||
},
|
||||
set: function(element, values, node) {
|
||||
var bo = getBusinessObject(element),
|
||||
formKey = values.formKey || undefined;
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, bo, { 'activiti:formKey': formKey });
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] form field select box
|
||||
var formFieldsEntry = extensionElements(element, bpmnFactory, {
|
||||
id: 'form-fields',
|
||||
label: translate('Form Fields'),
|
||||
modelProperty: 'id',
|
||||
prefix: 'FormProperty',
|
||||
createExtensionElement: function(element, extensionElements, value) {
|
||||
var bo = getBusinessObject(element), commands = [];
|
||||
|
||||
if (!extensionElements) {
|
||||
extensionElements = elementHelper.createElement('bpmn:ExtensionElements', { values: [] }, bo, bpmnFactory);
|
||||
commands.push(cmdHelper.updateProperties(element, { extensionElements: extensionElements }));
|
||||
}
|
||||
/* var formData = formHelper.getFormData(element);
|
||||
|
||||
if (!formData) {
|
||||
formData = elementHelper.createElement('activiti:FormData', { fields: [] }, extensionElements, bpmnFactory);
|
||||
commands.push(cmdHelper.addAndRemoveElementsFromList(
|
||||
element,
|
||||
extensionElements,
|
||||
'values',
|
||||
'extensionElements',
|
||||
[formData],
|
||||
[]
|
||||
));
|
||||
}*/
|
||||
/**activiti 是向 extensionElements 下追加元素，而不是 formData 下，*/
|
||||
var field = elementHelper.createElement('activiti:FormProperty', { id: value }, extensionElements, bpmnFactory);
|
||||
if (typeof extensionElements.values !== 'undefined') {
|
||||
commands.push(cmdHelper.addElementsTolist(element, extensionElements, 'values', [ field ]));
|
||||
} else {
|
||||
commands.push(cmdHelper.updateBusinessObject(element, extensionElements, {
|
||||
values: [ field ]
|
||||
}));
|
||||
}
|
||||
return commands;
|
||||
},
|
||||
removeExtensionElement: function(element, extensionElements, value, idx) {
|
||||
var fields = formHelper.getFormFields(element);
|
||||
var entry = fields[idx],
|
||||
commands = [];
|
||||
|
||||
if (fields.length < 2) {
|
||||
commands.push(removeEntry(getBusinessObject(element), element, extensionElements));
|
||||
} else {
|
||||
commands.push(cmdHelper.removeElementsFromList(element, extensionElements, 'values', null, [entry]));
|
||||
/* if (entry.id === formData.get('businessKey')) {
|
||||
commands.push(cmdHelper.updateBusinessObject(element, extensionElements, { 'businessKey': undefined }));
|
||||
}*/
|
||||
}
|
||||
|
||||
return commands;
|
||||
},
|
||||
getExtensionElements: function(element) {
|
||||
return formHelper.getFormFields(element);
|
||||
},
|
||||
hideExtensionElements: function(element, node) {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
group.entries.push(formFieldsEntry);
|
||||
|
||||
|
||||
// [FormData] Form Field label
|
||||
group.entries.push(entryFactory.label({
|
||||
id: 'form-field-header',
|
||||
labelText: translate('Form Field'),
|
||||
showLabel: function(element, node) {
|
||||
return !!getSelectedFormField(element, node);
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] form field id text input field
|
||||
group.entries.push(entryFactory.validationAwareTextField({
|
||||
id: 'form-field-id',
|
||||
label: translate('ID'),
|
||||
modelProperty: 'id',
|
||||
|
||||
getProperty: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node) || {};
|
||||
|
||||
return selectedFormField.id;
|
||||
},
|
||||
|
||||
setProperty: function(element, properties, node) {
|
||||
var formField = getSelectedFormField(element, node);
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, formField, properties);
|
||||
},
|
||||
|
||||
hidden: function(element, node) {
|
||||
return !getSelectedFormField(element, node);
|
||||
},
|
||||
|
||||
validate: function(element, values, node) {
|
||||
|
||||
var formField = getSelectedFormField(element, node);
|
||||
|
||||
if (formField) {
|
||||
|
||||
var idValue = values.id;
|
||||
|
||||
if (!idValue || idValue.trim() === '') {
|
||||
return { id: 'Form field id must not be empty' };
|
||||
}
|
||||
|
||||
var formFields = formHelper.getFormFields(element);
|
||||
|
||||
var existingFormField = find(formFields, function(f) {
|
||||
return f !== formField && f.id === idValue;
|
||||
});
|
||||
|
||||
if (existingFormField) {
|
||||
return { id: 'Form field id already used in form data.' };
|
||||
}
|
||||
}
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] form field type combo box
|
||||
group.entries.push(entryFactory.comboBox({
|
||||
id: 'form-field-type',
|
||||
label: translate('Type'),
|
||||
selectOptions: [
|
||||
{ name: 'string', value: 'string' },
|
||||
{ name: 'long', value: 'long' },
|
||||
{ name: 'boolean', value: 'boolean' },
|
||||
{ name: 'date', value: 'date' },
|
||||
{ name: 'enum', value: 'enum' }
|
||||
],
|
||||
modelProperty: 'type',
|
||||
emptyParameter: true,
|
||||
|
||||
get: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node);
|
||||
|
||||
if (selectedFormField) {
|
||||
return { type: selectedFormField.type };
|
||||
} else {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
set: function(element, values, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node),
|
||||
commands = [];
|
||||
|
||||
if (selectedFormField.type === 'enum' && values.type !== 'enum') {
|
||||
// delete activiti:value objects from formField.values when switching from type enum
|
||||
commands.push(cmdHelper.updateBusinessObject(element, selectedFormField, { values: undefined }));
|
||||
}
|
||||
commands.push(cmdHelper.updateBusinessObject(element, selectedFormField, values));
|
||||
|
||||
return commands;
|
||||
},
|
||||
hidden: function(element, node) {
|
||||
return !getSelectedFormField(element, node);
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] form field label text input field
|
||||
group.entries.push(formFieldTextField({
|
||||
id: 'form-field-label',
|
||||
label: translate('Label'),
|
||||
modelProperty: 'label'
|
||||
}, getSelectedFormField));
|
||||
|
||||
// [FormData] form field defaultValue text input field
|
||||
group.entries.push(formFieldTextField({
|
||||
id: 'form-field-defaultValue',
|
||||
label: translate('Default Value'),
|
||||
modelProperty: 'defaultValue'
|
||||
}, getSelectedFormField));
|
||||
|
||||
|
||||
// [FormData] form field enum values label
|
||||
group.entries.push(entryFactory.label({
|
||||
id: 'form-field-enum-values-header',
|
||||
labelText: translate('Values'),
|
||||
divider: true,
|
||||
showLabel: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node);
|
||||
|
||||
return selectedFormField && selectedFormField.type === 'enum';
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] form field enum values table
|
||||
group.entries.push(entryFactory.table({
|
||||
id: 'form-field-enum-values',
|
||||
labels: [ translate('Id'), translate('Name') ],
|
||||
modelProperties: [ 'id', 'name' ],
|
||||
addLabel:translate('Add Value'),
|
||||
show: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node);
|
||||
|
||||
return selectedFormField && selectedFormField.type === 'enum';
|
||||
},
|
||||
getElements: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node);
|
||||
|
||||
return formHelper.getEnumValues(selectedFormField);
|
||||
},
|
||||
addElement: function(element, node) {
|
||||
var selectedFormField = getSelectedFormField(element, node),
|
||||
id = generateValueId();
|
||||
|
||||
var enumValue = elementHelper.createElement(
|
||||
'activiti:Value',
|
||||
{ id: id, name: undefined },
|
||||
getBusinessObject(element),
|
||||
bpmnFactory
|
||||
);
|
||||
|
||||
return cmdHelper.addElementsTolist(element, selectedFormField, 'values', [enumValue]);
|
||||
},
|
||||
removeElement: function(element, node, idx) {
|
||||
var selectedFormField = getSelectedFormField(element, node),
|
||||
enumValue = selectedFormField.values[idx];
|
||||
|
||||
return cmdHelper.removeElementsFromList(element, selectedFormField, 'values', null, [enumValue]);
|
||||
},
|
||||
updateElement: function(element, value, node, idx) {
|
||||
var selectedFormField = getSelectedFormField(element, node),
|
||||
enumValue = selectedFormField.values[idx];
|
||||
|
||||
value.name = value.name || undefined;
|
||||
return cmdHelper.updateBusinessObject(element, enumValue, value);
|
||||
},
|
||||
validate: function(element, value, node, idx) {
|
||||
|
||||
var selectedFormField = getSelectedFormField(element, node),
|
||||
enumValue = selectedFormField.values[idx];
|
||||
|
||||
if (enumValue) {
|
||||
// check if id is valid
|
||||
var validationError = utils.isIdValid(enumValue, value.id, translate);
|
||||
|
||||
if (validationError) {
|
||||
return { id: validationError };
|
||||
}
|
||||
}
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] Validation label
|
||||
group.entries.push(entryFactory.label({
|
||||
id: 'form-field-validation-header',
|
||||
labelText: translate('Validation'),
|
||||
divider: true,
|
||||
showLabel: function(element, node) {
|
||||
return !!getSelectedFormField(element, node);
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] form field constraints table
|
||||
group.entries.push(entryFactory.table({
|
||||
id: 'constraints-list',
|
||||
modelProperties: [ 'name', 'config' ],
|
||||
labels: [ translate('Name'), translate('Config') ],
|
||||
addLabel: translate('Add Constraint'),
|
||||
getElements: function(element, node) {
|
||||
var formField = getSelectedFormField(element, node);
|
||||
|
||||
return formHelper.getConstraints(formField);
|
||||
},
|
||||
addElement: function(element, node) {
|
||||
|
||||
var commands = [],
|
||||
formField = getSelectedFormField(element, node),
|
||||
validation = formField.validation;
|
||||
|
||||
if (!validation) {
|
||||
// create validation business object and add it to form data, if it doesn't exist
|
||||
validation = elementHelper.createElement('activiti:Validation', {}, getBusinessObject(element), bpmnFactory);
|
||||
|
||||
commands.push(cmdHelper.updateBusinessObject(element, formField, { 'validation': validation }));
|
||||
}
|
||||
|
||||
var newConstraint = elementHelper.createElement(
|
||||
'activiti:Constraint',
|
||||
{ name: undefined, config: undefined },
|
||||
validation,
|
||||
bpmnFactory
|
||||
);
|
||||
|
||||
commands.push(cmdHelper.addElementsTolist(element, validation, 'constraints', [ newConstraint ]));
|
||||
|
||||
return commands;
|
||||
},
|
||||
updateElement: function(element, value, node, idx) {
|
||||
var formField = getSelectedFormField(element, node),
|
||||
constraint = formHelper.getConstraints(formField)[idx];
|
||||
|
||||
value.name = value.name || undefined;
|
||||
value.config = value.config || undefined;
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, constraint, value);
|
||||
},
|
||||
removeElement: function(element, node, idx) {
|
||||
var commands = [],
|
||||
formField = getSelectedFormField(element, node),
|
||||
constraints = formHelper.getConstraints(formField),
|
||||
currentConstraint = constraints[idx];
|
||||
|
||||
commands.push(cmdHelper.removeElementsFromList(
|
||||
element,
|
||||
formField.validation,
|
||||
'constraints',
|
||||
null,
|
||||
[ currentConstraint ]
|
||||
));
|
||||
|
||||
if (constraints.length === 1) {
|
||||
// remove activiti:validation if the last existing constraint has been removed
|
||||
commands.push(cmdHelper.updateBusinessObject(element, formField, { validation: undefined }));
|
||||
}
|
||||
|
||||
return commands;
|
||||
},
|
||||
show: function(element, node) {
|
||||
return !!getSelectedFormField(element, node);
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] Properties label
|
||||
group.entries.push(entryFactory.label({
|
||||
id: 'form-field-properties-header',
|
||||
labelText: translate('Properties'),
|
||||
divider: true,
|
||||
showLabel: function(element, node) {
|
||||
return !!getSelectedFormField(element, node);
|
||||
}
|
||||
}));
|
||||
|
||||
// [FormData] activiti:properties table
|
||||
group.entries.push(properties(element, bpmnFactory, {
|
||||
id: 'form-field-properties',
|
||||
modelProperties: [ 'id', 'value' ],
|
||||
labels: [ translate('Id'), translate('Value') ],
|
||||
getParent: function(element, node) {
|
||||
return getSelectedFormField(element, node);
|
||||
},
|
||||
show: function(element, node) {
|
||||
return !!getSelectedFormField(element, node);
|
||||
}
|
||||
}, translate));
|
||||
};
|
||||
@ -0,0 +1,27 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var historyTimeToLive = require('./implementation/HistoryTimeToLive');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
var businessObject = getBusinessObject(element);
|
||||
|
||||
if (is(element, 'activiti:Process') ||
|
||||
is(element, 'bpmn:Participant') && businessObject.get('processRef')) {
|
||||
|
||||
group.entries = group.entries.concat(historyTimeToLive(element, bpmnFactory, {
|
||||
getBusinessObject: function(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (!is(bo, 'bpmn:Participant')) {
|
||||
return bo;
|
||||
}
|
||||
|
||||
return bo.get('processRef');
|
||||
}
|
||||
}, translate));
|
||||
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,11 @@
|
||||
'use strict';
|
||||
|
||||
var inputOutputParameter = require('./implementation/InputOutputParameter');
|
||||
|
||||
var assign = require('lodash/assign');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, options, translate) {
|
||||
|
||||
group.entries = group.entries.concat(inputOutputParameter(element, bpmnFactory, assign({}, options), translate));
|
||||
|
||||
};
|
||||
@ -0,0 +1,15 @@
|
||||
'use strict';
|
||||
|
||||
var inputOutput = require('./implementation/InputOutput');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var inputOutputEntry = inputOutput(element, bpmnFactory, {}, translate);
|
||||
|
||||
group.entries = group.entries.concat(inputOutputEntry.entries);
|
||||
|
||||
return {
|
||||
getSelectedParameter: inputOutputEntry.getSelectedParameter
|
||||
};
|
||||
|
||||
};
|
||||
@ -0,0 +1,34 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var jobPriority = require('./implementation/JobPriority'),
|
||||
jobRetryTimeCycle = require('./implementation/JobRetryTimeCycle');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
var businessObject = getBusinessObject(element);
|
||||
|
||||
if (is(element, 'activiti:JobPriorized') ||
|
||||
is(element, 'bpmn:Participant') && businessObject.get('processRef')) {
|
||||
|
||||
group.entries = group.entries.concat(jobPriority(element, bpmnFactory, {
|
||||
getBusinessObject: function(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (!is(bo, 'bpmn:Participant')) {
|
||||
return bo;
|
||||
}
|
||||
|
||||
return bo.get('processRef');
|
||||
}
|
||||
}, translate));
|
||||
}
|
||||
|
||||
if (is(element, 'activiti:AsyncCapable')) {
|
||||
group.entries = group.entries.concat(jobRetryTimeCycle(element, bpmnFactory, {
|
||||
getBusinessObject: getBusinessObject
|
||||
}, translate));
|
||||
}
|
||||
|
||||
};
|
||||
@ -0,0 +1,208 @@
|
||||
'use strict';
|
||||
|
||||
var entryFactory = require('../../../factory/EntryFactory');
|
||||
|
||||
var cmdHelper = require('../../../helper/CmdHelper'),
|
||||
ImplementationTypeHelper = require('../../../helper/ImplementationTypeHelper'),
|
||||
|
||||
scriptImplementation = require('./implementation/Script');
|
||||
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, options, translate) {
|
||||
|
||||
var LISTENER_TYPE_LABEL = {
|
||||
class: translate('Java Class'),
|
||||
expression: translate('Expression'),
|
||||
delegateExpression: translate('Delegate Expression'),
|
||||
script: translate('Script')
|
||||
};
|
||||
|
||||
options = options || {};
|
||||
|
||||
var getSelectedListener = options.getSelectedListener;
|
||||
|
||||
var classProp = 'class',
|
||||
expressionProp = 'expression',
|
||||
delegateExpressionProp = 'delegateExpression',
|
||||
scriptProp = 'script';
|
||||
|
||||
var executionListenerEventTypeOptions = ImplementationTypeHelper.isSequenceFlow(element) ? [
|
||||
{ name: translate('take'), value: 'take' }
|
||||
] : [
|
||||
{ name: translate('start'), value: 'start' },
|
||||
{ name: translate('end'), value: 'end' }
|
||||
];
|
||||
|
||||
var taskListenerEventTypeOptions = [
|
||||
{ name: translate('create'), value: 'create' },
|
||||
{ name: translate('assignment'), value: 'assignment' },
|
||||
{ name: translate('complete'), value: 'complete' },
|
||||
{ name: translate('delete'), value: 'delete' }
|
||||
];
|
||||
|
||||
var isSelected = function(element, node) {
|
||||
return getSelectedListener(element, node);
|
||||
};
|
||||
|
||||
group.entries.push(entryFactory.selectBox({
|
||||
id: 'listener-event-type',
|
||||
label: translate('Event Type'),
|
||||
modelProperty: 'eventType',
|
||||
emptyParameter: false,
|
||||
|
||||
get: function(element, node) {
|
||||
|
||||
|
||||
var listener = getSelectedListener(element, node);
|
||||
|
||||
var eventType = listener && listener.get('event');
|
||||
|
||||
return {
|
||||
eventType: eventType
|
||||
};
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var eventType = values.eventType;
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, getSelectedListener(element, node), { event: eventType });
|
||||
},
|
||||
|
||||
selectOptions: function(element, node) {
|
||||
var eventTypeOptions;
|
||||
|
||||
var selectedListener = getSelectedListener(element, node);
|
||||
if (ImplementationTypeHelper.isTaskListener(selectedListener)) {
|
||||
eventTypeOptions = taskListenerEventTypeOptions;
|
||||
} else if (ImplementationTypeHelper.isExecutionListener(selectedListener)) {
|
||||
eventTypeOptions = executionListenerEventTypeOptions;
|
||||
}
|
||||
|
||||
return eventTypeOptions;
|
||||
|
||||
},
|
||||
|
||||
hidden: function(element, node) {
|
||||
return !isSelected(element, node);
|
||||
}
|
||||
|
||||
}));
|
||||
|
||||
|
||||
group.entries.push(entryFactory.selectBox({
|
||||
id: 'listener-type',
|
||||
label: translate('Listener Type'),
|
||||
selectOptions: [
|
||||
{ value: classProp, name: translate('Java Class') },
|
||||
{ value: expressionProp, name: translate('Expression') },
|
||||
{ value: delegateExpressionProp, name: translate('Delegate Expression') },
|
||||
{ value: scriptProp, name: translate('Script') }
|
||||
],
|
||||
modelProperty: 'listenerType',
|
||||
emptyParameter: false,
|
||||
|
||||
get: function(element, node) {
|
||||
var listener = getSelectedListener(element, node);
|
||||
return {
|
||||
listenerType: ImplementationTypeHelper.getImplementationType(listener)
|
||||
};
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var listener = getSelectedListener(element, node),
|
||||
listenerType = values.listenerType || undefined,
|
||||
update = {};
|
||||
|
||||
update[classProp] = listenerType === classProp ? '' : undefined;
|
||||
update[expressionProp] = listenerType === expressionProp ? '' : undefined;
|
||||
update[delegateExpressionProp] = listenerType === delegateExpressionProp ? '' : undefined;
|
||||
update[scriptProp] = listenerType === scriptProp ? bpmnFactory.create('activiti:Script') : undefined;
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, listener, update);
|
||||
},
|
||||
|
||||
hidden: function(element, node) {
|
||||
return !isSelected(element, node);
|
||||
}
|
||||
|
||||
}));
|
||||
|
||||
|
||||
group.entries.push(entryFactory.textField({
|
||||
id: 'listener-value',
|
||||
dataValueLabel: 'listenerValueLabel',
|
||||
modelProperty: 'listenerValue',
|
||||
|
||||
get: function(element, node) {
|
||||
var value = {},
|
||||
listener = getSelectedListener(element, node),
|
||||
listenerType = ImplementationTypeHelper.getImplementationType(listener);
|
||||
|
||||
value.listenerValueLabel = LISTENER_TYPE_LABEL[listenerType] || '';
|
||||
value.listenerValue = (listener && listener.get(listenerType)) || undefined;
|
||||
|
||||
return value;
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var update = {},
|
||||
listener = getSelectedListener(element, node),
|
||||
listenerType = ImplementationTypeHelper.getImplementationType(listener);
|
||||
|
||||
update[listenerType] = values.listenerValue || '';
|
||||
|
||||
return cmdHelper.updateBusinessObject(element, listener, update);
|
||||
},
|
||||
|
||||
hidden: function(element, node) {
|
||||
var listener = getSelectedListener(element, node);
|
||||
return !listener || listener.script;
|
||||
},
|
||||
|
||||
validate: function(element, values) {
|
||||
var value = values.listenerValue,
|
||||
validate = {};
|
||||
|
||||
if (!value) {
|
||||
validate.listenerValue = translate('Must provide a value');
|
||||
}
|
||||
|
||||
return validate;
|
||||
}
|
||||
|
||||
}));
|
||||
|
||||
var script = scriptImplementation('scriptFormat', 'value', true, translate);
|
||||
|
||||
group.entries.push({
|
||||
id: 'listener-script-value',
|
||||
html: '<div data-show="isScript">' +
|
||||
script.template +
|
||||
'</div>',
|
||||
|
||||
get: function(element, node) {
|
||||
var listener = getSelectedListener(element, node);
|
||||
return listener && listener.script ? script.get(element, listener.script) : {};
|
||||
},
|
||||
|
||||
set: function(element, values, node) {
|
||||
var listener = getSelectedListener(element, node);
|
||||
var update = script.set(element, values, listener);
|
||||
return cmdHelper.updateBusinessObject(element, listener.script, update);
|
||||
},
|
||||
|
||||
validate: function(element, values, node) {
|
||||
var listener = getSelectedListener(element, node);
|
||||
return listener && listener.script ? script.validate(element, values) : {};
|
||||
},
|
||||
|
||||
isScript: function(element, node) {
|
||||
var listener = getSelectedListener(element, node);
|
||||
return listener && listener.script;
|
||||
},
|
||||
|
||||
script: script
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
@ -0,0 +1,20 @@
|
||||
'use strict';
|
||||
|
||||
var assign = require('lodash/assign');
|
||||
|
||||
var fieldInjection = require('./implementation/FieldInjection');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, options, translate) {
|
||||
|
||||
options = assign({
|
||||
idPrefix: 'listener-',
|
||||
insideListener: true
|
||||
}, options);
|
||||
|
||||
var fieldInjectionEntry = fieldInjection(element, bpmnFactory, translate, options);
|
||||
|
||||
if (fieldInjectionEntry && fieldInjectionEntry.length > 0) {
|
||||
group.entries = group.entries.concat(fieldInjectionEntry);
|
||||
}
|
||||
|
||||
};
|
||||
@ -0,0 +1,15 @@
|
||||
'use strict';
|
||||
|
||||
var listener = require('./implementation/Listener');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var listenerEntry = listener(element, bpmnFactory, {}, translate);
|
||||
|
||||
group.entries = group.entries.concat(listenerEntry.entries);
|
||||
|
||||
return {
|
||||
getSelectedListener: listenerEntry.getSelectedListener
|
||||
};
|
||||
|
||||
};
|
||||
@ -0,0 +1,46 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is;
|
||||
|
||||
var multiInstanceLoopCharacteristics = require('./implementation/MultiInstanceLoopCharacteristics');
|
||||
|
||||
var jobRetryTimeCycle = require('./implementation/JobRetryTimeCycle'),
|
||||
asyncContinuation = require('./implementation/AsyncContinuation');
|
||||
|
||||
|
||||
function getLoopCharacteristics(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
return bo.loopCharacteristics;
|
||||
}
|
||||
|
||||
|
||||
function ensureMultiInstanceSupported(element) {
|
||||
var loopCharacteristics = getLoopCharacteristics(element);
|
||||
return !!loopCharacteristics && is(loopCharacteristics, 'activiti:Collectable');
|
||||
}
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
if (!ensureMultiInstanceSupported(element)) {
|
||||
return;
|
||||
}
|
||||
|
||||
// multi instance properties
|
||||
group.entries = group.entries.concat(multiInstanceLoopCharacteristics(element, bpmnFactory, translate));
|
||||
|
||||
// async continuation ///////////////////////////////////////////////////////
|
||||
group.entries = group.entries.concat(asyncContinuation(element, bpmnFactory, {
|
||||
getBusinessObject: getLoopCharacteristics,
|
||||
idPrefix: 'multiInstance-',
|
||||
labelPrefix: translate('Multi Instance ')
|
||||
}, translate));
|
||||
|
||||
|
||||
// retry time cycle //////////////////////////////////////////////////////////
|
||||
group.entries = group.entries.concat(jobRetryTimeCycle(element, bpmnFactory, {
|
||||
getBusinessObject: getLoopCharacteristics,
|
||||
idPrefix: 'multiInstance-',
|
||||
labelPrefix: translate('Multi Instance ')
|
||||
}, translate));
|
||||
};
|
||||
@ -0,0 +1,33 @@
|
||||
'use strict';
|
||||
|
||||
var properties = require('./implementation/Properties'),
|
||||
elementHelper = require('../../../helper/ElementHelper'),
|
||||
cmdHelper = require('../../../helper/CmdHelper');
|
||||
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
var propertiesEntry = properties(element, bpmnFactory, {
|
||||
id: 'properties',
|
||||
modelProperties: [ 'name', 'value' ],
|
||||
labels: [ translate('Name'), translate('Value') ],
|
||||
|
||||
getParent: function(element, node, bo) {
|
||||
return bo.extensionElements;
|
||||
},
|
||||
|
||||
createParent: function(element, bo) {
|
||||
var parent = elementHelper.createElement('bpmn:ExtensionElements', { values: [] }, bo, bpmnFactory);
|
||||
var cmd = cmdHelper.updateBusinessObject(element, bo, { extensionElements: parent });
|
||||
return {
|
||||
cmd: cmd,
|
||||
parent: parent
|
||||
};
|
||||
}
|
||||
}, translate);
|
||||
|
||||
if (propertiesEntry) {
|
||||
group.entries.push(propertiesEntry);
|
||||
}
|
||||
|
||||
};
|
||||
@ -0,0 +1,68 @@
|
||||
'use strict';
|
||||
|
||||
var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
entryFactory = require('../../../factory/EntryFactory'),
|
||||
cmdHelper = require('../../../helper/CmdHelper'),
|
||||
scriptImplementation = require('./implementation/Script');
|
||||
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
var bo;
|
||||
|
||||
if (is(element, 'bpmn:ScriptTask')) {
|
||||
bo = getBusinessObject(element);
|
||||
}
|
||||
|
||||
if (!bo) {
|
||||
return;
|
||||
}
|
||||
|
||||
var script = scriptImplementation('scriptFormat', 'script', false, translate);
|
||||
group.entries.push({
|
||||
id: 'script-implementation',
|
||||
label: translate('Script'),
|
||||
html: script.template,
|
||||
|
||||
get: function(element) {
|
||||
return script.get(element, bo);
|
||||
},
|
||||
|
||||
set: function(element, values, containerElement) {
|
||||
var properties = script.set(element, values, containerElement);
|
||||
|
||||
return cmdHelper.updateProperties(element, properties);
|
||||
},
|
||||
|
||||
validate: function(element, values) {
|
||||
return script.validate(element, values);
|
||||
},
|
||||
|
||||
script : script,
|
||||
|
||||
cssClasses: ['bpp-textfield']
|
||||
|
||||
});
|
||||
|
||||
group.entries.push(entryFactory.textField({
|
||||
id : 'scriptResultVariable',
|
||||
label : translate('Result Variable'),
|
||||
modelProperty : 'scriptResultVariable',
|
||||
|
||||
get: function(element, propertyName) {
|
||||
var boResultVariable = bo.get('activiti:resultVariable');
|
||||
|
||||
return { scriptResultVariable : boResultVariable };
|
||||
},
|
||||
|
||||
set: function(element, values, containerElement) {
|
||||
return cmdHelper.updateProperties(element, {
|
||||
'activiti:resultVariable': values.scriptResultVariable.length
|
||||
? values.scriptResultVariable
|
||||
: undefined
|
||||
});
|
||||
}
|
||||
|
||||
}));
|
||||
|
||||
};
|
||||
@ -0,0 +1,151 @@
|
||||
'use strict';
|
||||
|
||||
var ImplementationTypeHelper = require('../../../helper/ImplementationTypeHelper'),
|
||||
InputOutputHelper = require('../../../helper/InputOutputHelper');
|
||||
|
||||
var utils = require('../../../Utils'),
|
||||
escapeHTML = utils.escapeHTML,
|
||||
triggerClickEvent = utils.triggerClickEvent;
|
||||
|
||||
var implementationType = require('./implementation/ImplementationType'),
|
||||
delegate = require('./implementation/Delegate'),
|
||||
external = require('./implementation/External'),
|
||||
callable = require('./implementation/Callable'),
|
||||
resultVariable = require('./implementation/ResultVariable');
|
||||
|
||||
var entryFactory = require('../../../factory/EntryFactory');
|
||||
|
||||
var domQuery = require('min-dom').query,
|
||||
domClosest = require('min-dom').closest,
|
||||
domClasses = require('min-dom').classes;
|
||||
|
||||
function getImplementationType(element) {
|
||||
return ImplementationTypeHelper.getImplementationType(element);
|
||||
}
|
||||
|
||||
function getBusinessObject(element) {
|
||||
return ImplementationTypeHelper.getServiceTaskLikeBusinessObject(element);
|
||||
}
|
||||
|
||||
function isDmnCapable(element) {
|
||||
return ImplementationTypeHelper.isDmnCapable(element);
|
||||
}
|
||||
|
||||
function isExternalCapable(element) {
|
||||
return ImplementationTypeHelper.isExternalCapable(element);
|
||||
}
|
||||
|
||||
function isServiceTaskLike(element) {
|
||||
return ImplementationTypeHelper.isServiceTaskLike(element);
|
||||
}
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
|
||||
if (!isServiceTaskLike(getBusinessObject(element))) {
|
||||
return;
|
||||
}
|
||||
|
||||
var hasDmnSupport = isDmnCapable(element);
|
||||
var hasExternalSupport = isExternalCapable(getBusinessObject(element));
|
||||
|
||||
// implementation type ////////////////////////////////////
|
||||
|
||||
group.entries = group.entries.concat(implementationType(element, bpmnFactory, {
|
||||
getBusinessObject: getBusinessObject,
|
||||
getImplementationType: getImplementationType,
|
||||
hasDmnSupport: hasDmnSupport,
|
||||
hasExternalSupport: hasExternalSupport,
|
||||
hasServiceTaskLikeSupport: true
|
||||
}, translate));
|
||||
|
||||
|
||||
// delegate (class, expression, delegateExpression) //////////
|
||||
|
||||
group.entries = group.entries.concat(delegate(element, bpmnFactory, {
|
||||
getBusinessObject: getBusinessObject,
|
||||
getImplementationType: getImplementationType
|
||||
}, translate));
|
||||
|
||||
|
||||
// result variable /////////////////////////////////////////
|
||||
|
||||
group.entries = group.entries.concat(resultVariable(element, bpmnFactory, {
|
||||
getBusinessObject: getBusinessObject,
|
||||
getImplementationType: getImplementationType,
|
||||
hideResultVariable: function(element, node) {
|
||||
return getImplementationType(element) !== 'expression';
|
||||
}
|
||||
}, translate));
|
||||
|
||||
// external //////////////////////////////////////////////////
|
||||
|
||||
if (hasExternalSupport) {
|
||||
group.entries = group.entries.concat(external(element, bpmnFactory, {
|
||||
getBusinessObject: getBusinessObject,
|
||||
getImplementationType: getImplementationType
|
||||
}, translate));
|
||||
}
|
||||
|
||||
|
||||
// dmn ////////////////////////////////////////////////////////
|
||||
|
||||
if (hasDmnSupport) {
|
||||
group.entries = group.entries.concat(callable(element, bpmnFactory, {
|
||||
getCallableType: getImplementationType
|
||||
}, translate));
|
||||
}
|
||||
|
||||
|
||||
// connector ////////////////////////////////////////////////
|
||||
|
||||
var isConnector = function(element) {
|
||||
return getImplementationType(element) === 'connector';
|
||||
};
|
||||
|
||||
group.entries.push(entryFactory.link({
|
||||
id: 'configureConnectorLink',
|
||||
label: translate('Configure Connector'),
|
||||
handleClick: function(element, node, event) {
|
||||
|
||||
var connectorTabEl = getTabNode(node, 'connector');
|
||||
|
||||
if (connectorTabEl) {
|
||||
triggerClickEvent(connectorTabEl);
|
||||
}
|
||||
|
||||
// suppress actual link click
|
||||
return false;
|
||||
},
|
||||
showLink: function(element, node) {
|
||||
var link = domQuery('a', node);
|
||||
link.textContent = '';
|
||||
|
||||
domClasses(link).remove('bpp-error-message');
|
||||
|
||||
if (isConnector(element)) {
|
||||
var connectorId = InputOutputHelper.getConnector(element).get('connectorId');
|
||||
if (connectorId) {
|
||||
link.textContent = translate('Configure Connector');
|
||||
} else {
|
||||
link.innerHTML = '<span class="bpp-icon-warning"></span> ' + escapeHTML(translate('Must configure Connector'));
|
||||
domClasses(link).add('bpp-error-message');
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
}));
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
// helpers ///////////////////////////
|
||||
|
||||
function getTabNode(el, id) {
|
||||
var containerEl = domClosest(el, '.bpp-properties-panel');
|
||||
|
||||
return domQuery('a[data-tab-target="' + id + '"]', containerEl);
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
'use strict';
|
||||
|
||||
var entryFactory = require('../../../factory/EntryFactory'),
|
||||
is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
|
||||
module.exports = function(group, element, translate) {
|
||||
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (!bo) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (is(element, 'activiti:Initiator') && !is(element.parent, 'bpmn:SubProcess')) {
|
||||
group.entries.push(entryFactory.textField({
|
||||
id: 'initiator',
|
||||
label: translate('Initiator'),
|
||||
modelProperty: 'initiator'
|
||||
}));
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,27 @@
|
||||
'use strict';
|
||||
|
||||
var is = require('bpmn-js/lib/util/ModelUtil').is,
|
||||
getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject;
|
||||
|
||||
var tasklist = require('./implementation/Tasklist');
|
||||
|
||||
module.exports = function(group, element, bpmnFactory, translate) {
|
||||
var businessObject = getBusinessObject(element);
|
||||
|
||||
if (is(element, 'activiti:Process') ||
|
||||
is(element, 'bpmn:Participant') && businessObject.get('processRef')) {
|
||||
|
||||
group.entries = group.entries.concat(tasklist(element, bpmnFactory, {
|
||||
getBusinessObject: function(element) {
|
||||
var bo = getBusinessObject(element);
|
||||
|
||||
if (!is(bo, 'bpmn:Participant')) {
|
||||
return bo;
|
||||
}
|
||||
|
||||
return bo.get('processRef');
|
||||
}
|
||||
}, translate));
|
||||
|
||||
}
|
||||
};
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue