Here is a live demo of the activiti created using AngularJs
Some time ago we wrote about angularjs module for activiti and what is our vision on this subject. You can read more in the part I and part II, now we finally have part III where you can see last bits of the UI and the idea that is behind it.
What is new?
We added the dashboard, here logged in user will be able to see what are the tasks he needs to finish. Here is the image of the beginning of that idea.
Now user can list tasks that are assigned to him, that he owns or that he was involved in. Additionally user can take ownership of the task, assign himself or reassign to another, additionally user can see all tasks that are no assigned to anyone of his teammates. Here is the image of the tasks view.
You can see floating panel and a form inside it, floating panel as we call it can open any task of any workflow as it is model driven. We did this using the activiti form-data service.
Why is this here and what is our goal?
We did this just for fun, as time went by more than few people wanted the code and were interested in this idea of angularjs activiti client.
We are currently pushing to make this the official activiti angularjs module and we are hoping that you will help us do this by sharing the post or at least add the nice comment below .
As soon as this push is over we will make the code public and it will be available for you do use or download.
We have been working hard to add some new features and change the existing ones. Let go through all features that are added so far
- New way of managing groups and users in them, both ways
- User can see list of processes and start any of them
- User can see list of instances with every property instance has
- User can filter better his tasks by group or other properties
Managing groups and users screenshot. As you can see user can see all of the groups in the system and easily add or remove other users.
Also we have added reverse view, for every user you can see what groups he is in and manage that. How awesome that?
Here are some screenshots of the instances and processes nothing fancy .
Finally really nice dialog where user can see all important properties of process instance, currently you can not delete the instance , we will add that in the future.
Filtering tasks is a bit nicer now…
We have changed UI from floating div to dialog, it works great this way!
This is it for now, we are still working on joining this to activiti angular module…
Finally this code is in Activiti project located here