I am currently working on a project in ASP.NET MVC5.2 with Twitter Bootstrap. The user will be experienced in IT as it concerns an internal tool.
The user is able to set different kinds of filters (see screenshot). I implemented a new kind of filter, but I'm having trouble finding a way to display it. The filter consists of on the one hand a specific department and on the other hand a list of all departments except some departments that the user wants to exclude. When adding a filter the user has to choose a specific department, and select (dropdown with checkboxes?) one or more departments from the list which contains all departments that he wants to exclude. There are 35 departments.
- Filter 1: FROM "All departments" except "Cardiology", "Endoscopy" and "Gynaecology" TO "Neurology".
- Filter 2: FROM "Gynaecology" to "All departments" except "Oncology".
This is a screenshot of the UI I use to display other filters. The panel "Afdelingsfilters" displays a list of filters where the FROM(Van) department and TO(Naar) department can either be a specific department or "All departments" The two filters on the right are two simple list with only one value that is displayed.
What needs to be displayed
I want to display these new kind of filters as a list like the other filter. I also wanted to know how I should design the "add filter" form. I wanted to make a form with 35 checkboxes to indicate wether or not the department should be excluded from the "All Departments" list when the user wants to make a new filter, but it is very likely that there will be added more departments in time.