'Select All' in compare.

Fixes #8

app/pods/protected/compare/controller.js

@@ -9,6 +9,33 @@ export default Ember.Controller.extend({
       };
 
       this.transitionToRoute('protected.compare.results', {queryParams: query});
-    }
+    },
+
+    selectAllStrains: function() {
+      let strains = this.get('strains');
+      let strain_ids = [];
+      strains.forEach((strain) => {
+        strain_ids.push(strain.id);
+      });
+      this.set('selectedStrains', strain_ids.join(","));
+    },
+
+    deselectAllStrains: function() {
+      this.set('selectedStrains', '');
+    },
+
+    selectAllCharacteristics: function() {
+      let chars = this.get('characteristics');
+      let char_ids = [];
+      chars.forEach((char) => {
+        char_ids.push(char.id);
+      });
+      this.set('selectedCharacteristics', char_ids.join(","));
+    },
+
+    deselectAllCharacteristics: function() {
+      this.set('selectedCharacteristics', '');
+    },
+
   }
 });

app/pods/protected/compare/template.hbs

@@ -16,6 +16,14 @@
             placeholder="Select one or more strains"
           }}
         </li>
+        <li>
+          <button class="action button-green smaller right" {{action 'selectAllStrains'}}>
+            Select All
+          </button>
+          <button class="action button-red smaller right" {{action 'deselectAllStrains'}}>
+            Deselect All
+          </button>
+        </li>
         <li>
           <label>Characteristics</label>
           {{
@@ -28,6 +36,14 @@
             placeholder="Select one or more characteristics"
           }}
         </li>
+        <li>
+          <button class="action button-green smaller right" {{action 'selectAllCharacteristics'}}>
+            Select All
+          </button>
+          <button class="action button-red smaller right" {{action 'deselectAllCharacteristics'}}>
+            Deselect All
+          </button>
+        </li>
         <li>
           <button type="submit" class="action button-gray smaller right">
             Search