Page layout for run and order create pages

This commit is contained in:
Ben Ramey
2014-04-09 07:31:52 -05:00
parent e6ea69b9c2
commit cfd39be771
2 changed files with 33 additions and 29 deletions

View File

@@ -1,16 +1,18 @@
div(ng-show='show')
h2.text-center
extends ../layouts/interior-page
block pagetitle
span.text-muted Enter your order for:
br
|  {{ run.name }}
p.text-center Hi {{ invitee.name }}! You are all going to {{ run.restaurant }}.
span(ng-show='showMenuUrl') Here is the
a(href='{{ run.menuUrl }}') menu.
block interiorcontent
div(ng-show='show')
p Hi {{ invitee.name }}! You are all going to {{ run.restaurant }}.
span(ng-show='showMenuUrl') Here is the
a(href='{{ run.menuUrl }}') menu.
form.form.create-order-form(role='form')
div.form-group
textarea#order.form-control(ng-model='invitee.order',placeholder='Your order')
form.form.create-order-form(role='form')
div.form-group
textarea#order.form-control(ng-model='invitee.order',placeholder='Your order')
button.btn.btn-lg.btn-primary.btn-block(ng-click='submit(invitee)') Submit Order
button.btn.btn-lg.btn-primary.btn-block(ng-click='submit(invitee)') Submit Order

View File

@@ -1,22 +1,24 @@
.container.run-details(ng-show="show")
h1.text-center
span.text-muted Lunch run status:
br
| {{ run.name }}
extends ../layouts/interior-page
p.text-center {{ run.creatorName }}, here's your lunch run! Wait here to see real-time updates of your invitees' orders.
block pagetitle
span.text-muted Lunch run status:
|  {{ run.name }}
section
.bg  
span.glyphicon.glyphicon-user
.progress
div(class='progress-bar {{ progressClass }}',role='progressbar',aria-valuenow="{{ progress }}",aria-minvalue='0',aria-maxvalue='100',style='width:{{ progress }}%')
| {{ progress }}% complete
block interiorcontent
.run-details(ng-show="show")
p {{ run.creatorName }}, here's your lunch run! Wait here to see real-time updates of your invitees' orders.
div.row.run-order-status(ng-repeat="i in run.invitees")
.name.col-sm-3
| {{ i.name }}
br
.order.col-sm-7 {{ i.order }}
.fill.col-sm-2
a.btn.btn-default.btn-sm.btn-block(href='#/run/{{ run.id }}/order/{{ i.name }}') Fill in this order
section
.bg  
span.glyphicon.glyphicon-user
.progress
div(class='progress-bar {{ progressClass }}',role='progressbar',aria-valuenow="{{ progress }}",aria-minvalue='0',aria-maxvalue='100',style='width:{{ progress }}%')
| {{ progress }}% complete
div.row.run-order-status(ng-repeat="i in run.invitees")
.name.col-sm-3
| {{ i.name }}
br
.order.col-sm-7 {{ i.order }}
.fill.col-sm-2
a.btn.btn-default.btn-sm.btn-block(href='#/run/{{ run.id }}/order/{{ i.name }}') Fill in this order