List view

[justinpituch]

(BRANCH): mercedes/list-view/16 merged into bmw/28

(DESCRIPTION): Create a popup slideout List view similar to the Log In popup. In this box, any found listings will appear and can be sorted by any property in ascending or descending order. They will be shown in minimized form with thumbnail images, and can be expanded for more information/detailed description by clicking on them. The sidebar should still be available for filtering.

Include the popups for markers into this because they will use the same code as the list view.

(COMPLETION REQUIREMENTS):Complete display of listings and expanding for detailed view.
#24 #26 #27

1. Address shows both address 1 and address 2 (if available).
2. #listings div is completely opaque
3. On window resize, the listing-view follows
4. #47 I want to do it here since it relates to how I build the list-view.
5. Users can only touch their own listings and account. No hacks!

To create the popups for the multi-listings. I am going to create a hash object that consists of the address as the key, and an array of strings where the strings are html sections that I simply insert into the modal template by iterating over the array. The hash objects are created on page load.

(PARENT TICKET): #5

(DEPENDENT TICKETS):#24 #26 #27 #55

[Harmonickey]

@Saurutobi What may be good to do here is
Inside of the popup modal...

1. Display a horizontal bar of items that are used for filtering (basically making the sidebar filter functions that are vertically placed to be horizontally placed here).
2. Update the horizontal filters to match the current vertical filters (which would be on the sidebar).
3. Display would be underneath the horizontal bar and is a simple list. In each item there is a picture, price, and all other information about the listing (ideally in an organized rectangle area). There should be a margin of about 15 pixels or so between each listing.
4. If you click somewhere on the listing, then there should be some functionality to contact the landlord in some fashion. Perhaps an easy form and Email button like how Zillow does it.

This same listing style (minus the filters) can be used for listing all of the user's apartment listings.

What do you think?

[Saurutobi]

I updated the description for this ticket a little. I think having 2 sets of filters would be confusing UI, so the sidebar should stay. Contacting and such should be added on further functionality in a future ticket.

[Harmonickey]

But when the modal pops up, the sidebar goes away and you'd have to switch back and forth to filter. If we just have the filter in the modal too, for this feature, then the user doesn't have to keep opening and closing the modal.

[Saurutobi]

Oh, I thought we were planning on keeping the sidebar there for doing this part.

[Harmonickey]

it's tough to get that to work because it's inherently not how the modals work, but it is possible.

I think we need more discussion on the matter to see what justin and will want given the two possibilities.

[Saurutobi]

ok, let's discuss this when #5 is done and it's time to work on this.

[Harmonickey]

In addition to this, I am going to include the popup dialogs for each marker. They are simply the list view but individualized, and they will be using the same individual high detail popup anyway.

[Harmonickey]

A lot of this is already created, but I'm going to fine tune the UI and how it looks. This ticket is all UI work, no backend.

[Harmonickey]

I think the listings should only show Address # and Address Street Name. I don't think city,state,country is necessary. It is necessary for the backend to pinpoint with latitude and longitude with google's api. Along with that, we need an "Address continued" section so that the apartment can be specified. It would be only used to concat with the address on the UI.

[Saurutobi]

yea, That's one of the notes from the meeting monday that Justin is writing
into a ticket. totally agree

On Fri, Jul 24, 2015 at 6:40 PM, Alex Ayerdi notifications@github.com
wrote:

I think the listings should only show Address # and Address Street Name. I
don't think city,state,country is necessary. It is necessary for the
backend to pinpoint with latitude and longitude with google's api. Along
with that, we need an "Address continued" section so that the apartment can
be specified. It would be only used to concat with the address on the UI.

—
Reply to this email directly or view it on GitHub
#16 (comment).

[Harmonickey]

That's right... I used the scroll bar for the lbkstudios home site, but never really put it to use in the end since I didn't want the mid-parts to scroll. I am using the slim-scroll library. It looks pretty good now!

[Harmonickey]

all the functionality is there, just needs better styleup, code review it anyway

[Saurutobi]

Details popup doesn't work

[Harmonickey]

This will be brought into the home page design ticket #51