mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-04 22:16:08 +00:00
78 lines
3.5 KiB
Plaintext
78 lines
3.5 KiB
Plaintext
%fieldset#shipping
|
|
%ng-form{"ng-controller" => "ShippingCtrl", name: "shipping"}
|
|
|
|
%h5{"ng-class" => "{valid: shipping.$valid, dirty: shipping.$dirty}"}
|
|
%span.right
|
|
%label.label.round.alert.right
|
|
%i.ofn-i_009-close
|
|
%label.label.round.success.right
|
|
%i.ofn-i_051-check-big
|
|
Shipping info
|
|
|
|
%accordion-group{"is-open" => "accordion.shipping",
|
|
"ng-class" => "{valid: shipping.$valid, open: accordion.shipping}"}
|
|
%accordion-heading
|
|
.row
|
|
.small-11.columns
|
|
%em
|
|
%small
|
|
{{ Order.shippingMethod().name }}
|
|
.small-1.columns.right
|
|
%span.accordion-up.right
|
|
%i.ofn-i_006-caret-up
|
|
%span.accordion-down.right
|
|
%i.ofn-i_005-caret-down
|
|
|
|
.small-12.columns.medium-6.columns.large-6.columns
|
|
- for ship_method, i in current_distributor.shipping_methods.uniq
|
|
%label
|
|
-#= radio_button_tag "order[shipping_method_id]", ship_method.id, false,
|
|
-#"ng-model" => "order.shipping_method_id"
|
|
%input{type: :radio, value: ship_method.id,
|
|
required: true,
|
|
"ng-model" => "order.shipping_method_id"}
|
|
= ship_method.name
|
|
%label{"ng-if" => "Order.requireShipAddress()"}
|
|
%input{type: :checkbox, "ng-model" => "Order.ship_address_same_as_billing"}
|
|
Shipping address same as billing address?
|
|
.small-12.columns.medium-6.columns.large-6.columns
|
|
#distributor_address.panel{"ng-show" => "Order.shippingMethod().description"}
|
|
%span{ style: "white-space: pre-wrap;" }{{ Order.shippingMethod().description }}
|
|
%br/
|
|
%br/
|
|
= 'Ready for:' if @order.order_cycle.pickup_time_for(@order.distributor)
|
|
= @order.order_cycle.pickup_time_for(@order.distributor)
|
|
|
|
= f.fields_for :ship_address, @order.ship_address do |sa|
|
|
.small-12.columns
|
|
#ship_address{"ng-if" => "Order.requireShipAddress()"}
|
|
%div.visible{"ng-if" => "!Order.ship_address_same_as_billing"}
|
|
.row
|
|
.small-12.columns
|
|
= validated_input "Address", "order.ship_address.address1", "ofn-focus" => "accordion['shipping']"
|
|
.row
|
|
.small-12.columns
|
|
= validated_input "Address (contd.)", "order.ship_address.address2", required: false
|
|
.row
|
|
.small-6.columns
|
|
= validated_input "City", "order.ship_address.city"
|
|
.small-6.columns
|
|
= sa.select :state_id, @order.shipping_address.country.states.map{|c|[c.name, c.id]}
|
|
.row
|
|
.small-6.columns
|
|
= validated_input "Postcode", "order.ship_address.zipcode"
|
|
.small-6.columns.right
|
|
= sa.select :country_id, available_countries.map{|c|[c.name, c.id]},
|
|
{include_blank: false}
|
|
.row
|
|
.small-6.columns
|
|
= validated_input "First Name", "order.ship_address.firstname"
|
|
.small-6.columns
|
|
= validated_input "Last Name", "order.ship_address.lastname"
|
|
.row
|
|
.small-6.columns
|
|
= validated_input "Phone", "order.ship_address.phone"
|
|
.row
|
|
.small-12.columns.text-right
|
|
%button.primary{"ng-disabled" => "shipping.$invalid", "ng-click" => "next($event)", "ofn-focus" => "accordion['shipping']"} Next
|