The navigation bar at the top contains links to the user and administrator dashboard links, as well as a user profile link based on whether the visitor is the administrator for the SaaS (you) or a regular user. Here is a sample code for conditionally providing the correct links in the navbar pug component.
mixin navbar()
nav.navigation_17.bg-dark.pt-30.pb-30.lh-40.text-center
.container.px-xl-0
.row
.col-lg-auto.text-lg-left
img(style="width: 35px;" src=thisApp.ImageUrl).mr-5.mb-2
a.logo.link.color-white(href='/') SaaSBox
.col-lg-10.text-lg-right
a.link.color-white.mx-20(href="/") Home
a.link.color-white.mx-20(href='/features') Features
a.link.color-white.mx-20(href='<https://docs.saasbox.net>') Documentation
a.link.color-white.mx-20(href='<https://community.saasbox.net>') Community
a.link.color-white.mx-20(href='/community-templates') Templates
a.link.color-white.mx-20(href='/pricing') Pricing
a.link.color-white.mx-20(href='/blog') Blog
if !currentUser
a.mx-20.btn.sm.border-transparent-white.f-16(href='/signup') Sign up
a.link.color-white.ml-20(href='/login') Login
else
.mx-20.d-inline-block.pr-10.dropdown
a.link.color-white.dropdown-toggle#navigation_12_dropdown(href='#', data-toggle='dropdown', aria-haspopup='true', aria-expanded='true')
i.fad.fa-user-circle.fa-lg.mr-10
| Settings
.bg-dark.dropdown-menu(aria-labelledby='navigation_12_dropdown', style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(20px, 26px, 0px);")
div
a.link.color-white(href=(currentUser.appUser.is_admin ? "/dashboard/profile" : "/app/user/profile")) Your Profile
div
a.link.color-white(href="/dashboard") Admin Dashboard
div
a.link.color-white(href='/app/start') App Dashboard
div
a.link.color-white(href='/logout') Sign out
//- mobile nav goes here.