Files
complete-node-bootcamp/4-natours/after-section-11/dev-data/templates/userSettingsTemplate.pug
Jonas Schmedtmann 7f81af0ddf Initial commit 🚀
2019-06-13 15:43:15 +01:00

78 lines
2.8 KiB
Plaintext

main.main
.user-view
nav.user-view__menu
ul.side-nav
li.side-nav--active
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-settings')
| Settings
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-briefcase')
| My bookings
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-star')
| My reviews
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-credit-card')
| Billing
.admin-nav
h5.admin-nav__heading Admin
ul.side-nav
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-map')
| Manage tours
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-users')
| Manage users
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-star')
| Manage reviews
li
a(href='#')
svg
use(xlink:href='img/icons.svg#icon-briefcase')
.user-view__content
.user-view__form-container
h2.heading-secondary.ma-bt-md Your account settings
form.form.form-user-data
.form__group
label.form__label(for='name') Name
input#name.form__input(type='text', value='Jonas Schmedtmann', required)
.form__group.ma-bt-md
label.form__label(for='email') Email address
input#email.form__input(type='email', value='admin@natours.io', required)
.form__group.form__photo-upload
img.form__user-photo(src='img/user.jpg', alt='User photo')
a.btn-text(href='') Choose new photo
.form__group.right
button.btn.btn--small.btn--green Save settings
.line  
.user-view__form-container
h2.heading-secondary.ma-bt-md Password change
form.form.form-user-settings
.form__group
label.form__label(for='password-current') Current password
input#password-current.form__input(type='password', placeholder='••••••••', required, minlength='8')
.form__group
label.form__label(for='password') New password
input#password.form__input(type='password', placeholder='••••••••', required, minlength='8')
.form__group.ma-bt-lg
label.form__label(for='password-confirm') Confirm password
input#password-confirm.form__input(type='password', placeholder='••••••••', required, minlength='8')
.form__group.right
button.btn.btn--small.btn--green Save password