pinafore/routes/_store/computations/navComputations.js

86 lines
2.0 KiB
JavaScript
Raw Normal View History

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 = {
2018-05-04 06:24:10 +02:00
name: `lists/${pinnedPage.split('/').slice(-1)[0]}`,
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'
}
]
}
)
}