Currently there is a html div iterating over a json object in the angularjs scope and listing checkboxes for each element in the list using ng-repeat and displaying one attribute as display name.
Goal is to implement this functionality as an angularjs directive with the additional feature to group the checkboxes by the first 1, 2, ... letters of the attribute and order alphabetically displaying as a tree. The template with html and css showing a static tree is provided. Also an example list. Goal is to simplify / remove unneeded css and to write a "simple" directive.
some additional information for clarification of the Task.
angularjs versin used is 1.4.7
Given is a json list as scope variable.
required is a directive to implemented in the following style
<checkdirective list="list" viewtext="color" checkboxmodel="checked">
by default resulting in this:
the list can become very long. for example when it contains a list of cities in a country.
Goal is to allow in such a case the checkboxes to be grouped by first letters.
resulting in a tree of checkboxes as here in this example:
thus the directive requires 2 additional functionalities:
- allow grouping by first letters [ideally a way to allow this as Attribute to the directive. one option is to provide a group by functionality of the group by filter suggestion or handling this in the directive]
- 3 styles of Checkbox for parents in the tree
-- unchecked -> none of the children is checked
-- checked with gray background -> some of the children are checked
-- checked -> all children are checked
(Windows style, when a parent gets clicked, all children are selected or deselected)
11 freelancers are bidding on average €33 for this job
Have used AngularJs in my project. It seems you already have a template of html and css for showing a tree. So the directive is just convert the json to make it fit the tree.
Hi I have long experience in this field. I can provide you perfect solution. I can work full time or part time for you. Hope to meet you and discuss please. Thanks
You will find me an interesting guy. Gonna suggest new way of doing stuff and ask number of questions to deliver the project in the best possible way.
I am not doing this for money just need some experience.I am currently working on complex tracking based website. I build that project from scratch. Details shared at request.