openfoodnetwork/app/views/spree/users/_fat.html.haml

.row{"ng-if" => "open()"}
  .columns.small-12.fat
    %table
      %tr
        %th.order1= t :transaction
        %th.order2= t :transaction_date
        %th.order3.show-for-large-up= t :payment_state
        %th.order4.show-for-large-up= t :shipping_state
        %th.order5.text-right= t :value
        %th.order6.text-right.show-for-large-up= t :outstanding_balance
        %th.order7.text-right= t :running_balance
      %tbody.transaction-group{"ng-repeat" => "order in distributor.distributed_orders", "ng-class-odd"=>"'odd'", "ng-class-even"=>"'even'"}
        %tr.order-row
          %td.order1
            %a{"bo-href" => "order.path", "bo-text" => "('order' | t )+ ' ' + order.number"}
          %td.order2{"bo-text" => "order.completed_at"}
          %td.order3.show-for-large-up{"bo-text" => "'spree.payment_states.' + order.payment_state | t | capitalize"}
          %td.order4.show-for-large-up{"bo-text" => "'spree.shipment_states.' + order.shipment_state | t | capitalize"}
          %td.order5.text-right{"ng-class" => "{'credit' : order.total < 0, 'debit' : order.total > 0, 'paid' : order.total == 0}","bo-text" => "order.total | localizeCurrency"}
          %td.order6.text-right.show-for-large-up{"ng-class" => "{'credit' : order.outstanding_balance < 0, 'debit' : order.outstanding_balance > 0, 'paid' : order.outstanding_balance == 0}", "bo-text" => "order.outstanding_balance | localizeCurrency"}
          %td.order7.text-right{"ng-class" => "{'credit' : order.running_balance < 0, 'debit' : order.running_balance > 0, 'paid' : order.running_balance == 0}", "bo-text" => "order.running_balance | localizeCurrency"}
          %tr.payment-row{"ng-repeat" => "payment in order.payments", "ng-class" => "{'invalid': payment.state != 'completed'}"}
            %td.order1{"bo-text" => "payment.payment_method"}
            %td.order2{"bo-text" => "payment.updated_at"}
            %td.order3.show-for-large-up
              %i{"ng-class" => "{'ofn-i_012-warning': payment.state == 'invalid' || payment.state == 'void' || payment.state == 'failed'}"}
              %span{"bo-text" => "'spree.payment_states.' + payment.state | t | capitalize"}
            %td.order4.show-for-large-up
            %td.order5.text-right{"ng-class" => "{'credit' : payment.amount > 0, 'debit' : payment.amount < 0, 'paid' : payment.amount == 0}","bo-text" => "payment.amount | localizeCurrency"}
            %td.order6.show-for-large-up
            %td.order7