mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-23 05:28:53 +00:00
Images, first attempt at column formatting
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
class Api::OrdersByDistributorSerializer < ActiveModel::Serializer
|
||||
attributes :name, :id, :hash, :balance, :distributed_orders
|
||||
attributes :name, :id, :hash, :balance, :logo, :distributed_orders
|
||||
has_many :distributed_orders, serializer: Api::OrderSerializer
|
||||
|
||||
def balance
|
||||
@@ -10,4 +10,8 @@ class Api::OrdersByDistributorSerializer < ActiveModel::Serializer
|
||||
object.to_param
|
||||
end
|
||||
|
||||
def logo
|
||||
object.logo(:small) if object.logo?
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
@@ -10,12 +10,12 @@
|
||||
%th{"bo-text" => "'balance' | t"}
|
||||
%tbody{"ng-repeat" => "order in distributor.distributed_orders"}
|
||||
%tr
|
||||
%td{"bo-text" => "'Order ' + order.id"}
|
||||
%td{"bo-text" => "('order' | t )+ ' ' + order.id"}
|
||||
%td{"bo-text" => "order.completed_at"}
|
||||
%td{"bo-text" => "order.payment_state | t"}
|
||||
%td{"bo-text" => "order.shipment_state | t"}
|
||||
%td.text-right {{order.total_money.currency_symbol}} {{order.total_money.amount}}
|
||||
%td.text-right{"ng-class" => "{'credit' : order.outstanding_balance < 0, 'debit' : order.outstanding_balance > 0, 'paid' : order.outstanding_balance == 0}"} {{order.balance_money.currency_symbol}} {{order.balance_money.amount}}
|
||||
%td.text-right{"bo-text" => "order.total_money.currency_symbol + order.total_money.amount"}
|
||||
%td.text-right{"ng-class" => "{'credit' : order.outstanding_balance < 0, 'debit' : order.outstanding_balance > 0, 'paid' : order.outstanding_balance == 0}", "bo-text" => "order.balance_money.currency_symbol + order.balance_money.amount"}
|
||||
%tr{"ng-repeat" => "payment in order.payments"}
|
||||
%td{"bo-text" => "'Payment '+ payment.identifier"}
|
||||
%td{"bo-text" => "payment.updated_at"}
|
||||
|
||||
@@ -1,10 +1,14 @@
|
||||
.row.active_table_row{"ng-click" => "toggle($event)", "ng-class" => "{'closed' : !open()}"}
|
||||
.columns.small-12.medium-4.large-4.skinny-head
|
||||
.skinny-head
|
||||
%span.margin-top
|
||||
%strong{"bo-text" => "distributor.name"}
|
||||
|
||||
.columns.medium-2.large-2
|
||||
%span.margin-top
|
||||
%img{"bo-src" => "distributor.logo"}
|
||||
.columns.small-10.medium-8.large-8
|
||||
%span.margin-top
|
||||
%strong{"bo-text" => "distributor.name"}
|
||||
.columns.small-2.medium-2.large-2.text-right
|
||||
%span.margin-top
|
||||
%i{"ng-class" => "{'ofn-i_005-caret-down' : !open(), 'ofn-i_006-caret-up' : open()}"}
|
||||
.columns.small-6.medium-3.large-3
|
||||
%span.margin-top{"bo-text" => "('balance' | t) + ': ' + Orders.currency_symbol + ' ' + distributor.balance", "ng-class" => "{'credit' : order.outstanding_balance < 0, 'debit' : order.outstanding_balance > 0, 'paid' : order.outstanding_balance == 0}"}
|
||||
.columns.small-2.medium-2.large-1.text-right
|
||||
%span.margin-top
|
||||
%i{"ng-class" => "{'ofn-i_005-caret-down' : !open(), 'ofn-i_006-caret-up' : open()}"}
|
||||
%span.margin-top{"bo-text" => "('balance' | t) + ': ' + Orders.currency_symbol + distributor.balance", "ng-class" => "{'credit' : order.outstanding_balance < 0, 'debit' : order.outstanding_balance > 0, 'paid' : order.outstanding_balance == 0}"}
|
||||
|
||||
Reference in New Issue
Block a user