Build Map page

[aburd]

Description

The Map Page which allows users to see hangzones

Story

States

States denoted with "[[ ]]" notation

URL	Code	Description
/zones	ZONES	All zones shown within some radius
/zones/{:id}	ZONE_FOCUSED	A focused hangzone is shown with details
/zones/new	ZONE_NEW	A modal for creating a new hangzone is shown
/zones/{:id}/share	ZONE_SHARE	A page which let's user's share the current zone is shown
/zones/{:id}/invitations	ZONE_INVITATIONS	An invite page for the current zone

Actions

Actions denoted with "{{ }}" notation

Code	Description
ATN_ZONE_CLICK	User clicks on zone pin
ATN_ZONE_CREATE	User creates a zone
ATN_ZONE_COPY_SHARE_CLICK	User clicks the Hangzone copy/share button
ATN_ZONE_SHARE	A zone is shared through another application
ATN_ZONE_COPY	Publicly shareable Zone URL is copied to the user's clipboard
ATN_ZONE_INVITE_CLICK	User clicks on invite button
ATN_ZONE_INVITE	Another user is invited to a zone
ATN_ZONE_MORE_OPTIONS_CLICK	User clicks the more options button

Business Logic

On page open

[[ ZONES ]]
 | |
 | (Looking to hang)
 | |
 | | (Just checking it out the page)
 | |
 | L---> [[ Are they checked in? ]] - (Yes) --> [[ ZONE_FOCUSED ]]
 |        |
 |        | (No) 
 |        | 
 L--------L---> [[ ZONES ]]

Click

[[ ZONES ]]
 |
{{ ATN_ZONE_CLICK }}
 |
 L---> [[ ZONE_FOCUSED ]]

[[ ZONE_FOCUSED ]]
 |
{{ ATN_ZONE_CLICK }}
 |
 L---> [[ ZONES ]]

On the current zone details

[[ ZONE_FOCUSED ]]
 |
{{ ATN_ZONE_COPY_SHARE_CLICK }}
 |
[[ ZONE_SHARE ]] ----> {{ ATN_ZONE_COPY }}
                 |
                 L---> {{ ATN_ZONE_SHARE }}

[[ ZONE_FOCUSED ]]
 |
{{ ATN_ZONE_INVITE_CLICK }}
 |
[[ ZONE_INVITATIONS ]] ----> {{ ATN_ZONE_INVITE }}