86 lines
2.0 KiB
JavaScript
86 lines
2.0 KiB
JavaScript
|
export function navComputations (store) {
|
||
|
|
store.compute(
|
||
|
|
'pinnedListTitle',
|
||
|
|
['lists', 'pinnedPage'],
|
||
|
|
(lists, pinnedPage) => {
|
||
|
|
if (!pinnedPage.startsWith('/lists')) {
|
||
|
|
return
|
||
|
|
}
|
||
|
|
let listId = pinnedPage.split('/').slice(-1)[0]
|
||
|
|
let list = lists.find(_ => _.id === listId)
|
||
|
|
return list ? list.title : ''
|
||
|
|
}
|
||
|
|
)
|
||
|
|
|
||
|
|
store.compute(
|
||
|
|
'navPages',
|
||
|
|
['pinnedPage', 'pinnedListTitle'],
|
||
|
|
(pinnedPage, pinnedListTitle) => {
|
||
|
|
let pinnedPageObject
|
||
|
|
if (pinnedPage === '/federated') {
|
||
|
|
pinnedPageObject = {
|
||
|
|
name: 'federated',
|
||
|
|
href: '/federated',
|
||
|
|
svg: '#fa-globe',
|
||
|
|
label: 'Federated'
|
||
|
|
}
|
||
|
|
} else if (pinnedPage === '/favorites') {
|
||
|
|
pinnedPageObject = {
|
||
|
|
name: 'favorites',
|
||
|
|
href: '/favorites',
|
||
|
|
svg: '#fa-star',
|
||
|
|
label: 'Favorites'
|
||
|
|
}
|
||
|
|
} else if (pinnedPage.startsWith('/lists/')) {
|
||
|
|
pinnedPageObject = {
|
||
|
|
name: 'lists',
|
||
|
|
href: pinnedPage,
|
||
|
|
svg: '#fa-bars',
|
||
|
|
label: pinnedListTitle
|
||
|
|
}
|
||
|
|
} else { // local
|
||
|
|
pinnedPageObject = {
|
||
|
|
name: 'local',
|
||
|
|
href: '/local',
|
||
|
|
svg: '#fa-users',
|
||
|
|
label: 'Local'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return [
|
||
|
|
{
|
||
|
|
name: 'home',
|
||
|
|
href: '/',
|
||
|
|
svg: '#pinafore-logo',
|
||
|
|
label: 'Home'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'notifications',
|
||
|
|
href: '/notifications',
|
||
|
|
svg: '#fa-bell',
|
||
|
|
label: 'Notifications'
|
||
|
|
},
|
||
|
|
pinnedPageObject,
|
||
|
|
{
|
||
|
|
name: 'community',
|
||
|
|
href: '/community',
|
||
|
|
svg: '#fa-comments',
|
||
|
|
label: 'Community'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'search',
|
||
|
|
href: '/search',
|
||
|
|
svg: '#fa-search',
|
||
|
|
label: 'Search'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'settings',
|
||
|
|
href: '/settings',
|
||
|
|
svg: '#fa-gear',
|
||
|
|
label: 'Settings'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
)
|
||
|
|
}
|