mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-25 20:46:48 +00:00
63 lines
2.2 KiB
Plaintext
63 lines
2.2 KiB
Plaintext
.variants.row
|
||
.small-12.medium-4.large-4.columns.variant-name
|
||
.table-cell
|
||
.inline {{ variant.name_to_display }}
|
||
.bulk-buy.inline{"bo-if" => "variant.product.group_buy"}
|
||
%i.ofn-i_056-bulk><
|
||
%em><
|
||
\ Bulk
|
||
|
||
-# WITHOUT GROUP BUY
|
||
.small-5.medium-3.large-3.columns.text-right{"bo-if" => "!variant.product.group_buy"}
|
||
|
||
%input{type: :number,
|
||
value: nil,
|
||
min: 0,
|
||
placeholder: "0",
|
||
"ofn-disable-scroll" => true,
|
||
"ng-model" => "variant.line_item.quantity",
|
||
max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
|
||
name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}"}
|
||
|
||
|
||
-# WITH GROUP BUY
|
||
.small-5.medium-3.large-3.columns.text-right{"bo-if" => "variant.product.group_buy"}
|
||
%span.bulk-input-container
|
||
%span.bulk-input
|
||
%input.bulk.first{type: :number,
|
||
value: nil,
|
||
min: 0,
|
||
"ng-model" => "variant.line_item.quantity",
|
||
placeholder: "min",
|
||
"ofn-disable-scroll" => true,
|
||
max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
|
||
name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}"}
|
||
%span.bulk-input{"bo-if" => "variant.product.group_buy"}
|
||
%input.bulk.second{type: :number,
|
||
min: 0,
|
||
"ng-model" => "variant.line_item.max_quantity",
|
||
placeholder: "max",
|
||
"ofn-disable-scroll" => true,
|
||
max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
|
||
name: "variant_attributes[{{variant.id}}][max_quantity]"}
|
||
|
||
.small-3.medium-1.large-1.columns.variant-unit
|
||
.table-cell
|
||
%em {{ variant.unit_to_display }}
|
||
|
||
.small-4.medium-2.large-2.columns.variant-price
|
||
.table-cell.price
|
||
%i.ofn-i_009-close
|
||
{{ variant.price | currency }}
|
||
|
||
-# Now in a template in app/assets/javascripts/templates !
|
||
%price-breakdown{"price-breakdown" => "_", variant: "variant",
|
||
"price-breakdown-append-to-body" => "true",
|
||
"price-breakdown-placement" => "left",
|
||
"price-breakdown-animation" => true}
|
||
|
||
.small-12.medium-2.large-2.columns.total-price.text-right
|
||
.table-cell
|
||
%strong
|
||
{{ variant.getPrice() | currency }}
|