Starter/TypeScript-Node-Starter
1
0
Fork 0
mirror of https://github.com/microsoft/TypeScript-Node-Starter.git synced 2025-11-08 20:27:37 +00:00
Code Issues Releases Wiki Activity

porting bootstrap 4

Browse Source
This commit is contained in:
amodolo
2018-07-19 11:10:54 +02:00
parent 6afbd99bf6
commit c6622bff46
5 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
views/account/profile.pug
View File

@@ -15,18 +15,18 @@ block content
label.col-sm-3.col-form-label.text-right.font-weight-bold(for='name') Name
.col-sm-7
input.form-control(type='text', name='name', id='name', value=user.profile.name)
.form-group.row.justify-content-md-center
.form-group.row.justify-content-md-center.align-items-center
label.col-sm-3.col-form-label.text-right.font-weight-bold Gender
.col-sm-7
label.radio.col-sm-3
input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
span Male
label.radio.col-sm-3
input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
span Female
label.radio.col-sm-3
input(type='radio', checked=user.profile.gender=='other', name='gender', value='other', data-toggle='radio')
span Other
.form-check.form-check-inline
input#option-male.form-check-input(type='radio', checked=user.profile.gender==='male', name='gender', value='male', data-toggle='radio')
label.form-check-label(for="option-male") Male
.form-check.form-check-inline
input#option-female.form-check-input(type='radio', checked=user.profile.gender==='female', name='gender', value='female', data-toggle='radio')
label.form-check-label(for="option-female") Female
.form-check.form-check-inline
input#option-other.form-check-input(type='radio', checked=user.profile.gender==='other', name='gender', value='other', data-toggle='radio')
label.form-check-label(for="option-other") Other
.form-group.row.justify-content-md-center
label.col-sm-3.col-form-label.text-right.font-weight-bold(for='location') Location
.col-sm-7

7
views/account/reset.pug
View File

@@ -1,15 +1,16 @@
extends ../layout
block content
.col-sm-8.col-sm-offset-2
.col-sm-8.offset-sm-2
form(method='POST')
legend Reset Password
hr
input(type='hidden', name='_csrf', value=_csrf)
.form-group
label(for='password') New Password
label.col-form-label.font-weight-bold(for='password') New Password
input.form-control(type='password', name='password', id='password', placeholder='New password', autofocus, required)
.form-group
label(for='confirm') Confirm Password
label.col-form-label.font-weight-bold(for='confirm') Confirm Password
input.form-control(type='password', name='confirm', id='confirm', placeholder='Confirm password', required)
.form-group
button.btn.btn-primary.btn-reset(type='submit')

2
views/partials/footer.pug
View File

@@ -1,4 +1,4 @@
footer
.container.text-center
p.pull-left © 2018 Company, Inc. All Rights Reserved
a.github-button.pull-right(href="https://github.com/microsoft/typescript-node-starter", data-icon="octicon-star", data-show-count="true", aria-label="Star microsoft/typescript-node-starter on GitHub") Star
a.github-button.float-right(href="https://github.com/microsoft/typescript-node-starter", data-icon="octicon-star", data-show-count="true", aria-label="Star microsoft/typescript-node-starter on GitHub") Star

10
views/partials/header.pug
View File

@@ -1,10 +1,10 @@
nav.navbar.navbar-expand-lg.navbar-light.bg-light.fixed-top
.container
button.navbar-toggler(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.navbar-toggler-icon
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
ul.nav.navbar-nav.mr-auto
@@ -16,12 +16,12 @@ nav.navbar.navbar-expand-lg.navbar-light.bg-light.fixed-top
a.nav-link(href='/contact') Contact
ul.nav.navbar-nav
if !user
li.nav-item(class=(title == 'Login') ? 'active' : undefined)
li.nav-item(class=(title === 'Login') ? 'active' : undefined)
a.nav-link(href='/login') Login
li.nav-item(class=(title == 'Create Account') ? 'active' : undefined)
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)
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))