Live (In a Volcano) community card game.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

83 lines
2.7 KiB

mixin renderMenuItem (iconClass, label)
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i(class=`fas ${iconClass}`)
.uk-width-expand= label
#dtp-offcanvas(uk-offcanvas="mode: slide; overlay: true; bg-close: true;")
.uk-offcanvas-bar
.uk-margin
a(href="/").uk-display-block
.uk-text-large= site.name
.uk-text-small.uk-text-muted= site.description
ul.uk-nav.uk-nav-default.dtp-app-menu
li.uk-nav-header Site Menu
li(class={ "uk-active": (currentView === 'home') })
a(href='/').uk-display-block
+renderMenuItem('fa-home', 'Home')
each menuItem in mainMenu
li(class={ 'uk-active': (pageSlug === menuItem.slug) })
a(href= menuItem.url, title= menuItem.label)
+renderMenuItem(menuItem.icon || 'fa-file', menuItem.label)
if user
li.uk-nav-header Member Menu
li(class={ "uk-active": (currentView === 'user-settings') })
a(href=`/user/${user._id}`).uk-display-block
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i.fas.fa-user
.uk-width-expand Profile
li(class={ "uk-active": (currentView === 'user-settings') })
a(href=`/user/${user._id}/settings`).uk-display-block
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i.fas.fa-cog
.uk-width-expand Settings
if user.permissions.isAdmin
a(href="/admin").uk-display-block
li(class={ "uk-active": currentView === 'admin' })
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i.fas.fa-user-shield
.uk-width-expand Admin
li
a(href="/auth/logout").uk-display-block
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i.fas.fa-sign-out-alt
.uk-width-expand Logout
li.uk-nav-header Legal
li
a(href="/policy/terms-of-service").uk-display-block
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i.fas.fa-balance-scale
.uk-width-expand Terms of Service
li
a(href="/policy/privacy").uk-display-block
div(uk-grid).uk-grid-collapse
.uk-width-auto
.app-menu-icon
i.fas.fa-balance-scale
.uk-width-expand Privacy Policy
.uk-text-small.uk-text-muted.uk-margin-medium
div © #{moment().format('YYYY')} #{site.company}
div Made In USA 🇺🇸