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.
108 lines
3.3 KiB
108 lines
3.3 KiB
nav(uk-navbar).uk-navbar-container.uk-position-fixed.uk-position-top
|
|
.uk-navbar-left
|
|
.uk-navbar-item
|
|
button(type="button", uk-toggle="target: #dtp-offcanvas").uk-button.uk-button-link.uk-padding-small
|
|
i.fas.fa-bars
|
|
|
|
div(class="uk-visible@m").uk-navbar-left
|
|
//- Site icon
|
|
a(href="/").uk-navbar-item
|
|
img(src=`/img/icon/icon-48x48.png`)
|
|
|
|
//- Site name
|
|
ul.uk-navbar-nav
|
|
li(class={ 'uk-active': currentView === 'home' })
|
|
a(href="/", title= "Home")
|
|
+renderButtonIcon('fa-home', 'Home')
|
|
each menuItem in mainMenu
|
|
li(class={ 'uk-active': (pageSlug === menuItem.slug) })
|
|
a(href= menuItem.url, title= menuItem.label)
|
|
+renderButtonIcon(menuItem.icon || 'fa-file', menuItem.label)
|
|
|
|
div(class="uk-hidden@m").uk-navbar-center
|
|
//- Site name
|
|
ul.uk-navbar-nav
|
|
li
|
|
a(href="/").uk-navbar-item
|
|
img(src=`/img/icon/icon-48x48.png`)
|
|
|
|
each menuItem in mainMenu
|
|
li
|
|
a(href= menuItem.url, title= menuItem.label)= menuItem.label
|
|
|
|
.uk-navbar-right
|
|
if user
|
|
ul.uk-navbar-nav
|
|
|
|
|
|
.uk-navbar-item
|
|
if user
|
|
div.no-select
|
|
if user.picture_url
|
|
img(
|
|
src= user.picture_url,
|
|
title="Member Menu",
|
|
).site-profile-picture.sb-navbar
|
|
else
|
|
img(
|
|
src= "/img/default-member.png",
|
|
title="Member Menu",
|
|
).site-profile-picture.sb-navbar
|
|
|
|
div(uk-dropdown={ mode: 'click' }).uk-navbar-dropdown
|
|
ul.uk-nav.uk-navbar-dropdown-nav
|
|
li.uk-nav-heading.uk-text-center= user.displayName || user.username
|
|
li.uk-nav-divider
|
|
if (user.channel)
|
|
li
|
|
a(href=`/channel/${user.channel.slug}`)
|
|
span.nav-item-icon
|
|
i.fas.fa-broadcast-tower
|
|
span(style="max-width: 120px;").uk-text-truncate= user.channel.name
|
|
if (user.channel.liveEpisode)
|
|
li
|
|
a(href=`/channel/${user.channel.slug}/broadcaster`)
|
|
span.nav-item-icon
|
|
i.fas.fa-box-open
|
|
span Broadcaster
|
|
li
|
|
a(href='/dashboard')
|
|
span.nav-item-icon
|
|
i.fas.fa-tachometer-alt
|
|
span Dashboard
|
|
|
|
li.uk-nav-divider
|
|
|
|
li
|
|
a(href=`/user/${user._id}`)
|
|
span.nav-item-icon
|
|
i.fas.fa-user
|
|
span Profile
|
|
li
|
|
a(href=`/user/${user._id}/settings`)
|
|
span.nav-item-icon
|
|
i.fas.fa-cog
|
|
span Settings
|
|
|
|
if user.flags && user.flags.isAdmin
|
|
li.uk-nav-divider
|
|
li
|
|
a(href='/admin')
|
|
span.nav-item-icon
|
|
i.fas.fa-user-lock
|
|
span Admin
|
|
|
|
li.uk-nav-divider
|
|
|
|
li
|
|
a(href='/auth/logout')
|
|
span.nav-item-icon
|
|
i.fas.fa-sign-out-alt
|
|
span Logout
|
|
else
|
|
ul.uk-navbar-nav
|
|
li
|
|
a(href='/welcome').uk-button.uk-button-link
|
|
span.nav-item-icon
|
|
i.fas.fa-sign-in-alt
|
|
span(class="uk-visible@m").uk-margin-small-left GET STARTED!
|