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

Make create-run form mobile viewable

Browse Source
This commit is contained in:
Ben Ramey
2014-05-13 11:07:04 -05:00
parent 720ad4ce2d
commit 40d5c0274e
2 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/linker/styles/forms.less
View File

@@ -6,6 +6,7 @@ form {
text-align: center;
.glyphicon {
font-size: 5em;
margin-bottom: 20px;
}
}
}
@@ -25,6 +26,11 @@ form {
}
}
.create-run-form {
.invitees {
.btn-default {
margin-top: 20px;
}
}
}
.create-order-form {
textarea {

24
assets/linker/templates/run/create.jade
View File

@@ -8,9 +8,9 @@ block interiorcontent
.create-run-form(ng-controller='CreateRunCtrl')
form(name='form',novalidate,role='form')
section.name.row
.col-xs-2.step-num
.col-xs-12.col-sm-2.step-num
span.glyphicon.glyphicon-info-sign
.col-xs-10
.col-xs-12.col-sm-10
.form-group(ng-class="{'has-error has-feedback': form.Name.$dirty && form.Name.$invalid, 'has-success has-feedback': form.Name.$dirty && form.Name.$valid}")
input#name.form-control.input-lg(type='text',ng-model='run.name',required,placeholder='Name your run',name='Name')
div(ng-show='form.Name.$dirty && form.Name.$invalid')
@@ -19,9 +19,9 @@ block interiorcontent
span.glyphicon.glyphicon-ok.form-control-feedback(ng-show="form.Name.$dirty && form.Name.$valid")
section.row
.col-xs-2.step-num
.col-xs-12.col-sm-2.step-num
span.glyphicon.glyphicon-user
.col-xs-10
.col-xs-12.col-sm-10
.form-group(ng-class="{'has-error has-feedback': form.CreatorName.$dirty && form.CreatorName.$invalid, 'has-success has-feedback': form.CreatorName.$dirty && form.CreatorName.$valid}")
input#creatorName.form-control.input-lg(type='text',ng-model='run.creatorName',required,placeholder='Your name',name='CreatorName')
div(ng-show="form.CreatorName.$dirty && form.CreatorName.$invalid")
@@ -38,9 +38,9 @@ block interiorcontent
span.glyphicon.glyphicon-ok.form-control-feedback(ng-show='form.Email.$dirty && form.Email.$valid')
section.row
.col-xs-2.step-num
.col-xs-12.col-sm-2.step-num
span.glyphicon.glyphicon-map-marker
.col-xs-10
.col-xs-12.col-sm-10
.form-group(ng-class="{'has-error has-feedback': form.Restaurant.$dirty && form.Restaurant.$invalid, 'has-success has-feedback': form.Restaurant.$dirty && form.Restaurant.$valid}")
input#restaurant.form-control.input-lg(type='text',ng-model='run.restaurant',placeholder='Restaurant',name='Restaurant',required)
div(ng-show="form.Restaurant.$dirty && form.Restaurant.$invalid")
@@ -52,9 +52,9 @@ block interiorcontent
input#menuUrl.form-control.input-lg(type='url',ng-model='run.menuUrl',placeholder='Menu URL')
section.invitees.row
.col-xs-2.step-num
.col-xs-12.col-sm-2.step-num
span.glyphicon.glyphicon-list
.col-xs-10
.col-xs-12.col-sm-10
.invitee.clearfix(ng-repeat='i in run.invitees')
ng-form(name='inviteeForm')
.row
@@ -79,9 +79,11 @@ block interiorcontent
button.btn.btn-block.btn-lg.btn-warning(ng-click='removeInvitee($index)')
span.glyphicon.glyphicon-remove
button.btn.btn-default.btn-lg(ng-click='addInvitee()')
span.glyphicon.glyphicon-plus
| Invite another!
.row
.col-xs-12.col-sm-4
button.btn.btn-default.btn-lg.btn-block(ng-click='addInvitee()')
span.glyphicon.glyphicon-plus
| Invite another!
section.submit
button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid")