155 lines
5.8 KiB
Plaintext
155 lines
5.8 KiB
Plaintext
div layout="screen" layout-id="checkoutOrder" id="checkoutOrderScreen" class="screen secondary"
|
|
.content
|
|
.content-head
|
|
.content-icon= image_tag("content/icon_shopping_cart.png", {:height => 19, :width => 19})
|
|
h1 check out
|
|
= render "screen_navigation"
|
|
.content-body
|
|
.content-body-scroller
|
|
.content-wrapper
|
|
.checkout-navigation-bar
|
|
.order-panel
|
|
.payment-wrapper
|
|
p.order-prompt.hidden
|
|
| Please review your order, and if everything looks correct, click the PLACE YOUR ORDER button. Thank you!
|
|
p.empty-cart-prompt.hidden
|
|
| You have nothing in your cart. You can go browse for JamTracks
|
|
a href="/client#/jamtrackBrowse" here
|
|
| .
|
|
p.no-account-info-prompt.hidden
|
|
| You have no billing info. Please go back to the
|
|
a href="/client#/checkoutPayment" Payment
|
|
| page to enter your billing info.
|
|
.order-content
|
|
|
|
#order_error.error.hidden
|
|
.clearall
|
|
.action-bar
|
|
|
|
.right
|
|
a.button-grey href="#" id="checkout-info-help" HELP
|
|
a.button-grey.back href="#" BACK
|
|
a.button-orange.place-order href="#" PLACE YOUR ORDER
|
|
.clearall
|
|
.thanks-panel
|
|
h2 Thank you for your order!
|
|
br
|
|
.thanks-detail We'll send you an email confirming your order shortly.
|
|
br
|
|
.thanks-detail.jam-tracks-in-browser.hidden
|
|
| To play your purchased JamTrack, launch the JamKazam application and open the JamTrack while in a session.
|
|
.thanks-detail.purchased-jam-track.hidden
|
|
h2.purchased-jam-track-header Downloading Your Purchased JamTracks
|
|
span Each JamTrack will be downloaded sequentially.
|
|
br
|
|
span.notice Note that you do not have to wait for this to complete in order to use your JamTrack later.
|
|
br.clear
|
|
ul.purchased-list
|
|
|
|
|
|
|
|
script type='text/template' id='template-order-content'
|
|
.order-left-page
|
|
.payment-info-page
|
|
h2 ADDRESS & PAYMENT
|
|
.address-info
|
|
.billing-address
|
|
.billing-caption
|
|
| BILLING ADDRESS:
|
|
a.change-payment-info href="#" change
|
|
.clearall
|
|
.billing-info-item= "{{data.billing_info.address1}}"
|
|
.billing-info-item= "{{data.billing_info.address2}}"
|
|
.billing-info-item
|
|
| {{data.billing_info.city}}, {{data.billing_info.state}} {{data.billing_info.zip}}
|
|
span.country= "{{data.billing_info.country}}"
|
|
.shipping-address
|
|
.billing-caption
|
|
| SHIPPING ADDRESS:
|
|
a.change-payment-info href="#" change
|
|
.clearall
|
|
= "{% if (data.shipping_as_billing) { %}"
|
|
.billing-info-item Same as billing address
|
|
= "{% } else { %}"
|
|
.billing-info-item= "{{data.shipping_info.address1}}"
|
|
.billing-info-item= "{{data.shipping_info.address2}}"
|
|
.billing-info-item
|
|
| {{data.shipping_info.city}}, {{data.shipping_info.state}} {{data.shipping_info.zip}}
|
|
span.country= "{{data.shipping_info.country}}"
|
|
= "{% } %}"
|
|
br
|
|
.payment-method-info
|
|
.billing-caption
|
|
| PAYMENT METHOD:
|
|
a.change-payment-info href="#" change
|
|
.clearall
|
|
|
|
/= image_tag ''
|
|
="Credit card ending {{data.billing_info.last_four}}"
|
|
|
|
.clearall
|
|
.order-items-page
|
|
h2 ORDER DETAILS
|
|
.cart-items
|
|
.cart-item-caption
|
|
span YOUR ORDER INCLUDES:
|
|
.cart-item-price
|
|
span PRICE
|
|
.cart-item-quantity
|
|
span QUANTITY
|
|
.clearall
|
|
= "{% if (data.carts.length == 0) { %}"
|
|
.no-cart-items You have no orders now.
|
|
= "{% } %}"
|
|
= "{% _.each(data.carts, function(cart) { %}"
|
|
.cart-item cart-id="{{cart.id}}"
|
|
.cart-item-caption
|
|
= "{{cart.cart_type}}: {{cart.product_info.name}}"
|
|
.cart-item-price
|
|
= "$ {{Number(cart.product_info.total_price).toFixed(2)}}"
|
|
.cart-item-quantity
|
|
= "{{cart.quantity}}"
|
|
.clearall
|
|
= "{% }); %}"
|
|
.clearall
|
|
.order-right-page
|
|
h2 PLACE ORDER
|
|
.recurly-data.hidden
|
|
.plan.jamtrack data-plan-code="{{gon.recurly_tax_estimate_jam_track_plan}}"
|
|
input data-recurly="plan" type="text" value="{{gon.recurly_tax_estimate_jam_track_plan}}"
|
|
.order-summary
|
|
.place-order-center
|
|
a.button-orange.place-order href="#" PLACE YOUR ORDER
|
|
.clearall
|
|
|
|
.billing-caption ORDER SUMMARY:
|
|
.order-items-header.order-total Order items:
|
|
.order-items-value.order-total= "{{data.sub_total}}"
|
|
.clearall
|
|
.order-items-header.shipping-handling Shipping & handling:
|
|
.order-items-value.shipping-handling= "{{data.shipping_handling}}"
|
|
.clearall
|
|
.line
|
|
.order-items-header.sub-total Total before tax:
|
|
.order-items-value.sub-total= "{{data.sub_total}}"
|
|
.clearall
|
|
.order-items-header.taxes Taxes:
|
|
.order-items-value.taxes= "{{data.taxes}}"
|
|
.clearall
|
|
.line
|
|
.order-items-header.grand-total Order total:
|
|
.order-items-value.grand-total= "{{data.grand_total}}"
|
|
.clearall
|
|
.order-help
|
|
span By placing your order, you agree to JamKazam's
|
|
'
|
|
a href="http://www.jamkazam.com/corp/terms" rel="external" terms of service
|
|
'
|
|
span and
|
|
'
|
|
a href="http://www.jamkazam.com/corp/returns" rel="external" returns policy
|
|
span .
|
|
.clearall
|
|
|
|
script type='text/template' id='template-purchased-jam-track'
|
|
li data-jam-track-id="{{data.jam_track_id}}" |