Simple Chart User Interface

We need AngularJS UI for selecting datasets and geographic locations to be plotted on dynamic chart.

See Attcahed files for basic layout idea.

List of locations is provided as JSON object. Locations have id, state_id, name and few other parameters.

List of datasets is provided as JSON object. Locations have id, parent_id, name and few other parameters.

We will provide sample JSON files for Datasets, Locations and misc data like state names.

As a result, we need UI, that builds two lists:

- List of selected Datasets (array of objects)

- List of selected Locations (array of objects)

And be able to delete from these lists by id when location or dataset is deselected.

parent_id in datasets defines hierarchy of datasets. i.e. some datasets are subsets of others.

This is only used to structure list of datasets. Only dataset id is used to add dataset to the plot.

Locations should be arranged by state. State name should be listed above corresponding list of locations within that state. State name should remain on top of the list as user scrolls. If state has long list of locations, that does not fit in visible area, state name should stick at top of visible area (see example at this link: [url removed, login to view]

Note: In this task – we assume, that one location only has one parent state and only appears in list once. In further versions one location may appear under multiple different states. Thus it will appear multiple times in the list.

Once location is added to the list of selected locations, it should be disabled in list of available locations (grayed out or marked, so it is clear to user, that the location is already added). When it is deleted from list of selected locations, it should become selectable again.

Typical number of locations is between 400 and 3000

List should be searchable (hide locations with names, that don’t match search string )

UI should work well on mobiles.

Any questions are welcome.

Compétences : Angular.js, HTML5

en voir plus : string in data structure, string data structure, some search string, simple data structure, search string in array, search angularjs, lists data structure, link list in data structure, example of array data structure, data structure link list, data structure in array, data structure array, clear array c, c clear array, array in data structure, array data structure, angularjs ui, graphical user interface user friendly designed staff personnel overly computer literate , database web interface user friendly, create program user plays simple version card game computer

Concernant l'employeur :
( 33 commentaires ) Lakeland, United States

Nº du projet : #8486125

4 freelance font une offre moyenne de $270 pour ce travail


hi sir. I am interest your project and I hope to work with you. I have enough experience with WEB developing for 7+ years. I will complete your project perfectly in your deadline. Client satisfaction is my top p Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(7 Commentaires)

Hello, I have an experience of more than 6 years in web development and maintenance. I have in-depth knowledge of php, mysql, jquery, paypal integrations, API's, css, html, html5. Our team is experienced, creativ Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(11 Commentaires)

Hi, I can start work on your project immediately once you confirm me and i am also open for further discussion if you want. Skype : suniljoshi151 I have 5+ years in web designing & development with good exp Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(10 Commentaires)

A proposal has not yet been provided

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(0 Commentaires)