raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-31 21:37:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweaking layout of details section of standing order creation form

Browse Source
This commit is contained in:
Rob Harrington
2016-09-24 09:53:22 +10:00
parent bba4b54f9b
commit 2e83ab80cf
1 changed files with 15 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/views/admin/standing_orders/_details.html.haml
View File

@@ -1,43 +1,39 @@
%fieldset.no-border-bottom
%legend{ align: 'center'}= t("admin.standing_orders.form.details")
.row
.four.columns.alpha.field
Customer
.four.columns.field
.seven.columns.alpha.field
%label{ for: 'customer_id'} Customer
%input.ofn-select2.fullwidth#customer_id{ name: 'customer_id', type: 'number', data: 'customers', text: 'email', required: true, ng: { model: 'standingOrder.customer_id' } }
.error{ ng: { show: 'submitted && standing_order_details_form.customer_id.$error.required' } }= t(:error_required)
.error{ ng: { repeat: 'error in errors.customer', show: 'standing_order_details_form.customer_id.$pristine' } } {{ error }}
.four.columns.field
Schedule
.four.columns.omega.field
.two.columns  
.seven.columns.omega.field
%label{ for: 'schedule_id'} Schedule
%input.ofn-select2.fullwidth#schedule_id{ name: 'schedule_id', type: 'number', data: 'schedules', required: true, ng: { model: 'standingOrder.schedule_id' } }
.error{ ng: { show: 'submitted && standing_order_details_form.schedule_id.$error.required' } }= t(:error_required)
.error{ ng: { repeat: 'error in errors.schedule', show: 'standing_order_details_form.schedule_id.$pristine'} } {{ error }}
.row
.four.columns.alpha.field
Payment Method
.four.columns.field
.seven.columns.alpha.field
%label{ for: 'payment_method_id'} Payment Method
%input.ofn-select2.fullwidth#payment_method_id{ name: 'payment_method_id', type: 'number', data: 'paymentMethods', required: true, ng: { model: 'standingOrder.payment_method_id' } }
%div
.error{ ng: { show: 'submitted && standing_order_details_form.payment_method_id.$error.required' } }= t(:error_required)
.error{ ng: { repeat: 'error in errors.payment_method', show: 'standing_order_details_form.payment_method_id.$pristine' } } {{ error }}
.four.columns.field
Shipping Method
.four.columns.omega.field
.two.columns  
.seven.columns.omega.field
%label{ for: 'shipping_method_id'} Shipping Method
%input.ofn-select2.fullwidth#shipping_method_id{ name: 'shipping_method_id', type: 'number', data: 'shippingMethods', required: true, ng: { model: 'standingOrder.shipping_method_id' } }
.error{ ng: { show: 'submitted && standing_order_details_form.shipping_method_id.$error.required' } }= t(:error_required)
.error{ ng: { repeat: 'error in errors.shipping_method', show: 'standing_order_details_form.shipping_method_id.$pristine' } } {{ error }}
.row
.four.columns.alpha.field
Begins At
.four.columns.field
.seven.columns.alpha.field
%label{ for: 'begins_at'} Begins At
%input.fullwidth#begins_at{ name: 'begins_at', type: 'text', placeholder: 'Select A Date', datepicker: 'standingOrder.begins_at', required: true, ng: { model: 'standingOrder.begins_at' } }
.error{ ng: { show: 'submitted && standing_order_details_form.begins_at.$error.required' } }= t(:error_required)
.error{ ng: { repeat: 'error in errors.begins_at', show: 'standing_order_details_form.begins_at.$pristine' } } {{ error }}
.four.columns.field
Ends at
.four.columns.omega.field
.two.columns  
.seven.columns.omega.field
%label{ for: 'ends_at'} Begins At
%input.fullwidth#ends_at{ name: 'ends_at', type: 'text', placeholder: 'Optional', datepicker: 'standingOrder.begins_at', ng: { model: 'standingOrder.ends_at' } }
.error{ ng: { repeat: 'error in errors.ends_at', show: 'standing_order_details_form.ends_at.$pristine' } } {{ error }}