= inject_enterprises 
#hubs.hubs{"ng-controller" => "HubsCtrl"}
  .row
    .small-12.columns
      %h1 Shop in your local area

  #active-table-search.row.pad-top
    .small-12.columns
      %input{type: :text, 
      "ng-model" => "query",
      placeholder: "Search by name or suburb...",
      "ng-debounce" => "150",
      "ofn-disable-enter" => true}

  = render partial: "home/filters"

  .row{bindonce: true}
    .small-12.columns
      .active_table
        %hub.active_table_node.row.animate-repeat{"ng-repeat" => "hub in filteredHubs = (hubs | hubs:query  | taxons:activeTaxons | shipping:shippingTypes | showProfiles:show_profiles )",
        "ng-class" => "{'closed' : !open(), 'open' : open(), 'inactive' : !hub.active, 'current' : current()}",
        "scroll-after-load" => true,
        "ng-controller" => "HubNodeCtrl",
        id: "{{hub.hash}}"} 
          .small-12.columns
            = render partial: 'home/skinny'
            = render partial: 'home/fat'

        .row{"ng-show" => "filteredHubs.length == 0"}
          .columns.small-12
            %p.no-results
              Sorry, no results found for
              %strong {{query}}.
              Try another search?

= inject_enterprises 
#hubs.hubs{"ng-controller" => "HubsCtrl"}
  .row
    .small-12.columns
      %h1 Shop in your local area

  #active-table-search.row.pad-top
    .small-12.columns
      %input{type: :text, 
      "ng-model" => "query",
      placeholder: "Search by name or suburb...",
      "ng-debounce" => "150",
      "ofn-disable-enter" => true}

  = render partial: "home/filters"

  .row{bindonce: true}
    .small-12.columns
      .active_table
        %hub.active_table_node.row.animate-repeat{"ng-repeat" => "hub in filteredHubs = (hubs | hubs:query  | taxons:activeTaxons | shipping:shippingTypes | showProfiles:show_profiles )",
        "ng-class" => "{'is_profile' : hub.is_profile, 'closed' : !open(), 'open' : open(), 'inactive' : !hub.active, 'current' : current()}",
        "scroll-after-load" => true,
        "ng-controller" => "HubNodeCtrl",
        id: "{{hub.hash}}"} 
          .small-12.columns
            = render partial: 'home/skinny'
            = render partial: 'home/fat'

        .row{"ng-show" => "filteredHubs.length == 0"}
          .columns.small-12
            %p.no-results
              Sorry, no results found for
              %strong {{query}}.
              Try another search?


Add in class to show when hub is
Add in class to show when hub is
