-
Notifications
You must be signed in to change notification settings - Fork 0
Component Hierarchy
Andres Alfaro edited this page Sep 18, 2017
·
2 revisions
-
Root
-
App
NavBar
MainComponent
MediaPlayer
-
-
NavBar
- Components:
Logo link
Search link
Playlists link
-
CurrentUserContainer
+CurrentUser
- State:
session
- State:
- Components:
Note: All other components are rendered inside of MainComponent
CollectionPlaylist
- Components:
-
CollectionPlaylistContainer
+CollectionPlaylistIndex
- Route:
/#/collection/playlists
- State:
playlists
,session
- Components:
-
MediaInfoDisplay
- State:
playlist[:id]
,ui
- State:
-
- Route:
-
-
ShowPlaylistContainer
+PlaylistShow
- Route:
/#/user/:userID/playlists/:playlistID
- State:
playlists[:id], users[:id]
- Components:
-
PlaylistInfoDisplay
- State:
playlist[:id]
,ui
- State:
CollectionSong
- State:
playlist[:id]``,
songs` - Components:
-
CollectionSongContainer
+CollectionSongIndex
- State: playlist[:id],
songs[]
- Components:
-
SongInfoDisplay
- State:
playlist[:id]
,songs[:id]
, users[:id]
- State:
-
- State: playlist[:id],
-
-
- Route:
-
PlaylistForm
- Route:
/#/playlist/:playlistID/edit
- State:
playlist[:id]
- Route:
-
PlaylistSelectorIndex
- State:
playlists
,user[:id]
- State:
-
SearchIndexContainer
+SearchIndex
- Route:
/#/search/
- State:
ui
- Components:
ResultInfoDisplay
- State: none (will be made with separate ajax)
- Components
-
CollectionPlaylist
, same component used on the homepage with different playlists. -
CollectionSong
, in this scenario we wont have aplaylist[:id]
meaning the songs will not have the remove from playlist option. This is the same component we use on the show playlist. CollectionFriends
-
- Components
-
UserProfileContainer
+UserProfile
- Route:
/#/users/:userId
- State:
playlists
,users
- Components:
CollectionPlaylist
CollectionFriends
- Route:
-
SessionFormContainer
+SessionForm
- Route:
/#/login
and/#/signup
- State:
errors.login
- Route: