You can see above image when i select workerbot automatically task inside color is changed and in properties panel also attach according to menu item we select
please see below json
var TASK = [
//Code copied from offline editor by Mansi starts here
{
label: ‘Worker Bot’,
actionName: ‘replace-with-service-task-workerbot’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:CallActivity',
color:[{fill:"#00FF00", stroke:"#000000"}], //lime
customAtttr : [
{name : 'technologyCategory', value : 'workerbot', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'hybrid', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘AssistEdge Bot’,
actionName: ‘replace-with-service-task-ae-rpa’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:CallActivity',
color:[{fill:"#FFE0B2", stroke:"#000000"}], //orange
customAtttr : [
{name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'AssistEdge', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘UIPath Bot’,
actionName: ‘replace-with-service-task-ui-rpa’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:CallActivity',
color:[{fill:"#FFC0CB", stroke:"#000000"}], //pink
customAtttr : [
{name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'UiPath', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘Automation Anywhere Bot’,
actionName: ‘replace-with-service-task-aa-rpa’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:CallActivity',
color:[{fill:"#87CEFA", stroke:"#000000"}], //light blue
customAtttr : [
{name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'AutomationAnywhere', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘BluePrism Bot’,
actionName: ‘replace-with-service-task-bp-rpa’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:CallActivity',
color:[{fill:"#00FFFF", stroke:"#000000"}], //aqua
customAtttr : [
{name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'BluePrism', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘Java Bot’,
actionName: ‘replace-with-service-task-java’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#00FF00", stroke:"#000000"}], //lime
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'Java', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘Python Bot’,
actionName: ‘replace-with-service-task-python’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#FFFF00", stroke:"#000000"}], //yellow
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'Python', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘DotNet Bot’,
actionName: ‘replace-with-service-task-dotnet’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#C59FE1", stroke:"#000000"}], //voilet
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'DotNet', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘PowerShell Bot’,
actionName: ‘replace-with-service-task-powershell’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#FFDAB9", stroke:"#000000"}], //peach
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'PowerShell', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘Shell Bot’,
actionName: ‘replace-with-service-task-shell’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#add8e6", stroke:"#000000"}], //peach
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'Shell', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘Ansible Bot’,
actionName: ‘replace-with-service-task-ansible’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#add8e6", stroke:"#000000"}], //peach
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'Ansible', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘ML-AI Bot’,
actionName: ‘replace-with-service-task-mlai’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#FFC0CB", stroke:"#000000"}], //pink
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'ML-AI', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},{
label: ‘Icap Bot’,
actionName: ‘replace-with-service-task-icap’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask',
color:[{fill:"#add8e6", stroke:"#000000"}], //peach
customAtttr : [
{name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},
{name : 'technology', value : 'Icap', description : 'Product Name'}//,
//{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}
]
}
},
//Code copied from offline editor by Mansi ends here
//Changes for unit test of bot by Akhil starts here
{
label: ‘Validate Bot’,
actionName: ‘replace-with-service-task-unittest’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:customTask',
customAtttr : [
{name : 'UnitTest', value : 'apicall', description : 'Callapi'}
]
}
},
//Changes for configure bot starts here
{
label: ‘Configure Bot’,
actionName: ‘replace-with-service-task-configureBot’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:configureBot',
customAtttr : [
{name : 'ConfigureBot', value : 'apicall', description : 'Callapi'}
]
}
}
//changes for configure bot ends here
,{
label: ‘Service Task’,
actionName: ‘replace-with-service-task’,
className: ‘bpmn-icon-service’,
target: {
type: 'bpmn:ServiceTask'
}
},
{
label: ‘Script Task’,
actionName: ‘replace-with-script-task’,
className: ‘bpmn-icon-script’,
target: {
type: 'bpmn:ScriptTask'
}
}, {
label: ‘Call Activity’,
actionName: ‘replace-with-call-activity’,
className: ‘bpmn-icon-call-activity’,
target: {
type: 'bpmn:CallActivity'
}
},
//Changes for unit test of bot by Akhil ends here
{
label: ‘Task’,
actionName: ‘replace-with-task’,
className: ‘bpmn-icon-task’,
target: {
type: 'bpmn:Task'
}
}, {
label: ‘Send Task’,
actionName: ‘replace-with-send-task’,
className: ‘bpmn-icon-send’,
target: {
type: 'bpmn:SendTask'
}
}, {
label: ‘Receive Task’,
actionName: ‘replace-with-receive-task’,
className: ‘bpmn-icon-receive’,
target: {
type: 'bpmn:ReceiveTask'
}
}, {
label: ‘User Task’,
actionName: ‘replace-with-user-task’,
className: ‘bpmn-icon-user’,
target: {
type: 'bpmn:UserTask'
}
}, {
label: ‘Manual Task’,
actionName: ‘replace-with-manual-task’,
className: ‘bpmn-icon-manual’,
target: {
type: 'bpmn:ManualTask'
}
}, {
label: ‘Business Rule Task’,
actionName: ‘replace-with-rule-task’,
className: ‘bpmn-icon-business-rule’,
target: {
type: 'bpmn:BusinessRuleTask'
}
}, {
label: ‘Sub Process (collapsed)’,
actionName: ‘replace-with-collapsed-subprocess’,
className: ‘bpmn-icon-subprocess-collapsed’,
target: {
type: 'bpmn:SubProcess',
isExpanded: false
}
}, {
label: ‘Sub Process (expanded)’,
actionName: ‘replace-with-expanded-subprocess’,
className: ‘bpmn-icon-subprocess-expanded’,
target: {
type: ‘bpmn:SubProcess’,
isExpanded: true
}
}];
You can in image what i want but right now i am apply the same json in angular stroke color is apply but not fill color and also properties not add when we select menu
Thanks in advance please help me