Batman Filtering

controller.coffee

class Shopify.OrdersController extends Shopify.ApplicationController
  index: (params) ->
    @allOrders = Shopify.Order.get('all')
    @_filterOrders()

  addFilter: (type, value) ->
    @set "#{type}Filter", value
    @_filterOrders()

  _filterOrders: ->
    orders = @allOrders
    for filterType in ['status', 'payment', 'fulfillment']
      if filterValue = @get("#{filterType}Filter")
        orders = orders.indexedBy(filterType).get(filterValue)
    @set 'orders', orders

html.html

<div>Showing status (
        <a data-event-click="addFilter | withArguments 'status', ''">any</a>
        <a data-event-click="addFilter | withArguments 'status', 'open'">open</a>
        <a data-event-click="addFilter | withArguments 'status', 'closed'">closed</a>)
        payment status (
        <a data-event-click="addFilter | withArguments 'payment', ''">any</a>
        <a data-event-click="addFilter | withArguments 'payment', 'paid'">paid</a>
        <a data-event-click="addFilter | withArguments 'payment', 'pending'">pending</a>
        <a data-event-click="addFilter | withArguments 'payment', 'authorized'">authorized</a>
        <a data-event-click="addFilter | withArguments 'payment', 'abandoned'">abandoned</a>
        <a data-event-click="addFilter | withArguments 'payment', 'refunded'">refunded</a>
        <a data-event-click="addFilter | withArguments 'payment', 'voided'">voided</a>)
</div>

<div data-foreach-order="orders">...</div>