mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-29 21:17:17 +00:00
54 lines
2.3 KiB
Plaintext
54 lines
2.3 KiB
Plaintext
%fieldset#shipping
|
|
%ng-form{"ng-controller" => "ShippingCtrl", name: "shipping"}
|
|
|
|
%h5{"ng-class" => "{valid: shipping.$valid, dirty: shipping.$dirty || submitted}"}
|
|
%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}"}
|
|
= render 'checkout/accordion_heading'
|
|
|
|
.small-12.columns.medium-6.columns.large-6.columns
|
|
%label{"ng-repeat" => "method in ShippingMethods.shipping_methods"}
|
|
%input{type: :radio,
|
|
required: true,
|
|
name: "order.shipping_method_id",
|
|
"ng-value" => "method.id",
|
|
"ng-model" => "order.shipping_method_id"}
|
|
{{ method.name }}
|
|
%em.light{"ng-show" => "!method.price || method.price == 0"}
|
|
(Free)
|
|
%em.light{"ng-hide" => "!method.price || method.price == 0"}
|
|
({{ method.price | localizeCurrency }})
|
|
|
|
%small.error.medium.input-text{"ng-show" => "!fieldValid('order.shipping_method_id')"}
|
|
= "{{ fieldErrors('order.shipping_method_id') }}"
|
|
|
|
%label{"ng-if" => "Checkout.requireShipAddress()"}
|
|
%input{type: :checkbox, "ng-model" => "Checkout.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" => "Checkout.shippingMethod().description"}
|
|
%span{ style: "white-space: pre-wrap;" }{{ Checkout.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|
|
|
= render 'checkout/shipping_ship_address'
|
|
|
|
.row
|
|
.small-12.columns
|
|
= f.text_area :special_instructions, label: "Any comments or special instructions?", size: "60x4", "ng-model" => "order.special_instructions"
|
|
|
|
.row
|
|
.small-12.columns.text-right
|
|
%button.primary{"ng-disabled" => "shipping.$invalid", "ng-click" => "next($event)"} Next
|