Simple Angular.js UI element

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, angular layout, angularjs ui, simple element heater microcontroller, simple project advance java, simple finite element questions, simple advance java project, simple task manager php js, simple js script, simple js file manager

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

Nº du projet : #8486188

Décerné à:


I have 8+ years experience of working on AngularJS and Other Javascript Frameworks like JQuery,NodeJS, ExpressJS. I'm interested in your project. Please give me chance to show my skills.

%selectedBids___i_sum_sub_4% %project_currencyDetails_sign_sub_5% USD en 1 jour
(1 Évaluation)

10 freelance font une offre moyenne de $444 pour ce travail


Hi dear. I am an expert in web develop such as PHP, AngularJS, Restful API, HTML, CSS, Jquery. I already checked your job. Your job is very interest. I would be happy to accept your requirement, if you'd like? Ma Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(41 Commentaires)

Hi Sir, Being a Software Engineer, I can do your project easily. I have around 2 years of experience in CSS3, AngularJs, Bootstrap & JS/JS Libraries. Please come to chat for detail requirements of yout project. P Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(20 Commentaires)

Check both attach Text & PDF files [[login to view URL] [login to view URL] [login to view URL] Chart [login to view URL]] and also analyzed List of selected Datasets & List of selected [login to view URL] will do [login to view URL] you provide me provide sa Plus

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

Hi, I have a couple of questions on your project. -You mean the [login to view URL] or just UI? -It's your site and you just want to make changes or want to make a similar site with your data? _______Com Plus

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

A proposal has not yet been provided

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(1 Évaluation)

A proposal has not yet been provided

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)

Hello,sir I've read your job description and understood your requirements. As I am a senior angularjs,Bootstrap and MySQL expert, I am very interested in your project. I've many experiences and strong skills for 7 y Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(1 Évaluation)

Hello Greetings from TechValens We are an Indore India based Company We have gone through your description and glad to put forward our candidacy for this project. Please have a look at our relevant apps develop Plus

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

I'm 10-yrs senior full-stack web developer and have enough skills to create great projects on modern php/js stack - Yii/Angular. I've done a lot of websites and services for my last client for 3 years and can implement Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)