Taxon selection finesse

app/assets/javascripts/darkswarm/controllers/producers_controller.js.coffee

@@ -1,4 +1,12 @@
-Darkswarm.controller "ProducersCtrl", ($scope, Producers, TaxonSelector) ->
+Darkswarm.controller "ProducersCtrl", ($scope, Producers, TaxonSelector, $filter) ->
   $scope.Producers = Producers
   $scope.TaxonSelector = TaxonSelector
   $scope.filtersActive = false
+  $scope.oldFiltered = []
+
+  $scope.filteredProducers = ->
+    filtered = $filter("filterProducers")(Producers.visible, $scope.query)
+    if $scope.oldFiltered != filtered
+      $scope.oldFiltered = filtered
+      TaxonSelector.collectTaxons filtered
+    filtered

app/assets/javascripts/darkswarm/directives/active_selector.js.coffee

@@ -6,5 +6,4 @@ Darkswarm.directive "activeSelector",  ->
   link: (scope, elem, attr)->
     elem.bind "click", ->
       scope.$apply ->
-        elem.toggleClass "active"
         scope.selector.active = !scope.selector.active 

app/assets/javascripts/darkswarm/directives/taxon_selector.js.coffee

@@ -1,8 +1,5 @@
 Darkswarm.directive "taxonSelector", (TaxonSelector) ->
   restrict: 'E'
-  scope:
-    enterprises: "="
   templateUrl: "taxon_selector.html"
   link: (scope, elem, attr)->
     scope.TaxonSelector = TaxonSelector
-    TaxonSelector.collectTaxons scope.enterprises

app/assets/javascripts/darkswarm/services/selectors/taxon_selector.js.coffee

@@ -1,16 +1,24 @@
 Darkswarm.factory 'TaxonSelector', ->
   new class TaxonSelector
     selectors: []
+    selectors_by_id: {}
     # Collect all taxons on the supplied enterprises
     collectTaxons: (enterprises)->
       taxons = {} 
+      @selectors = []
+      selectors = []
       for enterprise in enterprises
         for taxon in (enterprise.taxons.concat enterprise.supplied_taxons)
           taxons[taxon.id] = taxon
       for id, taxon of taxons
-        @selectors.push
-          active: false
-          taxon: taxon
+        if @selectors_by_id[id]
+          selectors.push @selectors_by_id[id]
+        else
+          @selectors_by_id[id] = 
+            active: false
+            taxon: taxon
+          selectors.push @selectors_by_id[id]
+        @selectors = selectors
 
     active: ->
       @selectors.filter (selector)->

app/assets/javascripts/templates/active_selector.html.haml

@@ -1,2 +1,2 @@
-%li
+%li{"ng-class" => "{active: selector.active}"}
   %a{"ng-transclude" => true}

app/views/producers/index.html.haml

@@ -27,7 +27,7 @@
       .active_table
         %producer.active_table_node.row.animate-repeat{id: "{{producer.path}}",
         "scroll-after-load" => true,
-        "ng-repeat" => "producer in filteredProducers = (Producers.visible | filterProducers:query | taxons:TaxonSelector.active() | shipping:shippingTypes)",
+        "ng-repeat" => "producer in veryFilteredProducers = (filteredProducers() | taxons:TaxonSelector.active() | shipping:shippingTypes)",
         "ng-controller" => "ProducerNodeCtrl",
         "ng-class" => "{'closed' : !open(), 'open' : open(), 'inactive' : !producer.active}",
         id: "{{producer.hash}}"}