benjaminramey/lunchrun.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Page layout for run and order create pages

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/linker/templates/run/create-order.jade
View File

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

40
assets/linker/templates/run/show.jade
View File

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