1
0
mirror of https://github.com/microsoft/TypeScript-Node-Starter.git synced 2025-11-08 15:37:24 +00:00
Files
TypeScript-Node-Starter/views/partials/header.pug

39 lines
1.7 KiB
Plaintext

nav.navbar.navbar-expand-lg.navbar-light.bg-light.fixed-top
.container
a.navbar-brand(href='/')
i.fa.fa-cube
| Project name
button.navbar-toggler(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.navbar-toggler-icon
.collapse.navbar-collapse
.dropdown-divider
ul.nav.navbar-nav.mr-auto
li.nav-item(class=(title === 'Home') ? 'active' : undefined)
a.nav-link(href='/') Home
li.nav-item(class=(title === 'API Examples') ? 'active' : undefined)
a.nav-link(href='/api') API Examples
li.nav-item(class=(title === 'Contact') ? 'active' : undefined)
a.nav-link(href='/contact') Contact
ul.nav.navbar-nav
if !user
li.nav-item(class=(title === 'Login') ? 'active' : undefined)
a.nav-link(href='/login') Login
li.nav-item(class=(title === 'Create Account') ? 'active' : undefined)
a.nav-link(href='/signup') Create Account
else
li.nav-item.dropdown(class=(title === 'Account Management') ? 'active' : undefined)
a.nav-link.dropdown-toggle(href='#', data-toggle='dropdown')
if user.profile.picture
img(src=user.profile.picture, alt=(user.profile.name || user.email || user.id))
else
img(src=user.gravatar(60), alt=(user.profile.name || user.email || user.id))
span= user.profile.name || user.email || user.id
i.caret
ul.dropdown-menu
li.nav-item
a.nav-link(href='/account') My Account
li.dropdown-divider
li.nav-item
a.nav-link(href='/logout') Logout