As a locker owner, I want to browse the contacts in my locker

As contacts are created in my locker via the various connectors that pull down data about people I'm connected to, I want a way to view that data and easily drill into it to discover ways to contacts my internet pals.

Currently, there's a very basic contact viewer in the lockers, this story seeks to expand upon that and turn it into a robust, full featured way of managing one's contacts. Main goals that need to be achieved in the course of this story:

• Add a scrollbar so that it's easy to parse through the contacts.
• Add a detail view so once you've clicked on a contact, you can get more information about them.
• Improve the performance of this by shrinking the amount of json that's sent on initial load, fetch detail on click as opposed to frontloading everything.
• Rename app from contacts merge to Contacts
• Fix the sorting feature so it works across all mature services (not just FB)
• Get rid of debug checkbox
• Remove gender
• (Bonus) Add a grid layout view of contacts instead of just the list view
• (Bonus) Use history API to update URLs when looking at the detail view so that you can bookmark a given contact. (Is this even possible given our iframe usage, or would this only work when it's been popped out of the iframe?)
• (Bonus) Add a smart sort to sort by # of services, then alphabetically
• (Bonus) Some basic mobile functionality

Existing Mockup

Because the existing app, Merged Contacts Viewer is mostly there, we're not doing wireframes for this user story.

Stakeholders

• Matt
• Tom
• Jason

Dependencies

None.

Acceptance Criteria

• A visible scrollbar in the iframe to parse through the contacts.
• A detailed view of a contact that shows most of the data available for that contact.
• Reduced JSON payload
• Sort works for all mature services.
• Any user action gets some visual feedback in under 100ms.
• Selenium tests that run through the contact viewer. This will require a test locker be generated somewhere that is pre-populated with data that can be used for testing.
• User Test with working prototype with 5 social web users.